@charset "UTF-8";


/* CSS Document */

/* ----------------------------------------
	基本設定
---------------------------------------- */

*{
	margin:0;
	padding:0;
	}

html{
	margin:0;
	padding:0;
	}
body{
	margin:0;
	padding:0;
    font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	font-size:13px;
	color: #000;
	-webkit-text-size-adjust: 100%;
}

img{
	border:0;
	vertical-align:bottom; /* Firefox用 */
	}

p{
	margin:0;
	padding:0;
	line-height: 150%;
	}
ul,ol{
	list-style:none;
	margin:0;
	padding:0;
	}
h1,h2,h3,h4,h5,h6{
	font-weight: normal;
	margin: 0;
	padding: 0;
	}

header,nav{
		margin: 0;
		padding: 0;
	}

table,th,td{
			margin: 0;
		padding: 0;
}

/* link */



/*a:link {
	text-decoration: none;
}

a:visited {
	color: #b58615;
}

a:hover {
	color: #ff9900;
}*/

a:link {
	text-decoration: none;
}

a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
}

a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
}

/* ----------------------------------------
	共通
----------------------------------------*/
#wrap{
	width: 100%;
	margin: 0 auto;
	max-width: 1300px;
}

.wrapper{
	width: 100%;
	margin: 0 auto;
	max-width: 1300px;
}

article a{
	color: #666;
}



/* ----------------------------------------
	header　共通
----------------------------------------*/





/* ----------------------------------------
	h2のタイトル　共通
----------------------------------------*/

#wrap h2{
	font-family: 'Amiri', serif;
	font-size: 50px;
	margin: 30px auto;
	width: 95%;

}

.wrapper h2{
	font-family: 'Amiri', serif;
	font-size: 50px;
	margin: 30px auto 10px;
	width: 95%;
}

.h2_jpn{
	font-size: 18px;
	margin-left: 15px;
	color: #b5b5b6;
	font-weight: normal;
}


/* ----------------------------------------
	スタイリスト＆アーティスト　共通
----------------------------------------*/

.name_wrap{
	border-right: 1px solid #ddd;
}

article.artist_main {/*LEFTと合わせ*/
    margin-top: 128px;
    padding-left: 250px;
}

.artist_wrap{
	position: relative;
}

.artist_right{
	position: fixed;
}

/*.fixed {
  position: fixed;
  top: -20px;
}*/


/* ----------------------------------------
	フッター
---------------------------------------- */
footer{
	width: 100%;
	height: 289px;
}
#foot_inner{
	width: 1000px;
	margin: 0 auto;
}



/* ----------------------------------------
	リクルート
----------------------------------------*/

.tac{
	margin: 30px auto;
}

figure{
	text-align: center;
}



/* ----------------------------------------
	問い合わせ
----------------------------------------*/


article.call_contents table{
	width: 100%;
}

article.call_contents table th{
	text-align: left;
	margin-bottom: 20px;
}
article.call_contents table td{
	text-align: left;
	padding-bottom: 30px;
	line-height: 150%;
}

.txt_spc{
	width: 100%;
	background-color: #fbfbfb;
	border:1px solid #eee;
	height: 30px;
}
.txt_are{
	width: 100%;
	background-color: #fbfbfb;
	border:1px solid #eee;
	height: 240px;
}

.ml80{/*ラジオボタンの位置調整*/
	margin-left: 80px;
}

.btn_op{
	text-align: center!important;
}



.con_btn:hover{
	background-color: #333;
}

.att{
	margin-left: 5px;
}

/* ----------------------------------------
	スタイル　横幅900px
----------------------------------------*/

.style_main{
	margin:0 auto 100px;
	padding: 0 5%;
}

article.style_main h3{
	border-left: 5px #333 solid;;
	font-size: 18px;
	margin: 0 0 15px 0;
	padding-left: 10px;
}

.style_main ul{
	margin-bottom: 40px;
	width: 100%;
}

.style_main ul li{
	float:left;
}

.style_main ul li.r_photo{
	width: 113px;
}

.style_main ul li.l_con{
	width: 600px;
}

.style_main h5{
	margin-bottom: 10px;
	font-size: 12px;
}

.main_ttl{
	color: #9fa0a0;
	margin-bottom: 5px;
}







/* ----------------------------------------
	Wedding
----------------------------------------*/

.wed_nar h3{
	font-family: 'Josefin Sans', sans-serif;
    font-weight: 100;
}

.wed_nar h5{
	border-bottom: 1px solid #666;
	margin:20px 0 10px 0;
	padding-bottom: 5px;
}

.wed_txt{
	margin-bottom: 40px;
}

dl.w_o_s {
	margin-top: 20px;
}

dl.w_o_s dt{
    border-left: 8px solid #000;
    border-bottom: 1px solid #666;
    padding-left: 10px;
    margin-bottom: 10px;
}

dl.w_o_s dd{
	margin-bottom: 30px;
	margin-left: 18px;
	line-height: 150%;
}

.wed_price{
	width: 60%;
	background-color: #000;
	color: #fff;
	padding: 10px 0;
	text-align: center;
	margin:0 auto;
}

.wed_price a{
	color: #fff!important;
}

.wed_price:after {
    font-family: FontAwesome;
    content: "\f0da";
    color: #fff;
    margin-left: 10px;
}
.wed_nar h4{
    font-size: 18px;
    margin-bottom: 20px;
}

dl.flow dt{
    background-color: #eee;
    padding: 20px 40px;
    border-bottom: 1px solid #fff;
    font-weight: bold;
}

dl.flow dd{
	background-color: #eee;
	padding: 20px 40px;
	margin-bottom: 60px;
	position: relative;
	line-height: 150%;
}

dl.flow dd:after{
	content: "";
	background: url(../img/wedding/arrow.jpg) no-repeat left top;
	background-size: 40px 24px;
	width: 40px;
	height: 24px;
	position: absolute;
	left: 50%;
	bottom: -40px;
	margin-left: -20px;
}

dl.flow dd:last-child:after{
	content: none;
}


.modal_select_site p {
    text-align: center;
    color: #FFF;
    margin-bottom: 15px;
}

p.charmer_logo {
    text-align: center;
    margin: 0 auto;
    width: 240px;
    padding-bottom: 40px;
}

#logos {
    padding-bottom: 170px;
}

/*プライスのアシスタントの料金周辺*/

div.ass_head {
    background-color: #484747;
    padding: 20px;
    border-bottom: 1px solid #fff;
    color: #fff;
    text-align: center;
    letter-spacing: 0.08em;
    line-height: 1.9;
}
.mt10{
	margin-top: 10px;
}
.fs14re{
	font-size: 1.4rem;
}
.fw600{
	font-weight: 600;
}
.cmt1{
	font-size: 1rem;
    letter-spacing: 0.06em;
}
.ass_menu ul{
    background-color: #fbfbfb;
    padding: 20px 5%;
    margin-bottom: 20px;
}
.ass_menu ul li{
    font-size: 14px;
    line-height: 1.9;
}
.ass_menu ul li:first-child{
    font-weight: 600;
    font-size: 1.4rem;
    margin-bottom: 5px;
}

/*スクールのバナー*/

.bnr_link{
	width: 95%;
	margin: 0 auto 4rem;
}
.bnr_link img{
	width: 100%;
}


/* ----------------------------------------
	共有
---------------------------------------- */


/* ---ブロック　インライン---- */

.block {     /* ブロック要素にする */
    display:block
    }
.inline {    /* インライン要素にする */
    display:inline
    }

.clear{
	clear:both;
}

/* ---フロート--- */

.f_l{
	float:left;
	}

.f_r{
	float:right;
	}

.liststyle{
	list-style:none;
	}
/* --- Clearfix --- */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
	display: inline-table;
	}

* html .clearfix {height: 1%;}

.clearfix{
	display: block;
	}


.txt_center{
	text-align:center;
	}

.tx_left{
	text-align:left;
	}
.tx_right{
	text-align:right;
	}
.mdl{
	vertical-align:middle;
	}
.tx_u{
	text-decoration:underline;
		}

/* ---color	---- */

.red{
	color:#CC0033;
	}
.pink{
	color:#cc6666;
	}


/* ---font---- */	

.font_80{
	font-size:80%;
	}
	
.font_90{
	font-size:90%;
	}
	
.font_110{
	font-size:110%;
	}
.font_140{
	font-size: 140%;
}


.fwb{
	font-weight:bold;
	}


.mr1p{
	margin-right: 1%;
}

.ml1p{
	margin-left: 1%;
}



/* ---padding---- */

.p10_t{
	padding-top:10px;
	}
	
.p5_l{
	padding-left:5px;
	}	
	
p5_r{
	padding-right:5px;
	}	
	
.p7_l{
	padding-left:7px;
	}
.p10_l{
	padding-left:10px;
	}
.p15_t{
	padding-top:15px;
	}	

.p20_t{
	padding-top:20px;
	}
.p25_t{
	padding-top: 25px;
}

.p_10t_5b{
	padding:10px 0 5px 0;
	}	


.p_10t_5l{
	padding:10px 0 0 5px;
	}

.p5_b{
	padding-bottom:5px;
	}	
	
.p10_b{
	padding-bottom:10px;
	}	
	
.p15_b{
	padding-bottom:15px;
	}	
	
.p20_b{
	padding-bottom:20px;
	}
.p5_t_b{
	padding:5px 0;
	}
.p10_t_b{
	padding:10px 0;
}
.p15_t_b{
	padding:15px 0;
}

.p20_l{
	padding-left:20px;
	}

.p30_l{
	padding-left:30px;
	}
.p40_l{
	padding-left:40px;
	}
.p30_t{
	padding-top:30px;
	}
.p25_l_r{
	padding:0 25px;
	}
.p25_l{
	padding-left:25px;
	}
	
		
.p34_r{
	padding-right:34px;
	}			
	
.p30_r{
	padding-right:30px;
	}	
	
.m30_l{
	margin-left:30px;
	}
	
.m25_l_r{
	margin:0 25px;
	}	
	
.mr5{
	margin-right:5px;
	}
.mr30{
	margin-right:30px;
	}
.ml20{
	margin-left:20px;
	}
.ml25{
	margin-left:25px;
	}	
	
.ml40{
	margin-left:40px;
}

.ml100{
	margin-left:100px;
}



.ml10{
	margin-left: 10px;
}

.ml30{
	margin-left: 30px;
}

.mt50{
	margin-top: 50px;
}
.mt60{
	margin-top: 60px;
}
.mt70{
	margin-top: 70px;
}
.mt80{
	margin-top: 80px;
}
.mt90{
	margin-top: 90px;
}

.mb5{
	margin-bottom: 5px;
}

.mb10{
	margin-bottom: 10px;
}

.mb15{
	margin-bottom: 15px;
}

.mb20{
	margin-bottom: 20px;
}

.mb25{
	margin-bottom: 25px;
}

.mb30{
	margin-bottom: 30px;
}

.mb40{
	margin-bottom: 40px;
}

.mb60{
	margin-bottom: 60px;
}

.mb80{
	margin-bottom: 80px;
}

.mb100{
	margin-bottom: 100px;
}

.mb120{
	margin-bottom: 120px;
}