/*
Theme Name: aburiya-atori
Theme URI: https://aburiya-atori.com/
Author: atori.com
Author URI: https://aburiya-atori.com/
Version: 1.0.10
*/

/* html,bodyタグの設定 */
html, body{
    margin: 0;         /* 余白の削除 */
    padding: 0;        /* 余白の削除 */
    width:100%;
    height:100%;
}

.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }	
.wf-gfself {font-family: 'Noto Serif JP', serif;}

.must2 {
    display: block;
    background-color: #FFF;
    border: solid 2px #FFF;
    text-shadow: 0px 1px 2px #FFF;
    padding: 2px 5px;
    font-size: 10px;
    color: #FFF;
    float: left;
    margin: 0px 5px;
    border-radius: 4px;
    box-shadow: 0px 0px 5px #FFF;
    /**background-image: url(_images/mfp_header.png);**/
	background-size: 100% 100%;}
.must3 {
    display: block;
    background-color: #F6F7F9;
    border: solid 2px #F6F7F9;
    text-shadow: 0px 1px 2px #F6F7F9;
    padding: 2px 5px;
    font-size: 10px;
    color: #F6F7F9;
    float: left;
    margin: 0px 5px;
    border-radius: 4px;
    box-shadow: 0px 0px 5px #F6F7F9;
    /**background-image: url(_images/mfp_header.png);**/
	background-size: 100% 100%;}
	div#mfp_hidden {
		display: none;
	}
ul {
    list-style-type:none;
    margin-block-start: 0em;
    margin-block-end: 0em;
    padding-inline-start: 0px;
 }
#mfp_hidden {
	display: none;
}

#order main#order_custom h3{
	    height: auto;
    margin: 0 auto;
	text-align: center;
    width: 90%;
	margin-top: 7%;
}
/****パソコン用***************************************************************************************************************************************************************************************/
@media screen and (min-width: 721px), print {
.sp{
	display:none !important;
}
img {
  max-width: 100%;
  height: auto;
}
	
body {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background: #000000;
}
	#header { 
		width: 100%;
		height: 170px;
		background:#000000 url("img/head-bg.png") repeat 0 0; 
		margin:0;
		padding:0;
	}
	#header_in {
		display: block;
		width: 1200px;
		height: auto;
		margin: 0 auto;
		padding: 0 0 0 0;
	}
	#header_in a img {
		border: none;
	}
	.logo_box {
		width: 130px;
		height: auto;
		margin: 0 auto;
		padding: 20px 0 0 0;
	}
	.logo_box img {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
	}
	.tel_box {
		width: 280px;
		height: auto;
		float: left;
		margin: 30px 0 0 0;
	}
	.tel_box img{
		width: 100%;
		height: auto;
	}
	.contact_box {
		width: 260px;
		height: auto;
		float: right;
		margin: 55px 0 0 0;
	}
	.contact_box img{
		width: 100%;
		height: auto;
	}
	.contact_box a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	}
#navigation {
	width:100%;
	height:auto;
	display:block;
	margin:0 auto;
	padding:5px 0;
	background: url("img/head-bg.png") repeat 0 bottom; 
}
#navigation ul {
	width:1060px;
	height:40px;
	margin:0 auto;
	padding:10px 0 0 0;
}
#navigation li {
	list-style:none;
	float:left;
	padding:1px 20px;
	border-right: 1px solid #484647;
}
#navigation li:nth-child(1){
	border-left: 1px solid #484647;	
	}
#navigation a{
	color:#FFFFFF;
	text-decoration:none;
}
#navigation a:hover{
	color:#999999;
}
#snavi {
		display: none;
	}
#slide_box {
	width: 100%;
	height: auto;
	overflow: auto;
	margin: 0 auto;
	padding: 50px 0 0 0;
	background-color: #000000;
	}
_:lang(x)::-internal-media-controls-overlay-cast-button, #slide_box {
	width: 100%;
	height: auto;
	overflow: auto;
	margin: 0 auto;
	padding: 60px 0 0 0;
	background-color: #000000;
	}	
#takeout_box {
	width: 100%;
	height: auto;
	min-height: 250px;
	margin: 0 auto;
	padding: 0;
	background-color: #000000;
	}
#takeout_box ul {
	width: 1030px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	}
#takeout_box li {
	list-style: none;
	width: 48%;
	height: auto;
	margin: 0;
	padding: 0 10px;
	float: left
	}
#takeout_box li img {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	}
#tenpo_box {
	width: 100%;
	height: auto;
	min-height: 250px;
	margin: 0 auto;
	padding: 0;
	background: #000000;
	}
	#tenpo_box h3 {
		font-size: 28px;
		font-weight: normal;
		letter-spacing: 0.5em;
		margin: 0;
		padding: 28px 0 0 0;
	}
	#tenpo_box .midashi {
		width: 100%;
		height: 100px;
		margin: 0 auto;
		padding: 0;
		text-align: center;
		color: #FFFFFF;
		background: url("img/midashi1.png") repeat-x 0 0;
		font-size: lighter;
	}
#tenpo_bg1 {
	width: 100%;
	height: 725px;
	margin: 0;
	padding: 0;
	background: #000000;
	}
#tenpo_bg1_img {
	width: 1200px;
	height: 725px;
	margin: 0 auto;
	padding: 0;
	background: url("img/tenpo1.jpg") no-repeat 0 0;
	}
	#tenpo_bg1 .text1 {
		width: auto;
		height: auto;
		padding:25px 0 0 50px;	
		text-align: left;
		font-size: 20px;
		letter-spacing: 3px;
		line-height: 38px;
		color: #FFFFFF;
	}
	#tenpo_bg1 .text2 {
		width: auto;
		height: auto;
		padding:200px 50px 0 0;
		text-align: right;
		font-size: 20px;
		letter-spacing: 3px;
		line-height: 38px;
		color: #FFFFFF;
	}
#tenpo_bg2 {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0 0 30px 0;
	background: #000000;
	text-align: center;
	}
#tenpo_bg2 img {
	width: 1200px;
	height: 600px;
	margin: 0 auto 50px;
	padding: 0;
	}
	#tenpo_bg2 .text3 {
		width: 1200px;
		margin: 0 auto;
		text-align: left;
		font-size: 20px;
		letter-spacing: 3px;
		line-height: 38px;
		color: #FFFFFF;
	}
#tenpo_bg3 {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0 0 40px 0;
	background: #000000;
	text-align: center;
	}
	#tenpo_bg3 h3 {
		margin: 0 0 40px 0;
	}
	#tenpo_bg3 .text4 {
		width: 1100px;
		height: auto;
		overflow: auto;
		margin: 0 auto;
		padding: 30px 50px;
		text-align: left;
		font-size: 22px;
		letter-spacing: 3px;
		line-height: 40px;
		background: #EEDDB2;		
	}
	#tenpo_bg3 .aisatsu_img {
		float: right;
		width: 400px;
		height: auto;
		margin: 10px 0 0 60px;
	}
#slid-main_box {
	z-index: 0 !important;
	width: 100%;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 20px 0;
	background: #000000;
	text-align: center;
	}
	#slid-main {
		overflow: hidden;
		z-index: 0 !important;
		width: 1180px;
		margin: 0 auto;
		padding:0;
		/*padding-left: 22px;*/
		text-align: center;
	}
	#slid-sum {
		width: auto;
		margin: 0 0 0 20px;
	}
	.slider-for {
		margin: 0 auto;
		padding: 0;
	}
	.slider-for figure img{
		margin: -15px 0 0 0;
	}
.slider-nav {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 0 50px 0 50px;
	}
	.slider-nav figure img{
		width: 200px;
		height: auto;
	}
	.prev-arrow {
		position: absolute;
		top: 25px;
		left: 0;
	}
	.next-arrow {
		position: absolute;
		top: 25px;
		right: 0;
	}
.slick-slider {
    margin:0 -15px;
}
.slick-slide {
 ? ?padding:0;
    text-align:center;
    margin-right:5px;
    margin-left:5px;
}
#kodawari_box {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	background:#000000;
	}
	#kodawari_box h3 {
		font-size: 28px;
		font-weight: normal;
		letter-spacing: 0.5em;
		margin: 0;
		padding: 28px 0 0 0;
	}
	#kodawari_box .midashi {
		width: 100%;
		height: 100px;
		margin: 0 auto;
		padding: 0;
		text-align: center;
		color: #FFFFFF;
		background: url("img/midashi1.png") repeat-x 0 0;
		font-size: lighter;
	}
	#kodawari_box_in {
		position: relative;
		width: 1200px;
		height: 1230px;
		margin: 0 auto;
		padding: 0;
		background: url("img/kodawari01.jpg") no-repeat 0 0;
		color: #FFFFFF;
	}
	#kodawari_box_in .kodawari_text {
		position: absolute;
		bottom: 30px;
		left: 0;
		right: 0;
		text-align: center;
		font-size: 18px;
		letter-spacing: 1px;
		line-height: 35px;
	}
#kodawari_box2 {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	background:#000000;
	}
	#kodawari_box_in2 {
		position: relative;
		width: 1200px;
		height: 750px;
		margin: 0 auto;
		padding: 0;
		background: url("img/kodawari02.jpg") no-repeat 0 0;
		color: #FFFFFF;
	}
	#kodawari_box_in2 .kodawari_text2 {
		position: absolute;
		bottom: 30px;
		left: 0;
		right: 0;
		text-align: center;
		font-size: 18px;
		letter-spacing: 1px;
		line-height: 35px;
	}
#menu_box {
	width: 100%;
	height: auto;
	min-height: 250px;
	margin: 0 auto;
	padding: 0;
	background: #FFFFFF;
	}
	#menu_box h3 {
		font-size: 28px;
		font-weight: normal;
		letter-spacing: 0.5em;
		margin: 0;
		padding: 28px 0 0 0;
	}
	#menu_box .midashi {
		width: 100%;
		height: 100px;
		margin: 0 auto;
		padding: 0;
		text-align: center;
		color: #FFFFFF;
		background: url("img/midashi1.png") repeat-x 0 0;
		font-size: lighter;
	}

#takeout_box_in {
    width: 100%;
    height: 0;
    padding-top: 47.36842%;
    background: url("img/menu_taku_pc.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;	
	}

#menu_box_in {
    width: 100%;
    height: 0;
    padding-top: 47.36842%;
    background: url("img/menu01c.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;	
	}
#menu_box_in_b {
    width: 100%;
    height: 0;
    padding-top: 47.36842%;
    background: url("img/menu02c.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;	
	}
#menu_box_in2 {
	text-align: center;
	margin: 0 auto;
	padding: 30px 0;
	overflow: auto;
	width: 1200px;
	}
#menu_ul {
	width: auto;
	height: auto;
	margin: 30px auto;
	display: block;
	}
#menu_list_box {
	float: left;
	width: 44%;
	margin: 0 3% 20px;
	padding-top: 20px;
	}
#menu_list_box h3 {
	color: #FFFFFF;
	text-align: center;
	background: url("img/wood_bg.jpg") repeat-x 0 0;
	margin: 0 0 0 0;
	padding: 8px 0 9px 0;
	font-size: 22px;
	}		
#menu_list_box ul {
	margin: 0;
	padding: 20px 0 0 0;
	}
#menu_list_box li{
	text-align: left;
	padding-bottom: 6px;
	list-style: none;
	}
	#menu_list_box li span{
		float: right;
		padding-right: 10px;
		color: #9F4200;
	}		
#course_sec {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	background: #FFFFFF;
	}
#course_box {
	width: 1130px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	background: #FFFFFF;
	}
#course_waku {
	width: 100%;
	height: auto;
	min-height: 250px;
	margin: 0 auto;
	padding: 0;
	}
#course_box h3 {
	color: #FFFFFF;
	text-align: center;
	background: url("img/wood_bg.jpg") repeat 0 0;
	margin: 0 0 0 0;
	padding: 8px 0 9px 0;
	font-size: 20px;
	letter-spacing: 6px;
	font-weight: normal;
	}
#course_waku_in1 {
	width: 100%;
	height: auto;
	min-height: 350px;
	padding: 20px 0 0 0;
	}	
	.course_img {
		width: 470px;
		height: auto;
		float: left;
		margin: 0 60px 0 0;
	}
	.course_text {
		width: 540px;
		height: auto;
		overflow: auto;
		margin:0 0 0 530px;
	}
	.course_text h4 {
		margin: 0 0 0 0;
		padding: 40px 0;
		font-size: 28px;
		letter-spacing: 6px;
		/**font-weight: normal;**/
		border-bottom: 1px solid #CCCCCC;
		border-top: 1px solid #CCCCCC;
	}
	.course_text span {
		float: right;
		padding-right: 10px;
		color: #9F4200;		
	}
	.course_text ul {
		float: left;
		width: 50%;
		margin: 10px 0 0 0;
		padding: 0;
		list-style: none;
		
	}
	.course_text li {
		/*float: left;*/
		width: 252px;
		list-style: none;
		margin: 0;
		padding: 16px 0 0 0;
		font-size: 18px;
	}
	.course_text2 {
		width: 540px;
		height: auto;
		margin:30px 0 50px 530px;
		border: 1px solid #CCCCCC;
	}
	.course_text2 h4 {
		margin: 0 0 0 0;
		padding: 30px 50px;
		font-size: 28px;
		letter-spacing: 6px;
		/**font-weight: normal;**/
	}
	.course_text2 span {
		float: right;
		padding-right: 10px;
		color: #9F4200;		
	}
#course_waku_in2 {
	width: 100%;
	height: auto;
	min-height: 500px;
	padding: 20px 0 0 0;
	}
#course_waku_in3 {
	width: 100%;
	height: auto;
	min-height: 350px;
	padding: 20px 0 0 0;
	}
	
#yoyaku_box {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	background:;
	}
	#yoyaku_box h3 {
		font-size: 28px;
		font-weight: normal;
		letter-spacing: 0.5em;
		margin: 0;
		padding: 28px 0 0 0;
	}
	#yoyaku_box .midashi {
		width: 100%;
		height: 100px;
		margin: 0 auto;
		padding: 0;
		text-align: center;
		color: #FFFFFF;
		background: url("img/midashi1.png") repeat-x 0 0;
		font-size: lighter;
	}
#yoyaku_waku {
	width: 100%;
	height: auto;
	overflow: auto;
	margin: -20px 0 0 0;
	padding: 0 0 0 0;
	background: #000000;
	color: #FFFFFF;
	}
#yoyaku_waku_in {
	width: 1070px;
	height: 350px;
	margin: 0 auto;
	padding: 50px 0;
	}
#yoyaku_tenpo {
	width: 510px;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	}
	.yoyaku_logo {
		width: 490px;
		height: auto;
	}
	.yoyaku_logo img {
		width: 100%;
		height: auto;
	}
	.yoyaku_address {
		width: 490px;
		margin: 0 0 0 0;
		padding: 30px 0 0 0;
	}
	.yoyaku_address ul {
		width: 100%;
		margin: 0 0 0 10px;
		padding: 0;
	}
	.yoyaku_address li {
		overflow: auto;
		height: auto;
		list-style: none;
		border-bottom: 1px solid #888888;
		padding: 10px 0 11px 10px;
	}
	.yoyaku_address li:first-child{
		border-top: 1px solid #888888;
	}
	.add1 {
		float: left;
		width: 100px;
		height: auto;
		font-size: 11px;
		padding: 3px 0 0 0;
	}
	.add2 {
		float: right;
		width: 380px;
		height: auto;
		font-size: 18px;
		padding: 0 0 0 0;
	}
	.add3 {
		float: right;
		width: 380px;
		height: auto;
		font-size: 30px;
		letter-spacing: 1.2px;
		padding: 0 0 0 0;
		font-weight: bold;
	}
	.add3 span{
		float: right;
		font-size: 16px;
		padding-top: 10px;
		font-weight: normal;
	}
	.add4 {
		float: left;
		width: 100px;
		height: auto;
		font-size: 10px;
		padding: 12px 0 0 0;
	}
	.yoyaku_tenpo_img {
		float: right;
		width: 520px;
		height: 400px;		
	}
	.yoyaku_tenpo_img img {
		width: 100%;
		height: auto;
	}	
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 26.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}	
#yoyaku_form {
	width:100%;
	height: auto;
	margin: 0;
	padding: 50px 0;
	background: #000000;
	text-align: center;
	color: #FFFFFF;
	line-height: 220%;
	letter-spacing: 0.2em;
	}
#yoyaku_form_in {
	width:1000px;
	height: auto;
	margin: 0 auto;
	padding: 0 0;
	}
	#yoyaku_form h3,
	#order_custom h3 {
		width: auto;
		height: auto;
		background: #403E3F;
		color: #FFFFFF;
		font-size: 26px;
		font-weight: normal;
		letter-spacing: 0.5em;
		margin: 10px auto 50px;
		padding: 12px 0;
	}
	#yoyaku_form_in span{
		color: #E55520;
	}

#coupon_box {
	width: 100%;
	height: auto;
	overflow: auto;
	min-height: 250px;
	margin: 0 auto;
	padding: 0 0 50px 0;
	background: #000000;
	}
	#coupon_box h3 {
		font-size: 28px;
		font-weight: normal;
		letter-spacing: 0.5em;
		margin: 0;
		padding: 28px 0 0 0;
	}
	#coupon_box .midashi {
		width: 100%;
		height: 100px;
		margin: 0 auto;
		padding: 0;
		text-align: center;
		color: #FFFFFF;
		background: url("img/midashi1.png") repeat-x 0 0;
		font-size: lighter;
	}
	#coupon_box .coupon_text {
		width: 1150px;
		height: auto;
		margin: 0 auto;
		padding: 50px 0 30px 0;
		text-align: center;
		color: #FFFFFF;
	}
	#coupon_box .coupon_img {
		width: 1150px;
		height: auto;
		margin: 0 auto;
		padding: 0 0 0 0;
		text-align: center;		
	}
	#coupon_box .coupon_img img {
		float: left;
		width: 47%;
		margin:0 10px;	
	}
#footer_navi {
	width: 100%;
	height: auto;
	overflow: auto;
	margin: 0 auto;
	padding: 30px 0 50px 0;
	background: #000000;
	}	
#footer_navi_in {
	width: 1100px;
	height: auto;
	overflow: auto;
	margin: 0 auto;
	padding: 0 0 0 0;
	}
#footer_navi_in ul {
	width: auto;
	height: auto;
	margin: 0 auto;
	padding: 0;
	}
#footer_navi_in li {
	float: left;
	list-style: none;
	text-align: center;
	border-right: 1px solid #484647;
	padding: 0 29px;
	font-size: 14px;
	}
#footer_navi_in li:first-child{
	border-left: 1px solid #484647;
	}
	#footer_navi_in li a{
		text-decoration: none;
		color: #FFFFFF;
	}
	#footer_navi_in li a:hover{
		color: #CCCCCC;
	}
#footer_box {
	width: 100%;
	height: auto;
	overflow: auto;
	margin: 0 auto;
	padding: 30px 0 50px 0;
	background: #000000;
	text-align: center;
	color: #FFFFFF;
	line-height: 220%;
	letter-spacing: 1.5px;
	}
	.f-logo {
		width: 150px;
		height: auto;
		margin: 30px auto;
	}
	.f-logo img {
		width: 100%;
		height: auto;
	}
	.f-add {
		font-size: 16px;
	}
	.f-copy {
		padding-top: 5px;
		font-size: 12px;
	}

#form_mail {
	width: 100%;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 50px 0;
	background: #000000;
	}
#form_mail_in {
	width: 1000px;
	height: auto;
	margin: 0 auto;
	padding: 20px;
	background: #FFFFFF;
	}
#form_mail form {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	}
	dl.mailform {
		width:94%;
		margin: 0 auto;
	}
		.mailform dt {
			float: left;
			width:24%;
			padding-left: 20px;
			padding-top: 15px;
		}
		.mailform dt span {
			color: red;
		}
		.mailform dd {
			float: right;
			width:74%;
		}
.site-navi{
    background: #000;
    display: flex;
    padding: 0;
    position: absolute;
    justify-content: space-between;
    width: 100%;
}
.site-navi.fixed{
    position: fixed;
    top: 0;
	z-index: 9999;
}

.flow-navi__wrapper {
  display:none;
}
.flow-navi {
  position: fixed;
  bottom: 15px;
right: 15px;
  z-index: 3;
}
	.flow-navi {
		width: 260px;
		height: auto;
		margin:55px 0 0 0;
	}
	.flow-navi img{
		width: 100%;
		height: auto;
	}
	.flow-navi a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	}
#page_box {
	width: 100%;
	height: auto;
	min-height: 250px;
	margin: 0 auto;
	padding: 60px 0 0 0;
	}
	#page_box h3 {
		font-size: 28px;
		font-weight: normal;
		letter-spacing: 0.5em;
		margin: 0;
		padding: 28px 0 20px 0;
	}
	#page_box .midashi {
		width: 100%;
		height: 100px;
		margin: 0 auto;
		padding: 0;
		text-align: center;
		color: #FFFFFF;
		background: url("img/midashi1.png") repeat-x 0 0;
		font-size: lighter;
	}
#page_waku {
	width: 100%;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: #000000;
	color: #FFFFFF;
	}
#page_waku_in {
	width: 1070px;
	height: 350px;
	margin: 0 auto;
	padding: 50px 0;
	}	
.entry-content {
	}
  #form_box { 
    width: 100%;
    height: auto;
    margin: 0 auto;
	  padding-bottom: 30px;
	background: #000000;
  }
  #form_box table{
	  border-collapse: collapse;
	 width: 1200px;
    height: auto;
    margin: 0 auto;
    background: #FFFFFF;
  }
  #form_box th{
    width: 30%;
    padding: 10px 20px;
    border: 1px solid #D90000;
    text-align: left;
  }
  #form_box td{
    width: 70%;
    padding: 10px 20px;
    border: 1px solid #D90000;
    text-align: left;
  }
  #form_box .column1{
    
  }
  #form_box .column2{
    
  }
	

}

/****パソコン用_end***/
/****パソコン用***************************************************************************************************************************************************************************************/
@media screen and (max-width: 1200px), print {
#header_in {
		width: 90%;
		height: auto;
		min-height: 150px;
		margin: 0 auto;
	}
	#header_in a img {
		border: none;
	}
	.logo_box {
		width: 100px;
		height: auto;
		margin: 0 auto;
		padding: 20px 0 0 0;
	}
	.logo_box img {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
	}
	.tel_box {
		width: 250px;
		height: auto;
		float: left;
		margin: 30px 0 0 0;
	}
	.tel_box img{
		width: 100%;
		height: auto;
	}
	.contact_box {
		width: 230px;
		height: auto;
		float: right;
		margin: 55px 0 0 0;
	}
	.contact_box img{
		width: 100%;
		height: auto;
	}
	.contact_box a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	}
#navigation {
	width:100%;
	height:auto;
	margin:0 auto;
	padding:5px 0;
	background: url("img/head-bg.png") repeat 0 bottom;
	text-align: center;
}
#navigation ul {
	width:90%;
	height:auto;
	min-height:40px;
	margin:0 auto;
	padding:10px 0 20px 0;
}
#navigation li {
	list-style:none;
	float:left;
	padding:1px 17px;
	border-right: 1px solid #484647;
	font-size:14px;
}
@media screen and (max-width: 1035px), print {
#navigation li {
	list-style:none;
	float:left;
	padding:1px 15px;
	border-right: 1px solid #484647;
	font-size:12px;
	}	
}
#navigation li:nth-child(1){
	border-left: 1px solid #484647;	
	}
#navigation a{
	color:#FFFFFF;
	text-decoration:none;
}
#navigation a:hover{
	color:#999999;
}	
#takeout_box {
	width: 100%;
	height: auto;
	overflow: auto;
	margin: 0 auto;
	padding: 0;
	background-color: #000000;
	}
#takeout_box ul {
	width: 70%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	}
#takeout_box li {
	list-style: none;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	}
#takeout_box li img {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	}
#tenpo_box {
	width: 100%;
	height: auto;
	min-height: 250px;
	margin: 0 auto;
	padding: 0;
	background: #000000;
	}
	#tenpo_box h3 {
		font-size: 28px;
		font-weight: normal;
		letter-spacing: 0.5em;
		margin: 0;
		padding: 28px 0 0 0;
	}
	#tenpo_box .midashi {
		width: 100%;
		height: 100px;
		margin: 0 auto;
		padding: 0;
		text-align: center;
		color: #FFFFFF;
		background: url("img/midashi1.png") repeat-x 0 0;
		font-size: lighter;
	}
#tenpo_bg1 {
	width: 100%;
	height: 500px;
	margin: 0;
	padding: 0;
	background: #000000;
	}
#tenpo_bg1_img {
	width: 100%;
	height: 500px;
	margin: 0 auto;
	background: url("img/tenpo1.jpg") no-repeat 0 0;
	}
	#tenpo_bg1 .text1 {
		width: 90%;
		height: auto;
		margin: 0 auto;
		padding:25px 0 0 0;	
		text-align: left;
		font-size: 16px;
		letter-spacing: 3px;
		line-height: 30px;
		color: #FFFFFF;
	}
	#tenpo_bg1 .text2 {
		width: 90%;
		height: auto;
		margin: 0 auto;
		padding:100px 0 0 0;
		text-align: right;
		font-size: 16px;
		letter-spacing: 3px;
		line-height: 30px;
		color: #FFFFFF;
	}
#tenpo_bg2 {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0 0 30px 0;
	background: #000000;
	text-align: center;
	}
#tenpo_bg2 img {
	width: 100%;
	height: 600px;
	margin: 0 auto 50px;
	padding: 0;
	}
	#tenpo_bg2 .text3 {
		width: 90%;
		margin: 0 auto;
		text-align: left;
		font-size: 18px;
		letter-spacing: 3px;
		line-height: 30px;
		color: #FFFFFF;
	}
#tenpo_bg3 {
	width: 90%;
	height: auto;
	margin: 0 auto;
	padding: 0 0 40px 0;
	background: #000000;
	text-align: center;
	}
	#tenpo_bg3 h3 {
		margin: 0 0 30px 0;
		font-size: 20px;
	}
	#tenpo_bg3 .text4 {
		width: 89%;
		height: auto;
		overflow: auto;
		margin: 0;
		padding: 30px auto;
		text-align: left;
		font-size: 18px;
		letter-spacing: 3px;
		line-height: 30px;
		background: #EEDDB2;		
	}
	#tenpo_bg3 .aisatsu_img {
		float: right;
		width: 40%;
		height: auto;
		margin: 10px 0 0 30px;
	}	

	#slid-main {
		z-index: 0 !important;
		width: 90%;
		margin: 0 0 0 2.333333%;
		padding-left: 22px;
		text-align: center;
	}
	#slid-sum {
		width: 98%;
		margin: 0 auto;
	}
#kodawari_box_in {
    width: 100%;
    height: 0;
    /* (画像の高さ / 画像の横幅) × 100 */
    padding-top: 100.0000000%;
    background: url("img/kodawari01.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;	
	color: #FFFFFF;
	margin:0;
	}
	#kodawari_box_in .kodawari_text {
		bottom:30px;
		width: 90%;
		margin: 0 auto;
		text-align: center;
		font-size: 1.0rem;
		letter-spacing: 0.2rem;
		line-height: 1.3rem;
	}
	#kodawari_box_in2 {
    width: 100%;
    height: 0;
    /* (画像の高さ / 画像の横幅) × 100 */
    padding-top: 65.2500000%;
    background: url("img/kodawari02.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;	
		color: #FFFFFF;	
		margin: 0;
	}
	#kodawari_box_in2 .kodawari_text2 {
		bottom: 50px;
		width: 90%;
		margin: 0 auto;
		text-align: center;
		font-size: 1.0rem;
		letter-spacing: 0.2rem;
		line-height: 1.5rem;
	}
	
#menu_box_in2 {
	text-align: center;
	margin: 0 auto;
	padding: 30px 0;
	overflow: auto;
	width: 100%;
	}	
#menu_list_box {
	float: left;
	width: 46%;
	margin: 10px 2%;
	padding-top: 15px;
	}
	
#course_box {
	width: 96%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	background: #FFFFFF;
	}
	.course_img {
		width: 40%;
		height: auto;
		float: left;
		margin: 0 5% 0 0;
	}
	.course_text {
		width: 55%;
		height: auto;
		overflow: auto;
		margin:0 0 0 45%;
		list-style: none;
	}	
	.course_text2 {
		width: 55%;
		height: auto;
		margin:30px 0 50px 45%;
		border: 1px solid #CCCCCC;
	}
	.course_text h4 {
		margin: 0 0 0 0;
		padding: 40px 0;
		font-size: 20px;
		letter-spacing: 6px;
		/**font-weight: normal;**/
		border-bottom: 1px solid #CCCCCC;
		border-top: 1px solid #CCCCCC;
	}
	.course_text li {
		/*float: left;*/
		width: 50%;
		list-style: none;
		margin: 0;
		padding: 16px 0 0 0;
		font-size: 14px;
	}
	.course_text2 h4 {
		margin: 0 0 0 0;
		padding: 30px 50px;
		font-size: 20px;
		letter-spacing: 6px;
		/**font-weight: normal;**/
	}
	
#yoyaku_waku_in {
	width: 90%;
	height: 310px;
	margin: 0 auto;
	padding: 50px 0 0;
	}
#yoyaku_tenpo {
	width: 48%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	}
	.yoyaku_logo {
		width: 90%;
		height: auto;
	}
	.yoyaku_logo img {
		width: 100%;
		height: auto;
	}
	.yoyaku_address {
		width: 100%;
		margin: 0 0 0 0;
		padding: 30px 0 0 0;
	}
	.yoyaku_address ul {
		width: 100%;
		margin: 0 0 0 10px;
		padding: 0;
	}
	.yoyaku_address li {
		overflow: auto;
		height: auto;
		list-style: none;
		border-bottom: 1px solid #888888;
		padding: 10px 0 11px 10px;
	}
	.yoyaku_address li:first-child{
		border-top: 1px solid #888888;
	}
	.add1 {
		float: left;
		width: 20%;
		height: auto;
		font-size: 11px;
		padding: 3px 0 0 0;
	}
	.add2 {
		float: right;
		width: 78%;
		height: auto;
		font-size: 16px;
		padding: 0 0 0 0;
	}
	.add3 {
		float: right;
		width: 78%;
		height: auto;
		font-size: 20px;
		letter-spacing: 1.2px;
		padding: 0 0 0 0;
		font-weight: bold;
	}
	.add3 span{
		float: right;
		font-size: 14px;
		padding-top: 10px;
		font-weight: normal;
	}
	.add4 {
		float: left;
		width: 20%;
		height: auto;
		font-size: 10px;
		padding: 12px 0 0 0;
	}
	.yoyaku_tenpo_img {
		float: right;
		width: 47%;
		height: 400px;		
	}
	.yoyaku_tenpo_img img {
		width: 100%;
		height: auto;
	}	
	
#yoyaku_form_in {
	width:90%;
	height: auto;
	margin: 0 auto;
	padding: 0 0;
	}

#order main#order_custom{
    height: auto;
    margin: 0 auto;
    min-height: 250px;
    padding: 7% 0 0;
    width: 100%;
background-color: #000;
}
#order main#order_custom h3{
	    height: auto;
    margin: 0 auto;
	text-align: center;
    width: 90%;
}	
	
#form_mail_in {
	width: 90%;
	height: auto;
	margin: 0 auto;
	padding: 20px;
	background: #FFFFFF;
	}
		.mailform dt {
			float: left;
			width:26%;
			padding-right: 20px;
			padding-top: 15px;
		}
		.mailform dt span {
			color: red;
		}
		.mailform dd {
			float: right;
			width: 70%;
		}
#coupon_box {
	width: 100%;
	height: auto;
	overflow: auto;
	margin: 0 auto;
	padding: 0 0 30px 0;
	background: #000000;
	}
#coupon_box .coupon_text {
		width: 90%;
		height: auto;
		margin: 0 auto;
		padding: 50px 0 30px 0;
		text-align: center;
		color: #FFFFFF;
	}
#coupon_box .coupon_img {
		width: 80%;
		height: auto;
		margin: 0 auto;
		padding: 0 0 0 0;
		text-align: center;	
	}
	#coupon_box .coupon_img img {
		width: 44%;
		margin:0 0.8rem;
		float: left;
	}	
#footer_navi {
	width: 100%;
	height: auto;
	overflow: auto;
	margin: 0 auto;
	padding: 30px 0 50px 0;
	background: #000000;
	}	
#footer_navi_in {
	width: 90%;
	height: auto;
	overflow: auto;
	margin: 0 auto;
	padding: 0 0 0 0;
	}
#footer_navi_in ul {
	width: auto;
	height: auto;
	margin: 0 auto;
	padding: 0;
	}
#footer_navi_in li {
	float: left;
	list-style: none;
	text-align: center;
	border-right: 1px solid #484647;
	padding: 0 17px;
	font-size: 14px;
	}
#footer_navi_in li:first-child{
	border-left: 1px solid #484647;
	}
	#footer_navi_in li a{
		text-decoration: none;
		color: #FFFFFF;
	}
	#footer_navi_in li a:hover{
		color: #CCCCCC;
	}
#footer_box {
	width: 100%;
	height: auto;
	overflow: auto;
	margin: 0 auto;
	padding: 30px 0 50px 0;
	background: #000000;
	text-align: center;
	color: #FFFFFF;
	line-height: 220%;
	letter-spacing: 1.5px;
	}
	.f-logo {
		width: 150px;
		height: auto;
		margin: 30px auto;
	}
	.f-logo img {
		width: 100%;
		height: auto;
	}
	.f-add {
		font-size: 16px;
	}
	.f-copy {
		padding-top: 5px;
		font-size: 12px;
	}
  #form_box {
    width: 100%;
    height: auto;
    margin: 0 auto;
  }
  #form_box table{
	  border-collapse: collapse;
	 width: 90%;
    height: auto;
    margin: 0 auto;
    background: #FFFFFF;
  }
	
}

@media screen and (max-width: 950px) {
		.mailform dt {
			width:34%;
			margin: 0;
			padding-left: 20px;
			padding-top: 15px;
			float:left;
		}
		.mailform dd {
			width:60%;
			margin: 0;
		}
	#tenpo_bg3 .text4 {
		width: 86%;
		height: auto;
		overflow: auto;
		margin: 0;
		padding: 30px auto;
		text-align: left;
		font-size: 18px;
		letter-spacing: 3px;
		line-height: 30px;
		background: #EEDDB2;		
	}	
	
}
@media screen and (max-width: 800px) {
		.mailform dt {
			width:90%;
			margin: 0;
			padding-left: 20px;
			padding-top: 15px;
			text-align: center;
		}
		.mailform dd {
			width:90%;
			margin: 0 auto;
			text-align: left;
		}
}


/***スマートフォン用**********************************************************************************************************************************************************************************/
@media screen and (max-width: 720px) {
.pc{
	display:none !important;
}
img { -ms-interpolation-mode: bicubic; }
body {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	font-size: 1.125em;
}
	#header {
		width: 100%;
		height: 8rem;
		background: url("img/head-bg-sp.png") repeat 0 0;
		margin: 3rem 0 0 0;
	}
	#header_in {
		display: block;
		width: 90%;
		height: auto;
		margin: 0 auto;
	}	
	#header_in a img {
		border: none;
	}
	.logo_box {
		width: 27%;
		height: auto;
		float: right;
		margin: 0;
		padding: 1rem 0.5rem 0 0;
	}
	.logo_box img {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
	}
	.tel_box {
		width: 66%;
		float: left;
		height: auto;
		margin: 1rem 0 0 0.3rem;
	}
	.tel_box img{
		width: 100%;
		height: auto;
	}
	.contact_box {
		width: 20rem;
		height: auto;
		margin: 1rem auto 0;
	}
	.contact_box img{
		width: 100%;
		height: auto;
	}

nav{
	display: none;

}
#navigation {
	position: fixed;
	top: 0;
	width:100%;
	height:auto;
	display:block;
	margin:0 auto;
	padding:0;
	z-index: 900;
}
#navigation ul {
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}
#navigation li {
	width:100%;
	height:auto;
	list-style:none;
	padding: 0.5rem;
}	
#takeout_box {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	background-color: #000000;
	}
#takeout_box ul {
	width: 70%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	}
#takeout_box li {
	list-style: none;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0 10px;
	}
#takeout_box li img {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	}
#tenpo_box {
	width: 100%;
	height: auto;
	min-height: 250px;
	margin: 0 auto;
	padding: 0;
	background:;
	}
	#tenpo_box h3 {
		font-size: 1.0rem;
		font-weight: normal;
		letter-spacing: 0.4rem;
		margin: 0;
		padding: 1.2erm 0 0 0;
	}
	#tenpo_box .midashi {
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 1.0rem 0;
		text-align: center;
		color: #FFFFFF;
		background: url("img/midashi1.png") repeat-x 0 0;
		font-size: lighter;
	}
#tenpo_bg1 {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0 0 21rem;
	background: #000000;
	}
#tenpo_bg1_img {
	position: relative;
    width: 100%;
    height: 0;
    /* (画像の高さ / 画像の横幅) × 100 */
    padding-top: 100.0000000%;
 
    background: url("img/tenpo1sp.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	}
	#tenpo_bg1 .text1 {
		width: 90%;
		/*position: absolute;*/
		top:1rem;
		left:2rem;
		font-size: 0.8rem;
		letter-spacing: 0.3rem;
		line-height: 1.0rem;
		color: #FFFFFF;
		text-shadow:0px 1px 4px #000000;
	}
	#tenpo_bg1 .text2 {
		width: 90%;
		/*position: absolute;*/
		bottom:1rem;
		right:2rem;
		text-align: left;
		padding-top: 15px;
		font-size: 0.8rem;
		letter-spacing: 0.3rem;
		line-height: 1.0rem;
		color: #FFFFFF;
		text-shadow:0px 1px 4px #000000;
	}
#tenpo_bg2 {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0 0 50px 0;
	background: #000000;
	}
#tenpo_bg2 img {
	width: 100%;
	height: auto;
	margin: 0 auto 2.0rem;
	padding: 0;
	}
	#tenpo_bg2 .text3 {
		width: 90%;
		margin: 0 auto;
		text-align: left;
		font-size: 0.8rem;
		letter-spacing: 0.3rem;
		line-height: 1.5rem;
		color: #FFFFFF;
	}
#tenpo_bg3 {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0 0 40px 0;
	background: #000000;
	text-align: center;
	}
	#tenpo_bg3 h3 {
		margin: 0 0 1rem 0;
	}
	#tenpo_bg3 .text4 {
		width: 80%;
		height: auto;
		overflow: auto;
		margin: 0 auto;
		padding: 2rem 2rem;
		text-align: left;
		font-size: 1.0rem;
		letter-spacing: 0.3rem;
		line-height: 1.5rem;
		background: #EEDDB2;		
	}
	#tenpo_bg3 .aisatsu_img {
		width: 100%;
		height: auto;
		margin: 0 auto 1rem;
	}
	#tenpo_bg3 .aisatsu_img img {
		width: 100%;
		height: auto;
	}
#slid-main_box {
	width: 100%;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: #000000;
	text-align: center;
	}
	#slid-main {
		width: 90%;
		margin: 0 auto;
		text-align: center;
		overflow:hidden;
	}
	.slider-for {
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}
	.slider-for figure img {
		width: 100%;
		height: auto;
		margin: -1.1rem 0 0 0;
	}
	#slid-sum {
		width: 100%;
		margin: -1.0rem 0 0 3.0rem;
	}
.slider-nav {
		position: relative;
		width: 70%;
		height: auto;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
	.slider-nav figure img {
		width: 100%;
		height: auto;
	}
	.prev-arrow {
		position: absolute;
		top: 1.7rem;
		left: -2.5rem;
	}
	.next-arrow {
		position: absolute;
		top: 1.7rem;
		right: -2.4rem;
	}
.slick-slider {
    margin:0;
}
.slick-slide {
	padding:0;
    background-color:red;
    text-align:center;
    margin-right:0.2rem;
    margin-left:0.2rem;
}	
	
#kodawari_box {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	padding: 0 0 21rem 0;
	background:#000000;
	}
	#kodawari_box h3 {
		font-size: 1.0rem;
		font-weight: normal;
		letter-spacing: 0.4rem;
		margin: 0;
		padding: 1.2erm 0 0 0;
	}
	#kodawari_box .midashi {
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 1.0rem 0;
		text-align: center;
		color: #FFFFFF;
		background: url("img/midashi1.png") repeat-x 0 0;
		font-size: lighter;
	}
	#kodawari_box_in {
	position: relative;
    width: 100%;
    height: 0;
    /* (画像の高さ / 画像の横幅) × 100 */
    padding-top: 100.0000000%;
 
    background: url("img/kodawari01.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;	
	color: #FFFFFF;
	}
	#kodawari_box_in .kodawari_text {
		/*position: absolute;*/
		bottom: -3rem;
		left: 0;
		right: 0;
		width: 90%;
		margin: 0 auto;
		text-align: center;
		font-size: 0.8rem;
		letter-spacing: 0.2rem;
		line-height: 1.3rem;
	}
#kodawari_box2 {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	padding: 0 0 20rem 0;
	background:#000000;
	}
	#kodawari_box_in2 {
	position: relative;
    width: 100%;
    height: 0;
    /* (画像の高さ / 画像の横幅) × 100 */
    padding-top: 65.2500000%;
 
    background: url("img/kodawari02.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;	
		color: #FFFFFF;	
	}
	#kodawari_box_in2 .kodawari_text2 {
		/*position: absolute;*/
		bottom: -10rem;
		left: 0;
		right: 0;
		width: 90%;
		margin: 0 auto;
		text-align: center;
		font-size: 0.8rem;
		letter-spacing: 0.2rem;
		line-height: 1.5rem;
	}	
#menu_box {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	background:;
	}
	#menu_box h3 {
		font-size: 1.0rem;
		font-weight: normal;
		letter-spacing: 0.4rem;
		margin: 0;
		padding: 1.2erm 0 0 0;
	}
	#menu_box .midashi {
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 1.0rem 0;
		text-align: center;
		color: #FFFFFF;
		background: url("img/midashi1.png") repeat-x 0 0;
		font-size: lighter;
	}
#takeout_box_in {
    width: 100%;
    height: 0;
    padding-top: 80.36774%;
    background: url("img/menu_taku_sp.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	}

#menu_box_in {
    width: 100%;
    height: 0;
    padding-top: 80.36774%;
    background: url("img/menu01dsp.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	}
#menu_box_in_b {
    width: 100%;
    height: 0;
    padding-top: 80.36774%;
    background: url("img/menu02dsp.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	}
#menu_box_in2 {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	padding: 1.5rem 0;
	}
#menu_box_in2 .menu_waku_text3 {
		width: 80%;
		margin: 0 auto;
		font-size: 0.5rem;
	}
#menu_ul {
	width: 100%;
	height: auto;
	margin: 1rem auto;
	display: block;
	}
#menu_list {
	width: 80%;
	height: auto;
	display: block;
	overflow:auto;
	margin: 0 auto;
	}	
#menu_list_box {
	width: 100%;
	height: auto;
	margin: 1rem auto;
	list-style: none;
	padding-top: 20px;
	}	
#menu_list_box h3 {
	color: #FFFFFF;
	text-align: center;
	background: url("img/wood_bg.jpg") repeat-x 0 0;
	margin: 0 0 0 0;
	padding: 0.5rem 0 0.5rem 0;
	font-size: 1.2rem;
	}		
#menu_list_box ul {
	}
#menu_list_box li{
	text-align: left;
	padding-bottom: 0.3rem;
	font-size: 0.8rem;
	list-style: none;
	}
	#menu_list_box li span{
		float: right;
		padding-right: 0.3rem;
		color: #9F4200;
	}		
	
#course_sec {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	}
#course_box {
	width: 100%;
	height: auto;
	margin: 0 auto;
	}
#course_waku {
	width: 80%;
	height: auto;
	text-align: left;
	margin: 0 auto;
	padding: 1.5rem 0;
	}
#course_box h3 {
	color: #FFFFFF;
	text-align: center;
	background: url("img/wood_bg.jpg") repeat-x 0 0;
	margin: 0 0 0 0;
	padding: 0.5rem 0 0.5rem 0;
	font-size: 1.0rem;
	letter-spacing: 0.3rem;
	font-weight: normal;
	}
#course_waku_in1 {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0.3rem 0 0 0;
	}	
	.course_img {
		width: 100%;
		height: auto;
		margin: 0.8rem 0 1.0rem 0;
	}
	.course_img img {
		width: 100%;
		height: auto;
	}
	.course_text {
		width: 100%;
		height: auto;
		overflow: auto;
		margin:0 0 0 0;
		list-style: none;
	}
	.course_text h4 {
		margin: 0 0 1.0rem 0;
		padding: 1.0rem 0;
		text-align: left;
		font-size: 1.0rem;
		letter-spacing: 0.1rem;
		font-weight: normal;
		/**font-weight: normal;**/
		border-bottom: 1px solid #CCCCCC;
		border-top: 1px solid #CCCCCC;
	}
	.course_text span {
		float: right;
		padding-right: ;
		color: #9F4200;		
	}
	.course_text ul {
		width: 100%;
		margin: 0 0 0 0;
		padding: 0;	
	}
	.course_text li {
		/*float: left;*/
		width: 100%;
		list-style: none;
		margin: 0;
		padding: 0.3rem 0 0 0;
		font-size: 1.0rem;
	}
	.course_text2 {
		width: 100%;
		height: auto;
		margin:1.0rem 0 0;
		border: 1px solid #CCCCCC;
	}
	.course_text2 h4 {
		margin: 0 0 0 0;
		padding: 0.8rem 2.0rem;
		text-align: left;
		font-size: 0.8rem;
		letter-spacing: 0.3rem;
		/**font-weight: normal;**/
	}
	.course_text2 span {
		float: right;
		font-size: 0.8rem;
		padding-right: 0.1rem;
		color: #9F4200;		
	}
#course_waku_in2 {
	width: 100%;
	height: auto;
	padding: 0.3rem 0 0 0;
	}
#course_waku_in3 {
	width: 100%;
	height: auto;
	padding: 0.3rem 0 0 0;
	}

	
	
	
#yoyaku_box {
	width: 100%;
	height: auto;
	min-height: 250px;
	margin: 0 auto;
	padding: 0;
	background:;
	}
	#yoyaku_box h3 {
		font-size: 1.0rem;
		font-weight: normal;
		letter-spacing: 0.4rem;
		margin: 0;
		padding: 1.2erm 0 0 0;
	}
	#yoyaku_box .midashi {
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 1.0rem 0;
		text-align: center;
		color: #FFFFFF;
		background: url("img/midashi1.png") repeat-x 0 0;
		font-size: lighter;
	}
#yoyaku_waku {
	width: 100%;
	height: auto;
	overflow: auto;
	margin: 0;
	padding: 0 0 30px 0;
	background: #000000;
	color: #FFFFFF;
	}
#yoyaku_waku_in {
	width: 90%;
	height: auto;
	margin: 0 auto;
	padding: 2.0rem 0;
	}
#yoyaku_tenpo {
	width: 90%;
	height: auto;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	}
	.yoyaku_logo {
		width: 100%;
		height: auto;
	}
	.yoyaku_logo img {
		width: 100%;
		height: auto;
	}
	.yoyaku_address {
		width: 100%;
		margin: 0 0 0 0;
		padding: 1.0rem 0 0 0;
	}
	.yoyaku_address ul {
		width: 100%;
		margin: 0 0 0 0;
		padding: 0;
	}
	.yoyaku_address li {
		overflow: auto;
		height: auto;
		list-style: none;
		border-bottom: 1px solid #888888;
		padding: 0.8rem 0.5rem;
	}
	.yoyaku_address li:first-child{
		border-top: 1px solid #888888;
	}
	.add1 {
		width: 100%;
		height: auto;
		font-size: 0.8rem;
		padding: 0 0 0 0;
	}
	.add2 {
		width: 100%;
		height: auto;
		font-size: 1.0rem;
		padding: 0 0 0 0;
	}
	.add3 {
		width: 100%;
		height: auto;
		font-size: 1.6rem;
		padding: 0 0 0 0;
		font-weight: bold;
	}
	.add3 span {
		font-size: 1.2rem;
		font-weight: normal;
	}
	.yoyaku_tenpo_img {
		width: 100%;
		height: auto;
		margin: 1.0rem 0 0 0;
	}
	.yoyaku_tenpo_img img {
		width: 100%;
		height: auto;
	}	
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
#yoyaku_form {
	width:100%;
	height: auto;
	margin: 0;
	padding: 1.0rem 0;
	background: #000000;
	text-align: center;
	color: #FFFFFF;
	line-height: 140%;
	letter-spacing: 0.1rem;
	}
#yoyaku_form_in {
	width:74%;
	height: auto;
	margin: 0 auto;
	padding: 0 0;
	font-size: 0.7rem;
	}
	#yoyaku_form h3,
	#order_custom h3 {
		width: auto;
		height: auto;
		background: #403E3F;
		color: #FFFFFF;
		font-size: 0.8rem;
		font-weight: normal;
		letter-spacing: 0.3rem;
		margin: 0.2rem auto 0.5rem;
		padding: 0.6rem 0;
	}
	#yoyaku_form_in span{
		color: #E55520;
	}
#coupon_box {
	width: 100%;
	height: auto;
	overflow: auto;
	margin: 0 auto;
	padding: 0 0 1.7rem 0;
	background: #000000;
	}
	#coupon_box h3 {
		font-size: 1.0rem;
		font-weight: normal;
		letter-spacing: 0.4rem;
		margin: 0;
		padding: 1.2erm 0 0 0;
	}
	#coupon_box .midashi {
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 1.0rem 0;
		text-align: center;
		color: #FFFFFF;
		background: url("img/midashi1.png") repeat-x 0 0;
		font-size: lighter;
	}		
	#coupon_box .coupon_text {
		width: 80%;
		height: auto;
		margin: 0 auto;
		padding: 1.5rem 0 1.5rem 0;
		text-align: center;
		font-size: 0.8rem;
		color: #FFFFFF;
	}
	#coupon_box .coupon_img {
		width: 80%;
		height: auto;
		margin: 0 auto;
		padding: 0;
		text-align: center;		
	}
	#coupon_box .coupon_img img {
		width: 100%;
		height: auto;
		margin-bottom: 1.0rem;
	}



	
#footer_navi {
	width: 100%;
	height: auto;
	overflow: auto;
	margin: 0 auto;
	padding: 1.3rem 0 1.6rem 0;
	background: #000000;
	}	
#footer_navi_in {
	width: 90%;
	height: auto;
	overflow: auto;
	margin: 0 auto;
	padding: 0 0 0 0;
	}
#footer_navi_in ul {
	width: auto;
	height: auto;
	margin: 0 auto;
	padding: 0;
	}
#footer_navi_in li {
	float: left;
	width: 49%;
	list-style: none;
	text-align: center;
	border-left: 1px solid #484647;
	padding: 0;
	font-size: 0.8rem;
	margin-bottom: 0.3rem;
	}
#footer_navi_in li:nth-child(even){
	border-right: 1px solid #484647;
	}
#footer_navi_in li:last-child{
	border-right: 1px solid #484647;
	}
	#footer_navi_in li a{
		text-decoration: none;
		color: #FFFFFF;
	}
	#footer_navi_in li a:hover{
		color: #CCCCCC;
	}	
#footer_box {
	width: 100%;
	height: auto;
	overflow: auto;
	margin: 0 auto;
	padding: 1.3rem 0 1.6rem 0;
	background: #000000;
	text-align: center;
	color: #FFFFFF;
	line-height: 160%;
	letter-spacing: 0.3rem;
	}
	.f-logo {
		width: 30%;
		height: auto;
		margin: 1.0rem auto;
	}
	.f-logo img {
		width: 100%;
		height: auto;
	}
	.f-add {
		font-size: 0.8rem;
	}
	.f-copy {
		padding-top: 0.4rem;
		font-size: 0.6rem;
	}
	
#form_mail {
	width: 100%;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 1.5rem 0;
	background: #000000;
	}
#form_mail_in {
	width: 80%;
	height: auto;
	margin: 0 auto;
	padding: 1.5rem;
	background: #FFFFFF;
	}
#form_mail form {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	}
 .flow-navi__wrapper {
   position: static;
 }
 .flow-navi {
   display:none;
 }
	
.flow-navi-sp {
    display: block;
    width: auto;
    position: fixed;
    left: 0;
	bottom: -3px;
    z-index: 9999;
    text-align: center;
	margin: 0;
    padding: 0;
}
 
.flow-navi-sp img {
    max-width: 100%;
	margin: 0;
    padding: 0;
}	
#page_box {
	width: 100%;
	height: auto;
	min-height: 250px;
	margin: 0 auto;
	padding: 0;
	background:;
	}
	#page_box h3 {
		font-size: 1.0rem;
		font-weight: normal;
		letter-spacing: 0.4rem;
		margin: 0;
		padding: 1.2erm 0 0 0;
	}
	#page_box .midashi {
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 1.0rem 0;
		text-align: center;
		color: #FFFFFF;
		background: url("img/midashi1.png") repeat-x 0 0;
		font-size: lighter;
	}
#page_waku {
	width: 100%;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: #000000;
	color: #FFFFFF;
	}
#page_waku_in {
	width: 90%;
	height: auto;
	margin: 0 auto;
	padding: 2.0rem 0;
	}	
.entry-content {}	

  #form_box {
    width: 100%;
    height: auto;
    margin: 0 auto; 
	  background: #000000;
  }
  #form_box table{
    border-collapse: collapse;
  }
  #form_box table{ 
    width: 90%;
    height: auto;
    margin: 0 auto;
    background: #FFFFFF;
    border-bottom: 1px solid #D90000;
	  font-size: 0.8rem;
  }
  #form_box th{
    width: auto;
    display: block;
    padding: 10px 20px;
    border: 1px solid #D90000;
    border-bottom: none;
    text-align: center;
  }
  #form_box td{
    width: auto;
    display: block;
    padding: 10px 20px;
    border: 1px solid #D90000;
    border-bottom: none;
    text-align: center;
  }
	
}/***スマートフォン用_end****/