/*
Theme Name: アトリエネイジュ
Theme URI: 
Version: 1.0.0
Description: アトリエネイジュ
Author: ARCKLY
Author URI: http://arckly.com/
*/

@charset "UTF-8";
/* CSS Document */


/* Reset
------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td {
margin: 0;
padding: 0;
}
address,th {
font-style: normal;
font-weight:normal;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
th {
text-align: left;
}
hr,legend {
display: none;
}
h1,h2,h3,h4,h5,h6 {
font-size: 100%;
}
img,fieldset {
border: 0;
}
li {
list-style-type: none;
}
a:hover img.link{
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
	display: inline-block;
}

img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 0%;
	line-height: 0%;
	vertical-align:bottom;
	-ms-interpolation-mode: bicubic;	/*←IE用画像縮小アルゴリズムの改善*/
}


/* Fonts フロートなど共通CSS
------------------------------------------------------------*/
body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, verdana, Osaka,"MS PGothic", "ＭＳ Ｐゴシック", Sans-Serif;
	font-size: 14px;
	color:#6A5F57;
	background-color:#FFF;
}

body a{
	color:#000;
	text-decoration:underline;
}

body a:hover{
	color:#999;
	text-decoration:underline;
}

.float_l{
	float:left;
}

.float_r{
	float:right;
}

.clear{
	clear:both;
}

.red{
	color:#F00;
}

.blue{
	color:#01589F;
}

.bold{
	font-weight:bold;
}

.img_rabius20 img{
	border-radius:20px;
}
.txt_c {
	text-align: center;
}
.txt_r {
	text-align: right;
}

a.btn {
	display: inline-block;
	padding:5px 25px;
	text-decoration: none;
	background: #59D1C4;
	color: #FFF;
}
a:hover.btn {
	text-decoration: none;
	color: #FFF;
	opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
}


#header h1{
	font-size: 12px;
	font-weight: normal;
	background: #a77f73;
	color: #FFF;
	text-align: center;
	padding: 5px 0;
}

.header_logo {
	text-align: center;
	margin: 30px 0;
}


/*フッター設定
------------------------------------------------------------*/

footer{
	background-color:#faf9f7;
}
footer .footer_wrap{
	padding: 20px 0;
}
footer .footer_wrap p{
	border-bottom: 1px solid #DCCCC7;
	padding-bottom: 20px;
	margin-bottom: 15px;
}
footer .footer_wrap li a{
	font-size: 12px;
	text-decoration: none;
	color: #6A5F57;
}
footer .footer_wrap span{
	font-family: "Times New Roman", Times, serif;
	color: #A67F72;
	display: block;
	margin-bottom: 5px;
}
footer .footer_wrap span a{
	font-size: 14px;
	color: #A67F72;
}

footer .footer_wrap li a:hover{	color: #A77F73;}
footer .footer_wrap span a:hover{ color: #6A5F57; }

address{
	background: #A77F73;
	text-align: center;
	color: #FFF;
	font-size: 12px;
	padding: 5px 0;
}

.sec_p p{ margin-bottom: 15px;}

.txt_c{
	text-align: center;
}

.hover:hover{
	opacity: 0.7;
}

.list_dot{
	list-style:disc;
	margin:0 0 0 17px;
}
.list_dot li{ margin-bottom: 5px;list-style:disc; }

.f_small{ font-size: 12px;}
.f_big{ font-size: 18px;}
.txt_b{ font-weight: bold; }
.mb15{ margin-bottom: 15px; }

.linebox{
	border: 1px solid #59D1C4;
	padding: 20px;
	background: #f7f7f7;
}

.letter_s {
	letter-spacing: -1px;
}
.mb10{ margin-bottom: 10px; }

/*-------margin------- */
.section{ margin-bottom: 70px; }
.container { margin-bottom: 50px; }
.case {	margin-bottom: 30px; }
.item{ margin-bottom: 20px; }
.mb_clesr{ margin-bottom: 0!important;}


/*-------container------- */
.container .msg {
	width: 57%;
	word-break: break-all;
}
.container .img {
	width: 40%;
}
.pic_l .img, .pic_r .msg {
	float: left;
}
.pic_l .msg, .pic_r .img {
	float: right;
}

.flow_picl .img{ float:left; margin-right: 15px; margin-bottom: 5px;}
.flow_picr .img{ float:right; margin-left: 15px; margin-bottom: 5px;}

.mb30{ margin-bottom: 30px !important; }
.mb5{ margin-bottom: 5px !important; }

.list3,
.list2{
	overflow: hidden;
}
.list3 li{
	width: 31.3%;
	margin-left: 3%;
	float: left;
}
.list3 li:first-child{ margin-left: 0; }

.list2 li{
	width: 48%;
	margin-left: 4%;
	float: left;
}
.list2 li:first-child{ margin-left: 0; }


/* table style */
.tb_style{
	width:100%;
	table-layout: auto;
	border-collapse: collapse;
	border: 1px solid #DCCCC7;
}
.tb_style th,
.tb_style td{
	text-align:left;
	padding:10px 15px;
	border-bottom: 1px solid #DCCCC7;
}
.tb_style th{
	background:#FAF9F7;
	border-right: 1px solid #DCCCC7;
}

.title_master{
	font-size: 33px;
	color: #A57F72;
	text-align: center;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-weight: normal;
	margin-bottom: 30px;
	background: url(images/bg_title_main.png) no-repeat center bottom;
	padding-bottom: 50px;
}
.title_sub{
	font-size: 28px;
	color: #A57F72;
	text-align: center;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-weight: normal;
	margin-bottom: 40px;
}
.title_sub em{
	display: block;
	width: 200px;
	height: 1px;
	background: #DCCCC7;
	margin: auto;
	margin-top: 20px;
}
.title_sub span{
	font-size: 16px;
	color: #6A5F57;
}
.title_sub02{
	font-size: 16px !important;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, verdana, Osaka,"MS PGothic", "ＭＳ Ｐゴシック", Sans-Serif;
	font-weight: bold;
	margin-bottom: 15px !important;
}
.title_sub02 em{
	width: 90px !important;
	margin-top: 10px;
}

.title_sec{
	font-size: 22px;
	color: #A57F72;
	text-align: center;
	background: url(images/bg_title_sec.png) no-repeat center bottom;
	padding-bottom: 25px;
	font-weight: normal;
	margin-bottom: 20px;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;

}
.font_en{ 
	font-family:"Times New Roman", Times, serif; 
	letter-spacing: 3px;
}

.title_item{



}
.tel_s{ margin: 28px 0;}

#path { margin: 20px auto 40px auto; }
#path li{
	display: inline-block;
	font-size: 11px;
}
#path li a{
	background: url(images/arr.jpg) no-repeat right center;
	padding-right: 10px;
	color:#6A5F57;
	text-decoration: none;
}
#path li a:hover{
	color:#A77F73;
}

.path{
	display: inline-block;
	font-size: 11px;
}
.path a{
	color:#6A5F57;
	text-decoration: none;
}
.path a:hover{
	color:#A77F73;
}

.btn_sty{
	display: inline-block;
	border: 2px solid #66970A;
	padding: 5px 30px;
	text-decoration: none;
	color: #66970A;
}
.btn_sty span{
	display: inline-block;
	background: url(images/arr1.png) no-repeat right center;
	padding-right: 10px;
}
.btn_sty:hover{ border-color: #999;}


#main_visual_sub{
	background: #FAF9F7;
	padding: 30px 0;
	text-align: center;
}
#main_visual_sub h2{
	font-size: 14px;
	font-weight: normal;
	color: #8A7D70;
}
#main_visual_sub h2 span{
	display: block;
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
	font-style: italic;
	color: #A57F72;
	margin-bottom: 5px;
	letter-spacing: 3px;
}



/* index
------------------------------------------------------------*/
.intro_col .pic_l{
	border: 1px solid #C1A59D;
	padding: 15px;
}
.intro_col .pic_l h4{
	text-align: center;
	margin: 20px 0 30px 0;
}
.intro_col .pic_l p{ margin-bottom: 15px;}


.banner_col3 li{
	width: 32%;
	margin-left: 2%;
	float: left;
}
.banner_col3 li:first-child{
	margin-left: 0;
}

#news_box{
	border: 1px solid #C1A59D;
	padding: 20px;
	box-sizing: border-box;
	height:1100px;
	overflow-y:scroll;
}
#news_box h3{
	background: url(images/index/bg_news.png) no-repeat center bottom;
	padding-bottom: 30px;
	text-align: center;
	margin-bottom: 15px;
}
#news_box li a{
	color: #6A5F57;
	text-decoration: none;
}
#news_box li a:hover{ color: #999; }
#news_box li a span{
	display: inline-block;
	width: 100px;
	color: #A57F72;
	margin-left: -100px;
}
#news_box li{
	padding-left: 100px;
	margin-bottom: 10px;
	color: #6A5F57;
	text-decoration: none;
	border-bottom: 1px dashed #ddcdc8;
}
#news_box li span.news_time{
	display: inline-block;
	width: 100px;
	color: #A57F72;
	margin-left: -100px;
}


.banner_r li{ margin-bottom: 20px;}


#follow h3{
	background: url(images/index/bg_fllow.png)  no-repeat center;
	text-align: center;
	margin-bottom: 40px;
}
#follow ul{ text-align: center;}
#follow li{
	display: inline-block;
	margin: 0 10px 20px 10px;
}

/* information
------------------------------------------------------------*/
.title_infor{
	color: #A57F72;
	font-size: 16px;
	margin-bottom: 10px;
}
.th_w th{ width: 25%; }


/* contact
------------------------------------------------------------*/
.hilight{
	background: #FAF9F7;
	border: 1px solid #DCCCC7;
	padding: 20px 40px;
}

.tb_form th,
.tb_form td{
	padding-top: 20px;
	padding-bottom: 20px;
}
.tb_form th{
	background: none;
	width: 25%;
}
.tb_form li{
	display: inline-block;
	margin-right: 15px;
}
.tb_form th span{
	color: #FF6666;
}
.tb_form textarea,
.tb_form input[type="text"],
.tb_form input[type="email"],
.tb_form input[type="tel"]{ 
	padding: 5px;
	border: 1px solid #ddd;
	box-sizing: border-box;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.tb_form input[type="text"],
.tb_form input[type="email"],
.tb_form input[type="tel"]{
	-webkit-appearance: none;
	border-radius: 0;
}
.tb_form .w_field{ width: 60%; }
.tb_form .w_field02{ width: 80%; }

.btn_submit input{
	-webkit-appearance: none;
	border-radius: 0;
	background: #8A7D70;
	width: 240px;
	padding: 10px 0;
	font-size: 20px;
	color: #FFF;
	font-family:"Times New Roman", Times, serif;
	font-style: italic;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: none;
	cursor: pointer;
}

/* about
------------------------------------------------------------*/
.about_box2 .pc_float_l{
	background: #FAF9F7;
	padding: 65px 40px;
	box-sizing: border-box;
}
.gallery_about li{
	width: 33%;
	float: left;
	margin-left: 0.5%;
	margin-bottom: 0.5%;
}
.gallery_about li:nth-child(3n+1){
	margin-left: 0;
}

.hilight02{
	border: none;
	padding: 20px;
}
.dog .img{ width: 30%; }
.dog .msg{ width: 67%; }
.title_line{
	background: url(images/bg_line.jpg) repeat-x bottom;
	font-size: 22px;
	color: #A57F72;
	margin-bottom: 20px;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-weight: normal;
	padding-bottom: 10px;
}
.dog table{ width: 100%;}
.dog th { width: 40%; }
.dog th span{
	display: block;
	background: #A57F72;
	color: #FFF;
	text-align: center;
	font-size: 12px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
}
.dog th,
.dog td{
	padding: 1px 5px;
}

#about_col .about_line{
	border: 1px solid #C1A59D;
	padding: 20px;
overflow-y: scroll;
max-height: 500px;
}
#about_col .about_line .img{ width: 37%; }
#about_col th{ width: 28%; vertical-align: top; }
#about_col th,
#about_col td{ font-size: 13px; }
#about_col .title_infor{
	font-size: 14px;
}

.title_line_tb{
	text-align: center;
	margin-bottom: 20px;
}
.title_line_tb span{
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	color: #A57F72;
	border-top: 1px solid #DCCCC7;
	border-bottom: 1px solid #DCCCC7;
	padding: 8px 20px;
}

.txt_c_sp{ text-align: right !important; }


#qa_box .case{
	background: url(images/bg_line02.jpg) repeat-x bottom;
	padding-bottom: 30px;
}
#qa_box .case h4{
	font-size: 16px;
	color: #A57F72;
	margin-bottom: 5px;
}



.title_call{
	background: url(images/bg_line02.jpg) repeat-x top, url(images/bg_line02.jpg) repeat-x bottom;
	font-size: 20px;
	color: #A77F73;
	font-size: 20px;
	padding: 15px 0;
	font-style: italic;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	margin-bottom: 40px;
}
.title_line02{
	font-size: 16px;
	font-weight: bold;
	color: #A57F72;
	border-bottom: 1px solid #DCCCC7;
	padding-bottom: 5px;
	margin-bottom: 10px;
}


.tb_call{
	width: 100%;
	border-top: 1px solid #DCCCC7;
	border-bottom: 1px solid #DCCCC7;
}
.tb_call th,
.tb_call td{
	padding: 15px;
}
.tb_call th{
	background: #C1A59D;
	color: #FFF;
	width: 30%;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
}
.title_call02{
	font-size: 16px;
	font-weight: bold;
	background: url(images/bg_line02.jpg) repeat-x bottom;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.img_call li{
	float: left;
	margin-left: 0.5%;
	width: 32.7%;
}

.gallery .col2{ box-sizing: border-box; }
.gallery .col2 .gallery_box .col{
	width: 49%;
	float: left;
	margin-left: 2%;
	margin-top: 2%;
}
.gallery .col2 .gallery_box .clear {
	display: none;
}
.gallery .col2 .gallery_box .col:nth-child(4n+1){
	margin-left: 0;
}
.gallery .col2 .gallery_box .clear:nth-child(4n) {
	display: block;
}


.post-password-form{
margin-bottom : 15em ;
margin-top:5em;
text-align:center;
line-height:2em;
}
.post-password-form p:nth-child(2n){
margin-top:5em;
}


@media screen and (max-width: 820px){
.post-password-form{
margin-bottom : 5em ;
}
}





@media screen and (min-width: 768px) {
	.for_sp{
		display : none ;
	}
}

@media screen and (max-width: 767px) {
	.for_sp{
		display : inline ;
	}
}

.font_5 {
font-family: 'Noticia Text', serif;
    font-style: ;
    font-variant-ligatures: ;
    font-variant-caps: ;
    font-variant-numeric: ;
    font-variant-east-asian: ;
    font-weight: ;
    font-stretch: ;
font-size:27px;
    line-height: ;
    font-family: ;
    letter-spacing: 0em;
}


.font_6 {
    font-style: ;
    font-variant-ligatures: ;
    font-variant-caps: ;
    font-variant-numeric: ;
    font-variant-east-asian: ;
    font-weight: ;
    font-stretch: ;

    line-height: ;
font-family:serif;

    letter-spacing: 0em;
}

@media screen and (max-width: 767px) {
img#sukima {
padding-bottom: 10px;
}
}

span.midasi {
    font-weight: bold;
    color: #8F818C;
	font-size: 16px;
}

@media screen and (max-width: 640px) {
    .br-sp { display:none; }
}
