/*
kirei de chu css template
*/

/* reset リセットが必要な処理を追加 */
body{font-family: 'Rufina', serif;font-size:13px;}
li{list-style-type: none;}
ul{padding:0px;margin:0px;}

@media screen and (min-width:768px){
    .nav>li>a { padding: 0px 15px;}
}


/* common decoration 全体に影響を及ぼす装飾用 */

.fill{margin:0px !important;padding:0px !important;}
span.bold,p{font-size:1.2em;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;}
p{font-size:1em;letter-spacing:0.1em;font-weight:100;text-align:center;}


.s_title{padding: 15px 0 20px;}
.s_title_02{padding: 0;}
.f-gosick{letter-spacing:0.08em;
	font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
}

.f-gray{
	color: #929292;
	font-size: 0.9em;
	line-height: 1.5em;
}
.back_btn{margin: 45px 0 10px;}/* 前に戻るボタン */


a:hover img{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
	opacity:0.6;
	transition: all 0.5s;
}


h1{text-align:center;margin:80px auto 25px;letter-spacing:0.08em;}
h2{text-align:center;margin:25px auto 25px;letter-spacing:0.08em;}
h2 span{background-color:#fff;padding:0px 50px;}
h2 hr {height:1px;border:none;background-color: #c5c5c5 !important;display: block;margin-top: -15px;}

.btn-border-bk {
    display: inline-block;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
    letter-spacing: 0.3em;
    outline: none;
    background-color: #fff;
    color: #000;
    border: 3px solid #000;
    transition: all .2s;
}

.btn-border-bk:hover {
    background-color: #fff;
    border-color: #FF007B;
    color: #FF007B;
    text-decoration: none;
}

@media screen and (max-width:767px) {
	.difinition{padding:2px 0 50px;}
	#total_data{padding:0px;}
	.total_p{text-align: left !important;
		color: #706F6F;
		font-size: 0.9em;
		line-height: 1.5em;
		letter-spacing:0;}
	h1{font-size: 1.8em !important;margin:40px auto 25px;}
	.f-gosick{letter-spacing:0.05em;
	}
}

/*Bootstrap 余白削除*/
.container-fluid {max-width: 100%;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{padding-right: 0px;padding-left: 0px;}




.opacity50{opacity:0.8 !important;}
.no-back{background-color: inherit;}
.span-font12{font-size:12px;}


@media screen and (min-width: 767px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 767px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}



/* common layout 全体に影響を及ぼすレイアウト用 */

#header,#m-banner_data,#a_post_data,#tenpo,#insta,#news_data,#menu_data,#contents,#total_data,#footer_data{
	width:100%;
	max-width:1100px;
	display:block;
	margin:0px auto;
	padding:0px;
}
/* pc */
@media screen and (min-width:769px){
    section {padding:0px !important;}
    .row{padding:0px;margin:13px 0px;}
}
/* sp */
@media screen and (max-width:768px){
    section {padding:0px !important;}
    .row{padding:0px;margin:6px 0px;}    
}


.height40{height:40px;}
.height20{height:20px;}

.item img{margin:0px auto;}



/* ****************************

以下、section毎に設置

**************************** */

/* section */
/* header */
#header #navi{margin:0px;}
#navs .toiawase{float:right;}
#navi .navbar-default {background-color: inherit;border: inherit;margin: 0px;min-height:inherit;}
.navbar-default .navbar-nav>li>a:hover {color: #FF007B;}
.navbar-nav li{
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing:0.08em;
}
#logo{width:160px;height:25px;float:left;}
#logo-sp{width:160px;height:25px;float:left;margin:10px;}


/* tenpo header内店舗案内 */
#tenpo{margin-bottom:0px;}
#tenpo_data{padding: 12px 0 1px;border-top: dotted 1px #c5c5c5;}

.tell{padding: 0 15px;}
.header-tell-a{
	color: #000!important;
}
.header-tell-a:hover{
	color: #FF007B!important;
	text-decoration: none;
	transition: .3s;
}

@media screen and (max-width:767px) {
	#tenpo_data{padding: 12px 10px 1px;}
}



/* section */
/* header_catch */
/* eye_catch */
#eye_catch{}
#eye_catch_img{width:100%;height:400px;}




/* section */
/* contents */
/* news */
#news{background-color:#F7F5F4;}
#news-page{background-color:#Fff;}
#news_data{padding: 20px 0 20px;}
#news h2{margin: 25px auto 10px;}
#news_data .news_catch_img{width:120px;height:80px;margin:0px 12px 0px 0px;float:left;}
#news_data li{
	background-color:#Fff;
	padding: 15px;
	margin:15px 0% 30px;}
#news_data a{
	color:#383838;
	font-weight: 600;
}
#news_data dd{margin:5px}
.news-line{border-bottom: #706F6F 1px dotted;
	
}

@media screen and (max-width:767px) {
	#news_data li{margin:5px 0% 10px;}
}


/* section */
/* contents */
/* menu */
#menu{}
#menu_data{}
	
	#menu .menu_catch_img{width:100%;height:180px;margin:0 auto; }
	#web_yoyaku{text-align:center;}
	.menu_banner{margin:12px auto;width:90%;height:150px;}

	#menu_data li{margin-bottom:35px;}
	#menu_data p{text-align:center;padding: 20px 0 0;}
	#menu_data img{border-radius: 4px;}
	#menu_data h3{text-align:center;margin:30px 0px 12px;}
	#menu_data h4{text-align:center;margin:25px 0px 12px;
		position: relative;
		text-align: center;
	}
	#menu_data h4:after {
		content: '';
		position: absolute;
		left: 50%;
		bottom: -15px;/*線の上下位置*/
		display: inline-block;
		width: 23px;/*線の長さ*/
		height: 3px;/*線の太さ*/
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);/*位置調整*/
		background-color: #555;/*線の色*/
		border-radius: 2px;/*線の丸み*/
	  }

	.yoyaku {margin: 0 auto;width: 90%;}
	.yoyaku_pc { display: block !important; outline: 0px !important;}
	.yoyaku_mb { display: none !important; }




	
	@media screen and (max-width:767px) {
		#menu_data img{border-radius: 4px; outline: 0px }
		#menu_data li{margin-bottom:25px;}
		#menu_data h4{font-size: 1em;}
		.yoyaku_pc { display: none !important; }
		.yoyaku_mb { display: block !important; }
		.yoyaku {width: 100%;}
	}


/* section */
/* total */
#total{}
#total_data{}

#total_data #bottom p{text-align:center;}
#total_data{margin:50px auto 0px;padding:15px;}
.total_catch_img{width:100%;height:250px;margin:0px;}

	.difinition{padding:2px 0 50px;}
	.total_in {padding: 40px 0 0;}
	.total_p{text-align: center !important;
		color: #706F6F;
		font-size: 1em;
		line-height: 1.5em;
		letter-spacing:0.1em;}
	.total_tell-a{
		color: #000!important;
	}
	.total_tell-a:hover{
		color: #FF007B!important;
		text-decoration: none;
		transition: .3s;
	}

	.total_btn {
		display: inline-block;
		padding: 15px 75px;
		text-align: center;
		text-decoration: none;
		line-height: 25px;
		outline: none;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;		
		background-color: #F1EAEA;
		color: #383838;
		font-size: 1.8em;
		letter-spacing:0.1em;
	}
	.total_btn::before,
	.total_btn::after {
		position: absolute;
		z-index: -1;
		display: block;
		content: '';
	}
	.total_btn,
	.total_btn::before,
	.total_btn::after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: all .3s;
		transition: all .3s;
	}
	.total_btn:hover {
		background-color: #242424;
		color: #F8F8F8;
		text-decoration: none;
		}

	@media screen and (max-width:767px) {
		.difinition{padding:2px 0 50px;}
		#total_data{padding:20px;}
		.total_p{text-align: left !important;
			color: #706F6F;
			font-size: 0.9em;
			line-height: 1.9em;
			letter-spacing:0;}
	}




/* section */
/* contents */
/* comment */
#comment {
	margin: 0 0 50PX 0;
	background: url(../img/comment.jpg) no-repeat center;
	background-size: cover;
}
#comment_data {
	padding: 50px 0 0;
	background: rgba(209, 9, 142, 0.749);
}
  #comment_data .comment_catch_img {
	width: 120px;
	height: 80px;
	margin: 0px 12px 0px 0px;
	float: left;
}
  
	#comment_data li {margin: 25px 0% 50px;}
	.comment_in{padding: 15px 0 0;}
	.comment_in p{
		text-align: center !important;
		color: #FFFFFF;
		font-size: 1.5em;
		line-height: 2em;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
		letter-spacing:0.08em;}
	.p_pu{
		font-weight: bold;
		letter-spacing:0.2em;
		}



	@media screen and (max-width:767px) {
		.comment_in{
			padding: 0 15px 15px;}
		.comment_in p{text-align: center !important;
			color: #FFFFFF;
			font-size: 1em;
			line-height: 2em;
			font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
			letter-spacing:0.08em;}
		.p_pu{
			font-weight: bold;
			letter-spacing:0.2em;
			}
	}
	



/* section */
/* insta */
#insta{}
#insta_data{}
#insta_data h2{}	
#insta_data img{width:100%;height:100%;}
#insta_data .insta_pic {padding:5px;}

	@media screen and (max-width:768px){
		#insta_data .row{padding:10px;}
		#insta_data .insta_pic {padding:5px;}
	}
        


/* section */
/* m-banner WEB予約バナー*/
#m-banner{background-color: #F7F5F4;margin:25px 0px;}
#m-banner_data .row{text-align: center; margin:25px auto;padding:50px 0px !important;}
#m-banner_data .row img{padding:10px;}



/* section */
/* a_post */
#a_post{}
#a_post_data{}

#a_post_data img{width:100%;height:100%;padding:5px;outline: 1px dotted #CCCCCC; }
#a_post_data a:hover{text-decoration: none;}
#a_post_data .a_post_pic {padding:5px;}
#a_post_data li{
	padding: 8px;
}

	.c_g {
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
		-webkit-transition: .1s ease-in-out;
		transition: .2s ease-in-out;}
	.c_g:hover {
		text-decoration: none;
		-webkit-filter: grayscale(0);
		filter: grayscale(0);
		opacity:1 !important;}
	.post_p{
		padding: 7px 0 15px;
		color: #242424;
		line-height: 2em;
		font-size: 1.3em;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
		letter-spacing:0.08em;}

        @media screen and (max-width:768px){
			#a_post .row{padding:10px;}
			.post_p{font-size: 1em;}
        }



/* section */
/* stafflist */


/* section */
/* recruit */



#recruit {
    width: 100%;
    background-image: url(https://kireidechu.net/wp/wp-content/uploads/2018/06/recruit-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 90px 0;
}

.recruit-box {
    width: 1100px;
    background-color: #fff;
    margin: 0 auto;
    padding: 40px 0;
}

.recruit-box-in {
    margin: 0 40px;
}

.recruit-box-img {
    position: relative;
    height: 310px;
}

.recruit-box-img-main {
    position: absolute;
    top: 0;
    right: 38px;
}

.recruit-box-img-layer {
    position: absolute;
    top: 0;
    right: 38px;
}

.recruit-box-text {
    text-align: center;
    font-size: 0.95em;
    padding-right: 35px!important;
}

.recruit-box-text-title {
    font-size: 3em;
    font-weight: 600;
    letter-spacing: 0.2em;
}

.recruit-box-text-2nd {
    margin-top: 45px;
    margin-bottom: 40px;
    line-height: 2em;
}


.btn-size-recruit{
    width: 95%;
    height: 70px;
    font-size: 1.6em;
    line-height: 70px;
}


@media screen and (max-width:1000px) {
    #recruit {
        width: 100%;
        height: auto;
        padding: 40px 0;
    }
    .recruit-box {
        width: 100%;
        margin: 0;
        padding: 60px 0;
    }
    .recruit-box-in {
        margin: 0;
    }
    .recruit-box-img {
        position: static;
        height: auto;
    }
    .recruit-box-img img {
        width: 100%;
    }
    .recruit-box-img-main {
        position: static;
    }

    .recruit-box-img-layer {
        display: none;
    }

    .recruit-box-text {
        padding: 0px!important;
        font-size: 0.8em;
    }
    .recruit-box-text-title {
        font-size: 2.5em;
        font-weight: 600;
        letter-spacing: 0.2em;
        margin-top: 30px;
    }
    .recruit-box-text-2nd {
		font-size: 1.2em;
        margin-top: 20px;
        margin-bottom: 20px;
        line-height: 2em;
    }
}



/* section */
/* dummy */
#dummy{height:100px;}




/* section */
/* footer */

	#footer{
	background-color:#222 !important;
	color:#fff;
	margin-bottom:0px;
	display:block;
	}

	#footer_data{
		color:#fff;
		padding:50px 15px 0px;
		background-color:#222;
	}
	#footer_data p{
		color:#fff;
		font-size: 0.8em !important;
		line-height: 1.8em;
		letter-spacing:0.1em;
		margin: 0px;
	}
	.fotter-inn{
		margin: 5px 0 0;
		text-align: left;
	}
	.fotter-inn-left{
		margin: 13px 0 0;
		text-align: center;
	}
	.fotter-inn p{
		text-align: left;
	}
	.fotter-tell{
		padding: 2px 0 3px;
		font-size: 2em;
		color: #CCCCCC !important;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	.fotter-tell-a{
		color: #CCCCCC!important;
	}
	.fotter-tell-a:hover{
		color: #FF007B!important;
		text-decoration: none;
		transition: .3s;
	}
	.footer_btn {
		margin: 16px 0 5px 0;
		display: inline-block;
		width: 76%;
		height: 54px;
		text-align: center;
		text-decoration: none;
		line-height: 54px;
		outline: none;
		background-color: #FF007B;
		color: #fff;
		font-size: 1.4em;
	}
	.footer_btn::before,
	.footer_btn::after {
		position: absolute;
		z-index: -1;
		display: block;
		content: '';
	}
	.footer_btn,
	.footer_btn::before,
	.footer_btn::after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: all .3s;
		transition: all .3s;
	}
	.footer_btn:hover {
		color: #333;
	background-color: #F1EAEA;
	text-decoration: none;
	}


	/* 下価格メニュー */
	.footer-menu-title{
		font-size: 1.5em;
		padding: 10px 0;
	}
	.footer-list{
		margin-right: auto;
		margin-left: auto;
	}
	#footer_data ul{
		list-style-type: none;
		padding-left: 0;
		text-align: center;
	}
	#footer_data li{
		color:#fff;
		padding:2px 15px;
		display: inline-block;
		border-right: 1px solid #535353;
	}
	.li-end{
		border-right: 0px !important;
	}
	.footer-link a{
		font-size: 1.1em;
		color:#fff;
		position: relative;
		display: inline-block;
		transition: .3s;
	}
	.footer-link a::after {
		position: absolute;
		bottom: .3em;
		left: 0;
		content: '';
		width: 100%;
		height: 1px;
		background-color: #FF007B;
		opacity: 0;
		transition: .3s;
	  }
	  .footer-link a:hover {
		color: #999999;
		text-decoration: none;
	  }
	  .footer-link a:hover::after {
		bottom: 0;
		opacity: 1;
	  }




	@media screen and (max-width:767px) {
		#footer_data{
			padding:20px 15px 50px;
		}
		.fotter-inn{
			text-align: center;
		}
		.fotter-inn p{
			text-align: center!important;
		}
		.footer-link a{
			font-size: 1em;
		}
	
	}