@charset "UTF-8";

/*--------------------------------------------------------
解像度1200px以下
--------------------------------------------------------*/
@media
only screen and (max-width : 1200px){


body:not(.home) .site-header-in,
body:not(.home) .main-body-in,
body:not(.home) .site-footer-in{
		width: 100%;
		margin: auto;
	}

body:not(.home) .global-nav-in{
		max-width: 100%;
		margin: auto;
	        float: right;
	}

	
body:not(.home) .main-image-in,
body:not(.home) .main-image-in-text,
body:not(.home) .main-image-in-text .main-image-in-text-cont,
body:not(.home) .main-image-in-text.wide .main-image-in-text-cont{
		width: 100%;
	}



	.site-header-in,
	.main-body-in,
	.site-footer-in{
		width: 100%;
		margin: auto;
	}


/*ヘッダー右側の要素*/
.header-box2{
	display: table-cell;
	text-align: right;
        vertical-align: top;
position: absolute;
top: 30px;
right: 0;
}

.header-box2 img{
max-height: 35px;
}


 .global-nav-in{
		max-width: 100%;
		margin: auto;
width: 100%;
	        float: left;
	}


.global-nav-in ul {
    display: table;
    width: 100%;
    margin: 0;
    padding: 0;
    table-layout: fixed;
}


ul.topnav {
    margin-bottom: 0;
padding: 0;
    float: left;
    max-width: 100%;
    list-style: none;
    position: relative;
    font-size: 1.2em;
}
ul.topnav li {
    float: left;
    margin: 0; padding: 0;
}
ul.topnav li a {
    padding: 10px 15px;
    display: block;
    color: #444;
    text-decoration: none;
}

ul.topnav >li >a {
    height: 55px;
}

ul.topnav li:hover {transition-delay: 3s;}

ul.topnav li ul {
    float: left;
    padding: 0;
    position: absolute;
    left: 0; top:53px;
    display: none;
    max-width: 100%;
    color: #fff;
list-style-type: none;
}

ul.topnav li:hover >ul { display: block !important; color: #fff; z-index: 999; position: absolute; left: 0; top:53px; padding: 0; transition-delay: 3s;}


ul.topnav li:hover >ul li a { padding: 10px 15px;}


ul.topnav li >ul a { display: inline; color: #fff; padding: 10px 15px;}
ul.topnav li >ul a:hover {text-decoration: none; color: #fff; transition-delay: 3s;}


ul.topnav li.current-menu-item ul { display: block; color: #fff;}

ul.topnav:hover li.current-menu-item ul { display: none; color: #fff;}

ul.topnav li.current-menu-parent ul { display: block; color: #fff;}

ul.topnav:hover li.current-menu-parent ul { display: none; color: #fff;}


.home ul.topnav li ul { display: none; color: #fff;}








	
	.main-image-in,
	.main-image-in-text,
	.main-image-in-text .main-image-in-text-cont,
	.main-image-in-text.wide .main-image-in-text-cont{
		width: 100%;
	}
	
	.col1 .section-wrap,
	.col1 .breadcrumbs,
	.col1 .section-wrap.wide .section-in,
	.col1 .section-wrap.wide{
		width: auto;
	}

	.col1 .breadcrumbs-in,
	.col1 .float-area{
		width: 96%;
		margin-right: auto;
		margin-left: auto;
	}
	
	/*吹き出し*/
	.bubble{
		width: 70%;
	}
	
	.talker{
		width: 25%;
	}
	
	.bubble .bubble-in:after,
	.bubble .bubble-in:before{
		top: 30px;
	}
	
	.together .bubble,
	.together .talker{
		width: 100%;
	}
	
	.together .talker b{
		max-width: 25%;
	}

	.ranking-list04 .rank-box,
	.ranking-list05 .rank-box,
	.post-list01 .post-box,
	.post-list02 .post-box{
		width: 100%;
	}
	
	.col1 .ranking-list05 .rank-box,
	.col1 .post-list02 .post-box{
		width: 320px;
	}


.p150{ padding: 150px!important; }
.p150-t{ padding-top: 150px!important; }
.p150-r{ padding-right: 150px!important; }
.p150-b{ padding-bottom: 150px!important; }
.p150-l{ padding-left: 150px!important; }


	
}/*解像度1200px以下*/



@media
only screen and (max-width : 1060px){




.main-body h2.txt{
	margin: 68px 0 20px;
	padding: 0;
	color: #392F2C;
	font-size: 1.5em;
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

.main-body h2.txt img{
		width: 6%;
}

.main-body h2.txt2{
	margin: 40px 0 20px;
	padding: 0;
	color: #392F2C;
	font-size: 1.5em;
letter-spacing: 0.15em;
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}



.txt{
	margin: 68px 0 20px;
	padding: 0;
	color: #392F2C;
	font-size: 1.5em;
letter-spacing: 0.15em;
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}


.txt2{
	margin: 40px 0 20px;
	padding: 0;
	color: #392F2C;
	font-size: 1.5em;
letter-spacing: 0.15em;
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}



}

/*--------------------------------------------------------
解像度737px以上950px以下
--------------------------------------------------------*/
@media (min-width: 737px) and (max-width: 950px){

.container {
    position: relative;
    background-color: #fff;
}

	/*ランキング*/
	.col2 .sub-conts .ranking-list03 .rank-thumb,
	.col2r .sub-conts .ranking-list03 .rank-thumb,
	.col2 .comparative-list01 .rank-thumb,
	.col2 .comparative-list02 .rank-thumb,
	.col2r .comparative-list01 .rank-thumb,
	.col2r .comparative-list02 .rank-thumb{
		float: none;
	}
	
	.col2 .comparative-list01 .rank-thumb,
	.col2 .comparative-list02 .rank-thumb,
	.col2r .comparative-list01 .rank-thumb,
	.col2r .comparative-list02 .rank-thumb{
		display: inline-block;
	}

	.col1 .ranking-list04 li,
	.col1 .ranking-list05 li,
	.col1 .post-list01 li,
	.col1 .post-list02 li{
		display: block;
		margin-right: auto;
		margin-left: auto;
	}

	.col1 .ranking-list04 .rank-box,
	.col1 .ranking-list05 .rank-box,
	.col1 .post-list01 .post-box,
	.col1 .post-list02 .post-box{
		width: 320px;
	}

	.col1 .banner-list li{
		display: list-item;
		margin-left: 0;
	}

.p150{ padding: 20px!important; }
.p150-t{ padding-top: 20px!important; }
.p150-r{ padding-right: 20px!important; }
.p150-b{ padding-bottom: 20px!important; }
.p150-l{ padding-left: 20px!important; }



body:not(.home) .global-nav-in{
		max-width: 100%;
		margin: auto;
	        float: right;
	}

 .global-nav-in{
		max-width: 100%;
		margin: auto;
	        float: right;
	}

/*記述リスト 横並び*/
.dl-style01 dt,
.dl-style01 dd{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
}

.dl-style01 dt{
	display: block;
	float: left;
	width: 25%;
font-weight: bold;
clear : both;
}

.dl-style01 dd{
	padding-left: 30%;
}


.main-body h2.txt{
	margin: 68px 0 20px;
	padding: 0;
	color: #392F2C;
	font-size: 1.5em;
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}


.main-body h2.txt img{
		width: 6%;
}

.main-body h2.txt2{
	margin: 40px 0 20px;
	padding: 0;
	color: #392F2C;
	font-size: 1.5em;
letter-spacing: 0.15em;
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

.txt2{
	margin: 40px 0 20px;
	padding: 0;
	color: #392F2C;
	font-size: 1.5em;
letter-spacing: 0.15em;
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}



 .global-nav-in{
width: 100%;
		margin: auto;
	        float: left;
	}

ul.topnav {
    margin-bottom: 0;
padding: 0;
    float: left;
    width: 100%;
    list-style: none;
    position: relative;
    font-size: 0.9em;
}

ul.topnav img {
max-height: 80%;
max-width: 80%;
}

ul.topnav li {
    float: left;
    margin: 0; padding: 0;
}
ul.topnav li a {
    padding: 10px 0px;
    display: block;
    color: #444;
    text-decoration: none;
}

ul.topnav >li >a {
    height: 55px;
}

ul.topnav li:hover {}

ul.topnav li ul {
    float: left;
    padding: 0;
    position: absolute;
    left: 0; top:53px;
    display: none;
    width: 100%;
    color: #fff;
list-style-type: none;
}

ul.topnav li ul img {
max-height: 80%;
max-width: 80%;
}

ul.topnav li:hover >ul li a { padding: 0;}

ul.topnav li >ul a { display: inline; color: #fff; padding: 0;}

ul.sub-menu{list-style-type: none;}




}/*解像度737px以上950px以下*/

/*--------------------------------------------------------
解像度736px以下
--------------------------------------------------------*/
@media
only screen and (max-width : 736px){

	html,
	body,
	.containr{
		min-width: 0;
	}

.container {
    position: relative;
    background-color: #fff;
}

.main-image{
	margin: 0.8em 0 0;
}

#area_hoge2{display:none;}



	html{
		overflow-x: hidden;
		overflow-y: scroll;
	}

	html,body{
		width: 100%;
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
	}

	textarea,input{
		max-width: 95%;
	}
	
	input[type="submit"],input[type="image"],
	input[type="reset"],input[type="button"],
	input[type="file"]{
		max-width: none;
	}
	
	blockquote{
		position: relative;
		margin: 2em 0;
		padding: 115px 20px 80px;
		background: #eee;
	}


body:not(.home) .site-header-in,
body:not(.home) .global-nav-in,
body:not(.home) .main-body-in,
body:not(.home) .site-footer-in{
		width: 100%;
	}



	.site-header-in,
	.main-body-in,
	.site-footer-in{
		width: 100%;
	}


body:not(.home) .global-nav-in{
		width: 100%;
	}

 .global-nav-in{
		width: 100%;
	}


	
	.col2 .main-conts,
	.col2 .sub-conts,
	.col2r .main-conts,
	.col2r .sub-conts{
		float: none;
		width: auto;
	}
	
	/*ヘッダー*/
	.site-header-conts,
	.site-title
	.header-splogo,
	.header-box{
		display: block;
	}

	.smptopbg{
		display: block;
background-color: #fff;
width: 100%;
height: 60px;
    position: fixed;
    top: 0;
    z-index: 9999;
	}


	.header-splogo{
vertical-align: middle;
		text-align: left;
		padding-top: 0;
		margin-top: 12px;
		margin-left: 45px;
    position: fixed;
    top: 0;
    z-index: 9999;
	}

	.header-splogo img{
max-height: 34px;
max-width: 158px!important;;
	}
	
	.header-box{
vertical-align: middle;
		text-align: right;
		padding-top: 0;
		margin-top: 10px;
    position: fixed;
    top: 0;
right: 0;
    z-index: 9999;
	}

	.header-box img{
max-height: 35px;
	}


/*ヘッダー右側の要素*/
.header-box2{
display:none;
}


.spNone {display:none;}

	
	.site-header-conts{
		padding-top: 0;
	}
	
	.no-gn .site-header-conts{
		padding-top: 0;
	}
	
	.site-header-conts{
		padding-bottom: 10px;
	}
	
	.site-title{
		padding: 15px 15px 0;
		font-size: 1.4em;
	}

	.normal-screen .site-title{
		font-size: 2em;
	}

	.normal-screen .lp-catch{
		padding: 15px 15px 0;
		font-size: 1em;
	}


	
	.site-header-in{
		position: relative;
		padding-bottom: 1em;
border-bottom: none;
height: 50px;
	}

	
	/*グローバルナビ*/
	.global-nav{
		position: absolute;
		top: 0;
		width: 100%;
		margin: 0;
		border: 0;
height: auto;
	}
	
	.global-nav ul{
		display: none;
		position: absolute;
		top: 50px;
		left: 10px;
		z-index: 50;
		width: 80%;
		border: 0;
		background: #BC1A29;

	}
	
	.global-nav-panel{
		display: block;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 3px;
		background: #fff;
		color: #fff;
		cursor: pointer;
	}


#menu2 {
width: 100%;
	display: block;
    position: fixed;
    top: 0;
    z-index: 9999;
}



body:not(.home) {
		margin-top:0;
	}

	.global-nav-in li{
		display: list-item;
		width: auto;
		border-right: 0;
		border-bottom: 1px solid #fff;
		text-align: left;
height: auto;
background: #BC1A29;
	}

	.global-nav-in li a{
		display: list-item;
		width: auto;
		border-right: 0;
		border-bottom: 1px solid #999;
		text-align: left;
height: auto;
background: #BC1A29;
	}

.global-nav-in li a:hover,
.global-nav-in li a:active,
.global-nav-in li a:focus,
.global-nav-in li:hover > a{
	background: url(./images/common/bg-menu_on.jpg) left bottom repeat-x;
	color: #fff;
	display: block;
height: auto;
background: #BC1A29;
} 
	
	.global-nav-in li ul{
		position: static;
		width: auto;
		margin-left: 1em;
	}
	
	.global-nav-in li ul li{
		width: auto;
		border-bottom: 0;
	}
	
	.global-nav-in li a,
	.global-nav li ul li a{
		padding: 1em;
		padding-right: 2em;
		background: url(./images/icon/icon-gn-arw.png) right center no-repeat;
	}

		/*Retina（高解像度）ディスプレイ用*/
		@media screen and (-webkit-min-device-pixel-ratio:2),
		(min-resolution: 2dppx){

			.global-nav-in li a,
			.global-nav li ul li a{
				background: url(./images/icon/icon-gn-arw@2x.png) right center no-repeat;
				-webkit-background-size: 27px 18px;
				background-size: 27px 18px;
			}

		}

	/*--------------------------------------------------------
	メインビジュアル
	--------------------------------------------------------*/

	.main-image-in-text-cont{
		padding: 1em;
	}
	
	.main-copy{
		margin-bottom: 10px;
		font-size: 2em;
		text-align: center;
	}

	.sub-copy{
		font-size: 1em;
	}

	.section-wrap,
	.col1 .section-wrap.wide{
		padding: 0;
		border: 0;
	}
	
	.col1 .section-wrap{
		padding: 0;
	}
	
	.section-wrap .section-in,
	.col1 .section-wrap.wide .section-in,
	.float-area,
	.col1 .float-area{
		padding: 0;
	}

	.col1 .sub-conts .section-wrap .section-in{
		padding: 0 20px 30px;
	}

	.section-wrap .section-in .section-title,
	.section-wrap .article-header .section-title{
		margin: -15px -15px 0;
		padding: 15px;
		font-size: 1.2em;
	}

	.sub-conts .section-wrap .section-in .section-title,
	.sub-conts .section-wrap .article-header .section-title,
	.col1 .sub-conts .section-wrap .section-in .section-title,
	.col1 .sub-conts .section-wrap .article-header .section-title{
		margin: 0 -20px 30px;
		padding: 10px 18px;
	}

	.main-body h1,
	.main-body h2,
	.main-body h3,
	.main-body h4,
	.main-body h5,
	.main-body h6{
		margin: 0;
	}
	

	.main-body h1{
		font-size: 1.5em;
	}

	.main-body h2{
		padding: 0;
		margin-top: 30px;
		margin-bottom: 20px;
	}
	
	/*パンくずリスト*/
	.breadcrumbs-in{
		margin-bottom: 1em;
		padding: 50px 1em 0  1em ;
	}



.main-body h2.txt{
	margin: 30px 0 20px;
	padding: 0;
	color: #392F2C;
	font-size: 1.5em;
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

.main-body h2.txt img{
		width: 12%;
}


.main-body h2.txt2{
	margin: 30px 0 20px;
	padding: 0;
	color: #392F2C;
	font-size: 1.5em;
letter-spacing: 0.15em;
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}


.txt{
	margin: 30px 0 20px;
	padding: 0;
	color: #392F2C;
	font-size: 1.5em;
letter-spacing: 0.15em;
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

.txt2{
	margin: 30px 0 20px;
	padding: 0;
	color: #392F2C;
	font-size: 1.5em;
letter-spacing: 0.15em;
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}



	.breadcrumbs-in li:last-child{
		display: none;
	}

	.col1 .breadcrumbs-in{
		width: auto;
	}




	.page-top img{
		width: 40px;
	}

	/*最新情報*/
	.news .news-thumb{
		float: none;
		text-align: center;
	}

	.main-body .news-title{
		font-size: 1.25em;
	}

	/*テーブル（左端がth、右側がtdの場合にスマホ表示で立て並びに変化）*/
	.table-block,
	.table-block thead,
	.table-block tbody,
	.table-block tfoot,
	.table-block tr,
	.table-block th,
	.table-block td{
		display: block;
	}
	
	.table-block{
		border-bottom: 1px solid #959595;
	}
	
	.table-block th,
	.table-block td{
		float: left;
		width: 100%!important;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.table-block:after{
		content : '';
		display : block;
		clear : both;
		height:0;
	}
	
	.table-scroll:before{
		content: "※はみ出ている場合、横にスクロールできます。"
	}

	/*バナーエリア*/
	.banner-list li{
		text-align: center;
	}
	
	.banner-list li,
	.col1 .banner-list li,
	.main-conts .banner-list li{
		display: list-item;
		margin-left: 0;
	}

	/*ボタン*/
	.btn-area{
		text-align: center;
	}

	.btn{
		float: none;
		margin-right: 0;
		margin-left: 0;
	}

	.btn-area .btn {
		display: block;
		margin-right: auto;
		margin-left: auto;
	}

	.btn-green,
	.btn-blue,
	.btn-orange,
	.btn-red{
		padding: 25px;
	}

	.btn-form01{
		padding: 25px 40px;
	}

	.btn-form02{
		padding: 25px 20px;
	}

	/*ソーシャルボタン*/
	.sns-list li{
		margin-right: 1em;
		margin-left: 0;
	}

	/*登場人物紹介２*/
	.col1 .cast-box02 .cast{
		min-height: 0;
		padding-top: 210px;
	}

	.col1 .cast-box02 .cast-name,
	.col1 .cast-box02 .cast-profile{
		padding-left: 0;
	}

	.col1 .cast-box02 .cast .cast-headshot{
		width: 100%;
	}

	/*ランキング*/
	.rank-thumb{
		float: none;
	}
	
	.sub-conts .ranking-list03 .rank-thumb,
	.col2 .sub-conts .ranking-list03 .rank-thumb,
	.col2r .sub-conts .ranking-list03 .rank-thumb{
		float: left;
	}

	.col1 .ranking-list04 li,
	.col1 .ranking-list05 li,
	.col1 .post-list01 li,
	.col1 .post-list02 li{
		display: block;
		margin-right: auto;
		margin-left: auto;
	}

	.col2 .link-menu-image-thumb,
	.col2r .link-menu-image-thumb{
		float: left;
	}

	.comparative-list01 .rank-thumb,
	.comparative-list02 .rank-thumb{
		display: inline-block;
		float: none;
	}

	.ranking-list04 .rank-box,
	.ranking-list05 .rank-box,
	.post-list01 .post-box,
	.post-list02 .post-box{
		width: 320px;
	}
	
	/*関連記事*/
	.related-articles-thumbs02 li{
		float: none;
		width: auto;
		margin-left: 0;
	}
	
	.eye-catch{
		float: none;
		margin: 0 0 1em;
		text-align: center;
	}



.p150{ padding: 0px!important; }
.p150-t{ padding-top: 0px!important; }
.p150-r{ padding-right: 0px!important; }
.p150-b{ padding-bottom: 0px!important; }
.p150-l{ padding-left: 0px!important; }



.info1{
background: #f1f1f1 url(./images/top11.png) no-repeat right bottom;
	color: #666;
list-style:none;
	padding: 0 10px 15px 10px;
	font-size: 0.95em;
text-decoration: none;
}

.info1 a{
display: block;
	color: #666;
list-style:none;
	padding: 0 10px 15px 10px;
	font-size: 0.95em;
text-decoration: none;}

.info1 a:hover{
	color: #fff;
}


.info1:hover{
background: #162c7c url(./images/top11_on.png) no-repeat right bottom;
	color: #fff;
list-style:none;
	padding: 0 10px 15px 10px;
	font-size: 0.95em;
text-decoration: none;
}


.info1:hover a{
	color: #fff;
}



.smp10-rl{ padding-right: 10px!important; padding-left: 10px!important; }

.smp20-rl{ padding-right: 20px!important; padding-left: 20px!important; }

.smp60-b{ padding-bottom: 60px!important;}




	/*段組*/
	.col4-wrap,
	.col3-wrap,
	.col2-wrap{
		margin: 0 0 1em;
	}

	.col4-wrap .col,
	.col4-wrap .col_2of4,
	.col4-wrap .col_3of4,
	.col3-wrap .col,
	.col3-wrap .col_2of3,
	.col2-wrap .col{
		float: none;
		margin-left: 0;
	}

	.col4-wrap .col,
	.col4-wrap .col_2of4,
	.col4-wrap .col_3of4,
	.col3-wrap .col,
	.col3-wrap .col_2of3,
	.col2-wrap .col{
		width: auto;
	}

.tt .col2-wrap .col{
	width: auto;
margin-left: 0;
}

.tt .col3-wrap{
		margin: 0 0 1em;
	width: 100%;
}



.tt .col3-wrap .col{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	margin-left: 1%;
}

.tt .col3-wrap .col:first-child,{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	margin-left: 0;
}

.tt .col3-wrap .col{
	width: 32.6%;
}

.tt .col3-wrap .col:first-child{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	margin-left: 0;
}



.page-id-27 .col3-wrap p{
	margin: 0;
}

	/*段組*/
.tt .col4-wrap{
		margin: 0 0 1em;
	width: 100%;
	}

.tt .col4-wrap .col{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	margin-left: 0.5%;
	width: 24.6%;
	}

.tt .col4-wrap .col:first-child{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	margin-left: 0;
}



.mm .col2-wrap{
		margin: 0 0 1em;
	width: 100%;
	}

.mm .col2-wrap .col{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	margin-left: 0.5%;
	width: 49.7%;
	}

.mm .col2-wrap .col:first-child{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	margin-left: 0;
}


.pcm20-l{ padding-left: 0px!important; }

.pcp10-r{ padding-right: 0px!important; }
.pcp10-l{ padding-left: 0px!important; }

.p150{ padding: 0px!important; }
.p150-t{ padding-top: 0px!important; }
.p150-r{ padding-right: 0px!important; }
.p150-b{ padding-bottom: 0px!important; }
.p150-l{ padding-left: 0px!important; }

.p50-r{ padding-right: 20px!important; }
.p50-l{ padding-left: 20px!important; }


.pcmenu{display:none;}
.spmenu{display:inherit;}

.home .p30-t{ padding-top: 10px!important; }

.tt .m5-b{ margin-bottom: 0px!important; }

.m10-b{ margin-bottom: 5px!important; }
.m20-b{ margin-bottom: 20px!important; }

.m40-b{ margin-bottom: 30px!important; }

.m60-b{ margin-bottom: 30px!important; }
.m60-t{ margin-top: 30px!important; }


.smp5-b{ margin-bottom: 5px!important; }

.smp5-t{ margin-top: 5px!important; }


.smp10-rl{ padding-right: 5px!important; padding-left: 5px!important; }

.smp20-rl{ padding-right: 20px!important; padding-left: 20px!important; }

.tt{ line-height: 1.0; }

input.wpcf7-form-control{
        width: 96%;
}

.wpcf7-select {
    width: 100%;
}


/*記述リスト 横並び*/
.dl-style01 dt,
.dl-style01 dd{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
}

.dl-style01 dt{
	display: block;
	float: left;
	width: 35%;
font-weight: bold;
clear : both;
}

.dl-style01 dd{
	padding-left: 40%;
}



#seasonal,
#t01,
#t02,
#t03,
#t04,
#t05,
#t06,
#t07,
#t08,
#t09,
#t10,
#t11,
#t12,
#t13,
#t14,
#t15,
#t16,
#t17,
#t18,
#t19,
#t20,
#t11,
#t22,
#t23,
#t24,
#t25,
#t26,
#t27,
#t28,
#t29,
#t30,
#t31,
#t32,
#t33,
#t34,
#t35,
#t36,
#t37,
#t38,
#t39,
#t40,
#t41,
#t42,
#t43,
#t44,
#t45,
#t46,
#t47,
#t48,
#t49,
#t50,
#t001,
#t002,
#t003,
#t004, 
#t005, 
#t006, 
#t007,
#t008,
#t009,
#t010,
#t011,
#t012,
#t013,
#t014,
#t015,
#drink,
#japan,
#world,
#r01,
#r02,
#r03,
#r04,
#r05,
#r06,
#r07,
#r08,
#r09,
#r10,
#r11,
#r12,
#r13,
#r14,
#r15,
#r16,
#r17,
#r18,
#r19,
#r20,
#r21,
#r22,
#r23,
#r24,
#r25,
#r26,
#r27,
#r28,
#r29,
#r30,
#r31,
#r32,
#r33,
#r34,
#r35,
#r36,
#r37,
#r38,
#r39,
#r40,
#r41,
#r42,
#r43,
#r44,
#r45,
#r46,
#r47,
#r48,
#r49,
#r50,
#f01,
#m01,
#p01{
  margin-top: -60px; /* 固定ナビの高さ分のネガティブマージン */
  padding-top: 60px; /* 打ち消し用のパディング */
}

.width100 {width:100% !important;}

.sp-hide {
    display: none;
}
}/*解像度736px以下*/

/*解像度737px以上*/
@media screen and (min-width: 737px) {
        .pc-hide {
        display: none;
    }
}
/*--------------------------------------------------------
解像度480px以下
--------------------------------------------------------*/
@media
only screen and (max-width : 480px){

	.main-body h1,
	.main-body h2{
		font-size: 0.8em;
	}


	/*段組*/
	.col4-wrap,
	.col3-wrap,
	.col2-wrap{
		margin: 0 0 1em;
	}

	.col4-wrap .col,
	.col4-wrap .col_2of4,
	.col4-wrap .col_3of4,
	.col3-wrap .col,
	.col3-wrap .col_2of3,
	.col2-wrap .col{
		float: none;
		margin-left: 0;
	}

	.col4-wrap .col,
	.col4-wrap .col_2of4,
	.col4-wrap .col_3of4,
	.col3-wrap .col,
	.col3-wrap .col_2of3,
	.col2-wrap .col{
		width: auto;
	}

.tt .col2-wrap .col{
	width: auto;
}



.main-body h2.txt{
	margin: 30px 0 20px;
	padding: 0;
	color: #392F2C;
	font-size: 1.1em;
letter-spacing: 0em;
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

.main-body h2.txt img{
		width: 12%;
}

.main-body h2.txt2{
	margin: 30px 0 20px;
	padding: 0;
	color: #392F2C;
	font-size: 1.1em;
letter-spacing: 0em;
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

.txt{
	margin: 30px 0 20px;
	padding: 0;
	color: #392F2C;
	font-size: 1.1em;
letter-spacing: 0em;
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

.txt2{
	margin: 30px 0 20px;
	padding: 0;
	color: #392F2C;
	font-size: 1.1em;
letter-spacing: 0em;
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}


.main-body h3{
	margin: 0 0 5px;
	padding: 0;
	font-size: 13pt;
	color: #392F2C;
}



	.left,
	.right{
		float: none;
		margin-right: 0;
		margin-left: 0;
		text-align: center;
	}

	.alignleft,
	.alignright{
		float: none;
		margin-right: 0;
		margin-left: 0;
		text-align: center;
	}

	.ranking-list04 .rank-box,
	.ranking-list05 .rank-box,
	.post-list01 .post-box,
	.post-list02 .post-box,
	.col1 .ranking-list05 .rank-box,
	.col1 .post-list02 .post-box{
		width: 100%;
	}


}/*解像度480px以下*/



/*---------------------------------------------------------------------
	generated by Keni Template Maker Ver.7.0 on 2016-05-16 15:41:05
----------------------------------------------------------------------*/

.menu-contents {
    font-family: Verdana, "ヒラギノ角ゴ", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

/*  season
--------------------------------------------- */

.season {
    display: flex;
    margin-bottom: 5px;
}

@media screen and (max-width: 736px) {
    .season {
        display: block;
    }
}

@media screen and (max-width: 736px) {
    .season {
        display: block;
    }
}

.season--menu {
    align-items: center;
}

@media screen and (min-width: 951px) {
.season--menu {
    width: 133%;
    margin-left: -16.5%;
}
}

@media screen and (max-width: 736px) {
    .season--menu {
        width: 100%;
        margin-left: 0;
    }
}

.season--menu-small {
    width: 100%;
    align-items: center;
    justify-content: center;
    margin-top: 55px;
}

@media screen and (max-width: 736px) {
    .season--menu-small {
        margin-top: 7vw;
    }
}

.season--menu-small--2 {
    flex-direction: row-reverse;
    margin-top: -40px;
}

@media screen and (max-width: 736px) {
    .season--menu-small--2 {
        margin-top: 7vw;
        margin-bottom: 20vw;
    }
}

.season__date {
    font-size: 16px;
    margin-bottom: 20px;
	display: inline-block;
	padding: 0 5px;
    color:#fff;
    border:1px solid #fff;
}

@media screen and (max-width: 736px) {
    .season__date {
        font-size: 12px;
    }
}

.season__img {
    width: 50%;
}

@media screen and (max-width: 736px) {
    .season__img {
    width: 100%;
}
}

.season__img--white1 img {
	float: right;
}

@media screen and (max-width: 736px) {
    .season__img--white1 img {
        width: 55vw;
        margin: 0 auto;
        margin-left: 20vw;
        display: block;
        float: none;
    }
}

.season__img--white2 img {
	width: 86%;
	float: left;
}

@media screen and (max-width: 1200px) {
	.season__img--white2 img {
		width: 100%;
	}
}

@media screen and (max-width: 736px) {
    .season__img--white2 img {
    	float: none;
        width: 54vw;
        margin-left: 24vw;
        margin-right: auto;
        display: block;
    }
}

.season__img--red {
    padding-right: 3vw;
    padding-left: 2vw;
}

@media screen and (min-width: 1201px) {
    .season__img--red {
        padding-right: 30px;
        padding-left: 20px;
    }
}

@media screen and (max-width: 736px) {
    .season__img--red {
        width: 100%;
        margin-bottom: 2vw;

    }

    .season__img--red img {
        width: 100%;
    }
}

.season__txt-area {
    width: 50%;
    background-color: #e53133;
    padding: 3vw;
    padding-top: 20px;
}

@media screen and (min-width: 1201px) {
    .season__txt-area {
        padding: 30px;
    }
}

@media screen and (max-width: 736px) {
    .season__txt-area {
        width: 100%;
        padding: 8vw;
        padding-top: 0;
    }
}

.season__txt-area--top {
    position: relative;
    height: 33.33vw;
    max-height: 400px;
}

@media screen and (max-width: 736px) {
    .season__txt-area--top {
        height: auto;
    }
}

@media screen and (max-width: 736px) {
.season__txt-area--menu {
    padding: 8vw;
}
}

.season__txt-area--white {
    background-color: #fff;
    padding: 0;
}

.season__txt-area--white-2 {
    background-color: #fff;
    padding: 0;
    padding-left: 10px;
}

@media screen and (min-width: 1281px) {
	.season__txt-area--white-2 {
		padding: 0;
	}
}

.season__txt-area--red {
    padding: 4vw 3vw;
}

@media screen and (min-width: 1281px) {
    .season__txt-area--red {
        padding: 60px 40px;
    }
}

@media screen and (max-width: 736px) {
    .season__txt-area--red {
        padding: 8vw 5vw;
    }
}

.season__txt-red {
    margin: 0;
    margin-bottom: 20px;
    color: #c60f28;
    font-size: 16px;
    line-height: 1.3;
}

@media screen and (max-width: 736px) {
    .season__txt-red {
        font-size: 12px;
    }
}

.season__more {
    width: 108px;
  margin-top: 150px;
  display: block;
    position: absolute;
    bottom: 3vw;
  right: 5vw;
}

@media screen and (max-width: 736px)  {
    .season__more {
    margin-top: 5vw;
    }
}

.season__more img {
    width: 100%;
}

.season__txt {
    font-weight: bold;
    font-size: 20px;
    color: #fff;
}

@media screen and (max-width: 736px) {
    .season__txt {
        font-size: 14px;
    }
}

.season__txt-en {
    font-size: 16px;
    color: #fff;
}

@media screen and (max-width: 736px) {
    .season__txt-en {
    font-size: 10px;
}
}

.season__ttl {
    font-size: 26px;
    font-weight: bold;
    color: #fff;
    margin-right: 20px;
}

@media screen and (max-width: 736px) {
    .season__ttl {
    font-size: 18px;
}
}

.season__ttl--black {
    color: #382b20;
}

.season__txt-menu {
    font-size: 16px;
    color: #fff;
}

@media screen and (max-width: 736px) {
    .season__txt-menu {
    font-size: 10px;
}
}

@media screen and (max-width: 736px) {
    .season__txt-menu-n {
    font-size: 14px;
}
}

.season__txt-menu--black {
    color: #382b20;
}

.season__txt-note {
    font-size: 12px;
    color: #fff;
}

.season__ttl-wrapper {
    display: flex;
    align-items: flex-end;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.season__price {
    width: 90px;
    margin-bottom: 10px;
}

@media screen and (max-width: 736px) {
    .season__price {
    width: 70px;
}
}

.season__price img {
    width: 100%;
}

.season__price-n {
    margin: 10px 0 20px;
}

.season__price-r {
    margin: 10px 0 0;
}

.season__note-list {
    margin-top: 30px;
}

@media screen and (max-width: 736px) {
    .season__note-list {
        margin-top: 20px;
    }
}

.season__note-list-item {
    font-size: 12px;
    color: #fff;
    margin-bottom: 0;
}

.season__note-list-item--black {
    color: #382b20;
}

/*  season-ns
--------------------------------------------- */
.season-n {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 736px) {
    .season-n {
        flex-wrap: wrap;
    }
}

.season-n--brown {
    background: url(./images/img_bg-brown.png) 0 0 no-repeat;
    background-size: auto 100%;
    position: relative;
}

@media screen and (max-width: 1000px) {
	.ie .season-n--brown {
		background-position: left -200px top 0;
	}
}

@media screen and (max-width: 860px) {
    .season-n--brown {
        background-position: left -25% top 0;
    }
}

@media screen and (max-width: 736px) {
    .season-n--brown {
        background-image: none;
        flex-direction: column-reverse;
    }
}

.season-n--red {
    background: url(./images/img_bg-red.png) top right no-repeat;
    background-size: auto 100%;
    position: relative;
}

@media screen and (max-width: 900px) {
	.ie .season-n--red {
		background-position: right -100px top 0;
	}
}

@media screen and (max-width: 800px) {
    .season-n--red {
        background-position: right -20% top 0;
    }
}

@media screen and (max-width: 736px) {
    .season-n--red {
        background-image: none;
    }
}

.season-n--menu {
    align-items: center;
}

@media screen and (min-width: 951px) {
.season-n--menu {
    width: 133%;
    margin-left: -16.5%;
}
}

@media screen and (max-width: 736px) {
    .season-n--menu {
        width: 100%;
        margin-left: 0;
    }
}

.season-n__date {
    font-size: 16px;
    margin-bottom: 20px;
  	display: inline-block;
  	line-height: 1;
  	padding: 3px 5px 4px;
    color:#fff;
    border:1px solid #fff;
}

.ie .season-n__date {
	padding: 5px 5px 4px;
}

@media screen and (max-width: 736px) {
    .season-n__date {
        font-size: 12px;
    }
}

.season-n__img {
    width: auto;
    height: auto;
}

@media screen and (max-width: 736px) {
    .season-n__img {
        width: 100%;
    }

    .season-n__img img {
        width: 100%;
    }
}

.season-n__img--brown {
    right: 0;
}

@media screen and (max-width: 736px) {
	.season-n__img--brown a {
		width: 94vw;
		margin: 0 auto;
		display: block;
	}
}

.season-n__img--brown img {
    padding-right: 30px;
}

@media screen and (max-width: 1200px) {
    .season-n__img--brown img {
        padding-right: 2vw;
    }
}

@media screen and (max-width: 736px) {
	.season-n__img--brown img {
        padding-right: 0;
    }
}

@media screen and (max-width: 736px) {
	.season-n__img--red a {
		width: 94vw;
		margin: 0 auto;
		display: block;
	}
}

.season-n__img--red img {
    padding-left: 50px;
}

@media screen and (max-width: 1200px) {
    .season-n__img--red img {
        padding-left: 2vw;
    }
}

@media screen and (max-width: 736px) {
	.season-n__img--red img {
        padding-left: 0;
    }
}

.season-n__txt-area {
    width: 50%;
    padding: 3vw;
    padding-top: 20px;
}

@media screen and (max-width: 736px) {
    .season-n__txt-area {
        width: 100%;
        padding: 8vw;
        padding-top: 0;
        padding-bottom: 20px;
    }
}

.season-n__txt-area--red {
    padding-left: 0;
    max-width: 450px;
    margin-left: auto;
}

@media screen and (max-width: 736px) {
    .season-n__txt-area--red {
        background-color: #e53133;
        margin-left: 0;
        width: 100%;
        max-width: inherit;
        padding-left: 8vw;
    }
}

@media screen and (max-width: 736px) {
    .season-n__txt-area--brown {
        background-color: #37291e;
    }
}

@media screen and (max-width: 736px) {
.season-n__txt-area--menu {
    padding: 8vw;
}
}

.season-n__more {
  width: 108px;
  margin-top: 20px;
  display: block;
}

@media screen and (max-width: 736px)  {
    .season-n__more {
    margin-top: 5vw;
    float: right;
    }
}

.season-n__more img {
    width: 100%;
}

.season-n__txt {
    font-weight: bold;
    font-size: 20px;
    color: #fff;
}

@media screen and (max-width: 736px) {
    .season-n__txt {
        font-size: 14px;
    }
}

.season-n__txt-en {
    font-size: 16px;
    color: #fff;
}

@media screen and (max-width: 736px) {
    .season-n__txt-en {
    font-size: 10px;
}
}

.season-n__ttl {
    font-size: 27px;
    font-weight: bold;
    color: #fff;
    margin-right: 20px;
}

@media screen and (max-width: 736px) {
    .season-n__ttl {
    font-size: 18px;
}
}

.season-n__txt-menu {
    font-size: 16px;
    color: #fff;
}

@media screen and (max-width: 736px) {
    .season-n__txt-menu {
    font-size: 12px;
}
}

.season-n__txt-note {
    font-size: 12px;
    color: #fff;
}

@media screen and (max-width: 736px) {
    .season-n__txt-menu {
    font-size: 10px;
}
}

.season-n__ttl-wrapper {
    display: flex;
    align-items: flex-end;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.season-n__price {
    width: 90px;
    margin-bottom: 10px;
}

@media screen and (max-width: 736px) {
    .season-n__price {
    width: 70px;
}
}

.season-n__price img {
    width: 100%;
}

.seasonal-ttl {
    font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif !important;
    font-weight: bold;
    color: #37291e;
    letter-spacing: 0.05em;
}

/* ---------------------------------------------
*   menu
--------------------------------------------- */

.menu-ttl-wrap {
    position: relative;
    background-color: #382b20;
}

.menu-ttl {
    margin: 0 !important;
    color: #fff !important;
    text-align: center;
    font-weight: bold;
    font-size: 32px !important;
}

@media screen and (max-width: 736px) {
    .menu-ttl {
        padding: 3.125vw 0;
        font-size: 5.9375vw !important;
    }
}

.menu-ttl-label {
    position: absolute;
    top: 50%;
    right: 50px;
    display: block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 736px) {
    .menu-ttl-label {
        right: 7.8125vw;
        width: 18.75vw;
    }
    .menu-ttl-label img {
        width: 100%;
        vertical-align: middle;
    }
}

.menu-ttl-label br {
	display: none;
}

/*  menu-inner
--------------------------------------------- */
.menu-inner {
    margin-top: 100px;
    margin-left: -150px;
    width: calc(100% + 300px);
}

@media screen and (max-width: 950px) {
    .menu-inner {
        margin-left: 0;
        width: 100%;
    }
}

/*  menu-list
--------------------------------------------- */
.menu-list-wrap {
    background-color: #f0f0f0;
    margin-top: -1em;
}

.menu-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin: 0 auto;
    padding: 100px 20px;
    max-width: 1000px;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 736px) {
    .menu-list {
        display: block;
        padding: 14.0625vw 5.46875vw;
    }
}

.menu-list__item {
    margin-right: 50px;
    width: 30%;
}

@media screen and (max-width: 736px) {
    .menu-list__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 7.8125vw;
        width: 100%;
    }
}

.menu-list__item:nth-of-type(3n) {
    margin-right: 0;
}

.menu-list__img img {
    width: 100%;
}

@media screen and (max-width: 736px) {
    .menu-list__img {
        width: 41.66667%;
    }
}

@media screen and (max-width: 736px) {
    .menu-list__txt-area {
        margin-left: 3vw;
        width: 60vw;
    }
}

.menu-list__txt {
    margin: 0;
    font-weight: bold !important;
    font-size: 22px;
    line-height: 1.5;
}

@media screen and (max-width: 736px) {
    .menu-list__txt {
        font-size: 4.6875vw;
    }
}

.menu-list__lower {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -ms-flex-align: center;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 736px) {
    .menu-list__lower {
        display: block;
    }
}

.menu-list__en-txt {
    margin: 0;
    color: #c60f28;
    font-size: 14px;
    font-family: 'DIN Alternate',sans-serif;
}

@media screen and (max-width: 736px) {
    .menu-list__en-txt {
        font-size: 3.125vw;
    }
}

.menu-list__price {
    display: block;
    margin-top: 10px;
}

@media screen and (max-width: 736px) {
    .menu-list__price {
        margin-top: 1.5625vw;
        width: 16.40625vw;
    }
}

/*  drink
--------------------------------------------- */
.drink {
    margin: 0 auto;
    max-width: 900px;
}

@media screen and (max-width: 736px) {
    .drink {
        padding: 0 5.46875vw;
        padding-top: 18.75vw;
    }
}

.drink-ttl {
    margin-top: 120px !important;
    text-align: center;
}

@media screen and (max-width: 736px) {
    .drink-ttl {
        margin: 0 auto !important;
        margin-top: 17.1875vw;
        margin-bottom: 7.8125vw !important;
        width: 28.125vw;
    }
}

/*  menu-list-ttl
--------------------------------------------- */
.menu-list-ttl {
    position: relative;
    margin-bottom: 50px !important;
}

@media screen and (max-width: 736px) {
	.menu-list-ttl {
		margin-bottom: 2vw !important;
	}

	.menu-list-ttl img {
		width: 100%;
	}
}

.menu-list-ttl br {
	display: none;
}

.label_hot-ice {
    position: absolute;
    right: 5px;
    bottom: 5px;
}

@media screen and (max-width: 736px) {
    .label_hot-ice {
        right: 0.78125vw;
        bottom: 40%;
        width: 18.75vw !important;
    }
}

/*  menu-list-size
--------------------------------------------- */
.menu-list-size-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 736px) {
    .menu-list-size-wrap {
        display: block;
    }
}

.menu-list-size {
    width: 50%;
}

@media screen and (max-width: 736px) {
    .menu-list-size {
        width: 100%;
    }
}

.menu-list-size--left {
    width: 46.66667%;
}

@media screen and (max-width: 736px) {
    .menu-list-size--left {
        width: 100%;
    }
}

@media screen and (max-width: 736px) {
    .menu-list-size--right {
        display: none;
    }
}

.menu-list-size__inner {
    float: right;
    width: 120px;
}

.menu-list-size__inner:after {
    display: block;
    clear: both;
    content: "";
}

@media screen and (max-width: 736px) {
    .menu-list-size__inner {
        width: auto;
    }
}

.menu-list-size__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: right;
}

.menu-list-size__list-item {
    margin-right: 20px;
}

@media screen and (max-width: 736px) {
    .menu-list-size__list-item {
        margin-right: 4.6875vw;
        width: 4.6875vw;
    }
    .menu-list-size__list-item img {
        width: 100%;
    }
}

.menu-list-size__list-item:last-of-type {
    margin-right: 0;
}

.menu-list-size__txt {
    text-align: center;
    font-size: 12px;
}

@media screen and (max-width: 736px) {
    .menu-list-size__txt {
        font-size: 2.5vw;
    }
}

/*  menu-list-s
--------------------------------------------- */
.menu-list-s {
    width: 46.66667%;
}

@media screen and (max-width: 736px) {
    .menu-list-s {
        width: 100%;
    }
}

.menu-list-s--single {
    width: 100%;
}

.menu-list-s__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -ms-flex-align: center;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.menu-list-s__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    margin-right: 10px;

    -webkit-box-align: end;
    align-items: flex-end;
}

@media screen and (max-width: 736px) {
    .menu-list-s__left {
        -ms-flex-align: end;
        margin-right: 1.5625vw;

        -webkit-box-align: end;
        align-items: flex-end;
    }
}

.menu-list-s__txt {
    margin: 0;
    font-weight: bold !important;
    font-size: 18px;
    line-height: 1.5;
}

@media screen and (max-width: 736px) {
    .menu-list-s__txt {
        font-size: 3.75vw;
    }
}

.menu-list-s__en-txt {
    color: #c60f28;
    font-size: 14px;
    font-family: 'DIN Alternate',sans-serif;
}

@media screen and (max-width: 736px) {
    .menu-list-s__en-txt {
        margin-bottom: 0;
        font-size: 2.8125vw;
    }
}

.menu-list-s__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.menu-list-s__price-txt {
    margin-right: 15px;
    color: #382b20;
    font-weight: 300;
    font-size: 20px;
    font-family: 'Oswald',sans-serif;
}

@media screen and (max-width: 736px) {
    .menu-list-s__price-txt {
        margin-right: 2.34375vw;
        font-size: 4.0625vw;
    }
}

.menu-list-s__price-txt--bold {
    font-weight: bold !important;
}

.menu-list-s__price-txt--last {
    margin-right: 0;
}

.menu-list-single-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 736px) {
    .menu-list-single-wrap {
        display: block;
    }
}

.menu-list-single-left {
    width: 52.22222%;
}

@media screen and (max-width: 736px) {
    .menu-list-single-left {
        margin-top: 10.9375vw;
        width: 100%;
    }
}

.menu-list-single-right {
    width: 38.88889%;
}

@media screen and (max-width: 736px) {
    .menu-list-single-right {
        margin-top: 10.9375vw;
        width: 100%;
    }
}

.menu-list-s-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin-bottom: 50px;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 736px) {
    .menu-list-s-wrap {
        display: block;
        clear: both;
    }
}

.menu-list-s-single-wrap {
    clear: both;
}

/* ---------------------------------------------
*   food
--------------------------------------------- */
@media screen and (max-width: 736px) {
    .food {
        padding: 0 5.46875vw;
    }
}

/*  food-ttl
--------------------------------------------- */
.food-ttl {
    margin-top: 120px !important;
    text-align: center;
}

@media screen and (max-width: 736px) {
    .food-ttl {
        margin-top: 18.75vw !important;
        margin-bottom: 0;
    }
}

/*  food-box
--------------------------------------------- */
.food-box {
    margin: 0 auto;
    padding: 60px 0;
    width: 700px;
    border-bottom: 2px solid #6d635b;
}

.food-box:last-of-type {
    border-bottom: none;
}

@media screen and (max-width: 736px) {
    .food-box {
        padding: 9.375vw 0;
        width: 100%;
    }
}

.food-box__upper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -ms-flex-align: center;

    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
}

@media screen and (max-width: 736px) {
    .food-box__upper {
        display: block;
    }
}

.food-box__label {
    padding-left: 10px;
    border-left: 4px solid #c60f28;
    color: #c60f28;
    font-weight: bold !important;
    font-size: 19px;
    line-height: 1;
}

@media screen and (max-width: 736px) {
    .food-box__label {
        padding-left: 0.78125vw;
        border-left: 0.625vw solid #c60f28;
        font-size: 3.4375vw;
    }
}

.food-box__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 736px) {
    .food-box__list {
        float: right;
        margin-top: 2.34375vw;
        margin-bottom: 3.90625vw;
    }
}

@media screen and (max-width: 736px) {
    .food-box__list--mgt {
        margin-top: -1.5625vw;
    }
}

.food-box__list-item {
    margin-left: 5px;
    padding: 5px;
    border-radius: 5px;
    background-color: #c60f28;
    color: #fff;
    font-size: 12px;
}

@media screen and (max-width: 736px) {
    .food-box__list-item {
        margin-left: 0.78125vw;
        padding: 0.78125vw 1.5625vw;
        border-radius: 0.78125vw;
        font-size: 2.5vw;
    }
}

.food-box__inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-pack: justify;
    margin-top: 10px;

    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
}

@media screen and (max-width: 736px) {
    .food-box__inner {
        display: block;
    }
}

.food-box__ttl-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 736px) {
    .food-box__ttl-wrap {
        -ms-flex-align: baseline;
        width: 62.5vw;

        -webkit-box-align: baseline;
        align-items: baseline;
    }
}

.food-box__ttl {
    margin-bottom: 40px !important;
}

@media screen and (max-width: 736px) {
    .food-box__ttl img {
        width: 100%;
    }
}

@media screen and (max-width: 736px) {
    .food-box__ttl--1 {
        width: 32.8125vw;
        margin-bottom: 0 !important;
    }
}

@media screen and (max-width: 736px) {
    .food-box__ttl--2 {
        width: 48.4375vw;
    }
}

@media screen and (max-width: 736px) {
    .food-box__ttl--3 {
        width: 49.21875vw;
    }
}

@media screen and (max-width: 736px) {
    .food-box__ttl--4 {
        width: 39.0625vw;
    }
}

.food-box__txt-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    line-height: 1.3;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.food-box__txt-wrap--2  {
	position: relative;
	margin-right: 1em;
	align-items: center;
}

@media screen and (max-width: 736px) {
    .food-box__img {
        margin-bottom: 5.46875vw;
        width: 100%;
    }
    .food-box__img img {
        width: 100%;
    }
}

.food-box__txt-area {
    width: 350px;
    margin-left: -50px;
}

@media screen and (max-width: 736px) {
    .food-box__txt-area {
        width: 56.25vw;
        margin-left: 0;
    }
}

.food-box__txt {
    margin: 0;
    font-weight: bold !important;
    font-size: 16px;
    line-height: 1.3;
    margin-top: -0.5em;
}

@media screen and (max-width: 736px) {
    .food-box__txt {
        font-size: 3vw;
    }
}

.food-box__txt-n {
    margin: 0;
    font-size: 20px;
    line-height: 1.3;
}

@media screen and (max-width: 736px) {
    .food-box__txt-n {
        font-size: 3.75vw;
    }
}

.food-box__txt-n--2 {
	position: absolute;
	right: 0;
}

.food-box__txt-s {
    margin: 0;
    font-size: 16px;
}

@media screen and (max-width: 736px) {
    .food-box__txt-s {
        font-size: 3.125vw;
    }
}

.food-box__txt-price {
    margin-left: 15px;
    font-size: 26px;
    font-family: 'DIN Alternate',sans-serif;
}

@media screen and (max-width: 736px) {
    .food-box__txt-price {
        margin-left: 3.90625vw;
        font-size: 5.3125vw;
    }
}

.food-box__txt-kome {
    font-size: 14px;
}

@media screen and (max-width: 736px) {
    .food-box__txt-kome {
        font-size: 3.4375vw;
    }
}

.food-box__txt-red {
    margin: 0;
    margin-bottom: 20px;
    color: #c60f28;
    font-size: 14px;
    line-height: 1.3;
}

@media screen and (max-width: 736px) {
    .food-box__txt-red {
        margin-bottom: 4.6875vw;
        font-size: 2.8125vw;
    }
}

.food-box__txt-note {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 14px;
    font-weight: bold !important;
}

@media screen and (max-width: 736px) {
    .food-box__txt-note {
        position: static;
        font-size: 3.4375vw;
    }
}

.food-box__txt-note--bottom {
    bottom: -40px;
}