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


/*全体
---------------------------------------------------------------------------*/
html,body{
width: 100%;
}


body{
margin:0 auto;
padding:0px;
position: relative;
text-align:center;

background:#fbf2de;

color:#5c3d0c;

font-family:'Ryumin Medium KL',  -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;


/*

font-family: "リュウミン R-KL", Ryumin Regular KL , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

*/
/*
font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
*/
letter-spacing: 0;
font-size:14px;

font-feature-settings : "palt";
font-feature-setting : "pkna";
word-break: break-all;　/*単語改行関連*/

-webkit-text-size-adjust:100%;　/*文字の拡大縮小関連*/
-ms-text-size-adjust: 100%;

overflow-y: scroll;

}


div,p,
h1,h2,h3,h4,h5,
ul,ol,li,dl,dt,dd,
nav,
address{
margin:0px;
padding:0px;
}

ul,dl{list-style-type: none;}

form{ margin:0; padding:0;}
button {cursor: pointer;}
object {vertical-align: bottom;}
input { padding-top: 2px; }

img,a img{border:none;}

a:hover img{
filter: alpha(opacity=50); 
-ms-filter:alpha(opacity=50);
opacity: .50;
-khtml-opacity: .50;
-moz-opacity: .50;
}

a		{ color:#709bb0; text-decoration:}
a:link		{color:#709bb0;}
a:visited	{color:#709bb0;}
a:hover		{color:#f09b9e; text-decoration:underline}

/*
#load_none { display: none; }
*/
#loader{
z-index:9999 !important;
position:fixed;
display:none;
text-align:center;
width:100%;

}
#loader img{
margin: auto;
}


#fade{
position:absolute;
z-index:9940 !important;
display:block;
height:100%;
width:100%;

background:#fff;
}


.txt_x{font-size:10px; line-height:1.3em;}/*11.1*/
.txt_n{font-size:11px; line-height:1.4em;}/*12*/
.txt_s{font-size:12px; line-height:1.4em;}/*12.99*/
.txt_d{font-size:13px; line-height:1.4em;}
.txt{font-size:14px; line-height:1.4em;}
.txt_b{font-size:16px; line-height:1.4em;}/*15.99*/
.txt_l{font-size:18px; line-height:1.4em;}/*18*/
.txt_m{font-size:19px; line-height:1.4em;}/*18.99*/
.txt_t{font-size:20px; line-height:1.4em;}/*20.1*/
.txt_w{font-weight:bold}

.txt_i1{padding-left:1em; text-indent:-1em;}


.radius_all3{
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
}
.radius_tl3{
border-top-left-radius:3px;
-webkit-border-top-left-radius:3px;
-moz-border-radius-topleft:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
}
.radius_tr3{
border-top-right-radius:3px;
-webkit-border-top-right-radius:3px;
-moz-border-radius-topright:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
}
.radius_bl3{
border-bottom-left-radius:3px;
-webkit-border-bottom-left-radius:3px;
-moz-border-radius-bottomleft:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
}
.radius_br3{
border-bottom-right-radius:3px;
-webkit-border-bottom-right-radius:3px;
-moz-border-radius-bottomright:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
}



#page-top{
position: fixed;
bottom: 45px;
right: 20px;
z-index:9500;
}
#page-top a {
width:30px;
height:30px;
display:block;
background: url(../img/page_top.png) center center no-repeat #5c3d0c;

}
#page-top a:hover{
background: url(../img/page_top.png) center center no-repeat #8d7755;
}

.btn_area{
}
.btn_area a{
padding:0.8em 0 0.5em;
display:block;
background:#5c3d0c;
text-align:center;
position:relative;
text-align:center;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
}
.btn_area a:hover{
filter: alpha(opacity=70); 
-ms-filter:alpha(opacity=70);
opacity: .70;
-khtml-opacity: .70;
-moz-opacity: .70;
}

.btn_area a div{height:1px; width:28%; left:0; top:48%; background:#fff; position:absolute;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;}
.btn_area a:hover div{height:1px; width:100%; left:0; top:48%; background:#fff; position:absolute;}
.btn_area a img{
margin:0 0 0 30%;
height:16px;
}

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

.btn_area a{padding:0.6em 0 0.5em;}
.btn_area a img{height:14px;}

}

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

.btn_area a{padding:0.5em 0 0.4em;}
.btn_area a img{height:12px;}

}

.pc{ display:block;}
.tb{ display:none;}
.sp{ display:none;}


@media screen and (max-width:960px) {
.pc{ display:none;}
.tb{ display:block;}
.sp{ display:none;}
}
@media screen and (max-width:600px) {
.pc{ display:none;}
.tb{ display:none;}
.sp{ display:block;}

}


/*
---------------------------------------------------------------------------*/

header{
margin:0 auto;
width:100%;
text-align:left;
top:0;
z-index:8888;
position:absolute;
background:url(../img/header_back.jpg) center center no-repeat;

}


/*
#load_header{
display:none;
}
*/

header>div{
margin:0 auto;
padding:30px 0 25px;
width:90%;
position:relative;
}

h1{
padding:0 0;
line-height:0;
float:left;
display:inline-block;

transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
}

h1 a{display:block; height:48px;}
h1 a img{ height:100%;}

header nav{
float:right;}
header nav ul{padding:0px 0 0;}
header nav ul li{
margin:15px 0 0 20px;
position:relative;
float:left;
}
header nav ul li:last-child{ margin-top:16px;}

header nav ul li a{
padding:0 5px;
height:18px;
display:block;
}

header nav ul li:last-child a{ height:14px;}

header nav ul li a img{
height:100%;
}



header nav #h_menu_btn{display:none;}

#h_menu{ display:none;}
#pnkzfb{ display:none;}

@media screen and (min-width:1180px) {

header>div{width:1024px;}

}


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

header{position:fixed;}

header>div{padding:20px 0;}

h1 a{height:34px;}

header nav{
margin-top:3px;
float:right;
}

header nav ul{display:none;}
header nav ul li{display:none;}


header nav #pnkzfb{
margin:6px 30px 0 0;
display:inline-block;
float:left;
width:18px;
}
header nav #pnkzfb img{width:100%;}

header nav #h_menu_btn{
margin:5px 0 0;
position: relative;
width: 30px;
height: 16px;
}

header nav #h_menu_btn span {
position: absolute;
left: 0;
width: 100%;
height: 1px;
border-radius: 1px;
background:#5c3d0c;

}

header nav #h_menu_btn,
header nav #h_menu_btn span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
}


#h_menu_btn span:nth-of-type(1) {top: 0;}
#h_menu_btn span:nth-of-type(2) {top: 7px;}
#h_menu_btn span:nth-of-type(3) {bottom: 0;}


}


/*----------*/

#h_menu{
padding:0 0 60px;
top:0px;
position:fixed;
display:none;
width:100%;
height:100%;
background:#fbf2de;
z-index:9000;
}

#h_menu>div{
margin:20px auto 0;
width:90%;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
}
#h_menu>div a{
margin:0;
padding:0;
float:left;
height:34px;
display:block;
display:inline-block;
}
#h_menu>div a img{
height:100%;

}
#h_menu .close{
margin:12px 0 0;
position: relative;
width: 30px;
height: 16px;
float:right;
display:block;
}

#h_menu .close span {
position: absolute;
left: 0;
width: 100%;
height: 1px;
border-radius: 1px;
background:#5c3d0c;
}


#h_menu .close span:nth-of-type(1) {
-webkit-transform: translateY(8px) rotate(45deg);
transform: translateY(8px) rotate(45deg);
background:#5c3d0c;
}


#h_menu .close span:nth-of-type(2) {
-webkit-transform: translateY(-8px) rotate(-45deg);
transform: translateY(-8px) rotate(-45deg);
background:#5c3d0c;
}

#h_menu .close span{
display: inline-block;
transition: all .4s;
box-sizing: border-box;
}


#h_menu .close span:nth-of-type(1) {top: 0;}
#h_menu .close span:nth-of-type(2) {bottom: 0;}



#h_menu ul{
margin:0 auto;
text-align:center;
}

#h_menu ul li{
margin:35px auto 0;
padding:0;
height:21px;
line-height:1em;
width:40%;
position:relative;
display:block;
}

#h_menu ul li a{
display:inline-block;
position:relative;
height:100%;
}

#h_menu ul li a img{
margin:0;
height:100%;
}


#h_menu ul.site{
margin:50px auto 0;
text-align:center;
border-top:1px solid #5c3d0c;
width:80%;
}

#h_menu ul.site li{
margin:45px auto 0;
padding:0;
height:25px;
line-height:1em;
width:40%;
position:relative;
display:block;
}
#h_menu ul.site li:nth-of-type(1){
margin-top:50px;
}



/*----------*/

#vsual,
#vsual_2nd{
margin:0 auto;
padding:100px 0 0;
width:100%;
position:relative;

text-align:center;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
}

#container{
margin:0 auto;
width:100%;
position:relative;
overflow:hidden;
background:url(../img/main_top.jpg) center center no-repeat;
background-size: 125%;
text-align:center;
}

#container_about{
margin:0 auto;
width:100%;
position:relative;
overflow:hidden;
background:url(../img/about_main.jpg) center 48% no-repeat;
background-size: 100%;
text-align:center;
}

#container_shop{
margin:0 auto;
width:100%;
position:relative;
overflow:hidden;
background:url(../img/shop_main.jpg) 40% 65% no-repeat;
background-size: 145%;
text-align:center;
}

#container_menu{
margin:0 auto;
width:100%;
position:relative;
overflow:hidden;
background:url(../img/menu_main.jpg) 70% 30% no-repeat;
background-size: 115%;
text-align:center;
}
#container_partners{
margin:0 auto;
width:100%;
position:relative;
overflow:hidden;
background:url(../img/partners_main.jpg) 70% 30% no-repeat;
background-size: 100%;
text-align:center;
}

#container>div,
#container_about>div,
#container_shop>div,
#container_menu>div,
#container_partners>div{
margin:0 auto;
width:100%;
position:relative;
text-align:left;
}
#container>div img{
margin:45% auto 10% 58.5%;
width:39%;
}

#container_about h2{
margin:1% auto 35% 12%;
width:29%;
}
#container_shop h2{
margin:35% auto 6% 15%;
width:19%;
}
#container_menu h2{
margin:28% auto 15% 60%;
width:30%;
}
#container_partners h2{
margin:34% auto 5.5% 61.5%;
width:27.8%;
}


#container_about h2 img{width:100%;}
#container_shop h2 img{width:100%;}
#container_menu h2 img{width:100%;}
#container_partners h2 img{width:100%;}

@media screen and (min-width:1180px) {
#container>div,
#container_about>div,
#container_shop>div,
#container_menu>div,
#container_partners>div{
width:1180px;
}

}

@media screen and (min-width:1480px) {
#container{
background:url(../img/main_top.jpg) center center no-repeat;
background-size: 1920px;
}
#container>div img{
margin:520px auto 100px 58.5%;
width:40%;
}



}

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

#vsual,
#vsual_2nd{padding-top:70px;}

#container{
background:url(../img/main_top.jpg) 70% center no-repeat;
background-size: 190%;
}
#container>div img{
margin:75% auto 25% 46%;
width:53%;
}

#container_about{
background:url(../img/about_main.jpg) 67% center no-repeat;
background-size: 195%;
}
#container_about h2{
margin:1% auto 105% 12%;
width:225px;
}

#container_shop{
background:url(../img/shop_main.jpg) 68% center no-repeat;
background-size: 215%;

}
#container_shop h2{
margin:90% auto 10% 12%;
width:176px;
}

#container_menu{
background:url(../img/menu_main.jpg) 45% 80% no-repeat;
background-size: 190%;
}
#container_menu h2{
margin:96% auto 18% 52%;
width:250px;
}


#container_partners{
background:url(../img/partners_main.jpg) 45% 80% no-repeat;
background-size: 180%;
}
#container_partners h2{
margin:96.5% auto 13% 52%;
width:238px;
}




}

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

#container{
background:url(../img/main_top.jpg) 70% center no-repeat;
background-size: 200%;

}
#container>div img{
margin:76% auto 34% 28%;
width:69%;
}


#container_about{
background:url(../img/about_main.jpg) 64% 40% no-repeat;
background-size: 195%;
}
#container_about h2{
margin:1% auto 115% 12%;
width:150px;
}

#container_shop{
background:url(../img/shop_main.jpg) 70% 47% no-repeat;
background-size: 230%;

}
#container_shop h2{
margin:99% auto 14% 12%;
width:102px;
}

#container_menu{
background:url(../img/menu_main.jpg) 45% 50% no-repeat;
background-size: 210%;
}
#container_menu h2{
margin:104% 2% 18% auto;
width:195px;
}


#container_partners{
background:url(../img/partners_main.jpg) 40% 50% no-repeat;
background-size: 189%;
}
#container_partners h2{
margin:100% 5% 18% auto;
width:159px;
}



}



/*-------------------------*/



/*-*/





#container_about #rect,
#container_menu #rect,
#container_shop #rect{
display:none;
}



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

#container_about #rect,
#container_menu #rect,
#container_shop #rect{
border-right:1px solid #FFF;
border-bottom:1px solid #FFF;

display:block;
width:25px;
height:25px;

position:absolute;
z-index:1500;
top:95%;
left:48%;

-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);

}

}

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

#container_about #rect,
#container_menu #rect,
#container_shop #rect{
width:20px;
height:20px;

top:93%;
left:48%;
}

}

/*----------*/


section{
margin:0 auto;
padding:0;
position:relative;
width:100%;

transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
}

section#top_about,
section#top_partners{
padding: 126px 0 110px 0;
}

/*----------*/

section#top_about>div,
section#top_partners>div{
margin:0 auto;
width:615px;
text-align:center;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
}

section#top_about>div>img,
section#top_partners>div>img{
float:left;
text-align:center;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
}

section#top_about>div .h2_area,
section#top_partners>div .h2_area{
width:296px;
text-align:center;
float:right;
text-align:center;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
}


section#top_menu{background:url(../img/top_menu_h2.jpg) 0 85% no-repeat; background-size:100%;}
section#top_shop{background:url(../img/top_shop_h2.jpg) 45% 22% no-repeat; background-size:100%;}

section#top_menu .h2_area,
section#top_shop .h2_area{
margin:0 auto;
width:100%;
text-align:left;
}


#top_about h2{ margin:65px auto 0; width:265px;}
#top_menu h2{ margin:0 auto 0 7.5%; padding:18% 0 14.32%; width:316px;}
#top_partners h2{ margin:100px auto 0; width:296px;}
#top_shop h2{ margin:0 auto 0 12%; padding:17.7% 0 10%; width:186px;}

#top_about h2,
#top_menu h2,
#top_partners,
#top_shop h2{
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
}

#top_about h2 img,
#top_menu h2 img,
#top_partners h2 img,
#top_shop h2 img{width:100%;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;}

section#top_about>p,
section#top_partners>p{
margin:45px auto 0;
text-align:left;
line-height:2.2em;
width:615px;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
}


#top_menu .text_area{
margin:0 auto;
width:100%;
background:url(../img/top_menuback.png) center top no-repeat;
background-size: 100% 100%;
}

#top_menu .text_area>div{
margin:0 auto;
padding:40px 0;
width:815px;
}

#top_shop .text_area>div{
margin:0 auto;
padding:40px 0 80px;
width:815px;
}

#top_menu .text_area p{
line-height:2.2em;
text-align:left;
float:left;
display:inline-block;
}

#top_menu .text_area .btn_area{
margin-top:3em;
float:right;
}

#top_shop .text_area{background:#fbf2de;}
#top_shop .text_area p{
line-height:2.2em;
text-align:left;
float:left;
display:inline-block;
}

#top_shop .text_area .btn_area{
margin-top:0.5em;float:right;}

#top_about .btn_area,
#top_partners .btn_area{ margin-top:50px; width:220px;}

#top_menu .btn_area,
#top_shop .btn_area{width:220px;}

@media screen and (min-width:1340px) {

section#top_menu{background:url(../img/top_menu_h2.jpg) 0 54% no-repeat; background-size:100%;}
section#top_shop{background:url(../img/top_shop_h2.jpg) 50% 61% no-repeat; background-size:100%; }

section#top_menu .h2_area{width:1180px;}
section#top_shop .h2_area{width:1180px;}


}

@media screen and (max-width:960px) {
section#top_about,
section#top_partners{
padding: 70px 0 75px 0;
}
section#top_menu{background:url(../img/top_menu_h2.jpg) 20% -10% no-repeat; background-size:120%;}
section#top_shop{background:url(../img/top_shop_h2.jpg) 40% -60% no-repeat; background-size:120%;}

section#top_about>div,
section#top_partners>div{
width:73%;
}

section#top_about>div .h2_area,
section#top_partners>div .h2_area{
width:46%;
}

#top_about h2{ margin-top:45px; width:183px;}
#top_menu h2{ margin:0 auto 0 8%; padding:24% 0 22%; width:190px; }
#top_partners h2{ margin-top:65px; width:194px;}
#top_shop h2{ margin:0 auto 0 8%; padding:21% 0 17%;width:114px;}


section#top_about>div>img,
section#top_partners>div>img{
width:42%;
}

section#top_about>p,
section#top_partners>p{
margin-top:40px;
width:73%;
}

#top_menu .text_area>div{
padding:35px 0;
width:73%;
}

#top_shop .text_area>div{
padding-top:35px;
width:73%;
}

#top_menu .text_area{
background:url(../img/top_menuback.png) center top no-repeat;
background-size:auto 100%;
}


#top_menu .text_area p,
#top_menu .text_area .btn_area,
#top_shop .text_area p,
#top_shop .text_area .btn_area{
float:none;
clear:both;
}
#top_menu .text_area .btn_area{ margin:30px auto 0;}

#top_shop .text_area .btn_area{ margin:30px auto 0;}
#top_shop .text_area p{
width:100%;
}

#top_about .btn_area,
#top_partners .btn_area{ margin-top:35px; width:195px;}

#top_menu .btn_area,
#top_shop .btn_area{width:195px;}

}
@media screen and (max-width:600px) {

section#top_about,
section#top_partners{
padding: 55px 0 60px 0;
}

section#top_menu{background:url(../img/top_menu_h2.jpg) 95% -12% no-repeat; background-size:142%;}
section#top_shop{background:url(../img/top_shop_h2.jpg) 60% -31% no-repeat; background-size:155%;}


section#top_about>div,
section#top_partners>div{
width:78%;
}

section#top_about>div .h2_area,
section#top_partners>div .h2_area,
section#top_about>div>img,
section#top_partners>div>img{
float:none;
clear:both;
}

section#top_about>div .h2_area,
section#top_partners>div .h2_area{
width:100%;
}

section#top_about>div>img,
section#top_partners>div>img{
margin-top:35px;
width:52%;
}

section#top_about>p,
section#top_partners>p{
margin-top:25px;
width:78%;
text-align:left;
}

#top_menu .text_area>div{ width:78%; padding:30px 0 40px;}
#top_shop .text_area>div{ width:78%; padding:30px 0 60px;}


#top_about h2{ margin-top:0; width:143px;}
#top_menu h2{ margin:0 0 0 auto; padding:34% 0 21%; width:146px; }

#top_partners h2{ margin-top:0; width:152px;}
#top_shop h2{margin:0 auto 0 13%; padding:37% 0 8%;width:99px;}

#top_about .btn_area,
#top_menu .btn_area,
#top_partners .btn_area,
#top_shop .btn_area{ width:160px;}


}

/*----------*/

section#about_read{padding:85px 0 105px;}

section#about_read>div{
margin:0 auto;
width:680px;

}

section#about_read>div .read_tit{
float:left;

}
section#about_read>div .read_tit img{
margin:0.5em 0 0;
width:85px;

}

section#about_read>div p.read_txt{
margin:0;
width:70%;
text-align:left;
float:right;
line-height:2.2em;
}


section#about_chef{
margin:0 auto 0;
padding:0 0 110px;
width:100%;
}

section#about_chef .phot{
margin:0 auto;
padding:0;
width:100%;
height:418px;
background:url(../img/about_chef.jpg) center center no-repeat;
background-size:685px;
}

section#about_chef p.sekikawa{
margin:60px auto 0;
text-align:center;
}
section#about_chef p.sekikawa img{
width:222px;
}
section#about_chef p.prf{
margin:30px auto 0;
text-align:center;
line-height:2.2em;
}

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

section#about_read{
padding:75px 0 70px;
}

section#about_read>div{
width:71%;

}
section#about_read>div .read_tit,
section#about_read>div p.read_txt{
float:none;
clear:both;
text-align:left;
}
section#about_read>div .read_tit img{
margin:0;
width:335px;
}

section#about_read>div p.read_txt{
margin:50px 0 0;
width:100%;
}

section#about_chef{padding:0 0 70px;}

section#about_chef .phot{
background:url(../img/about_chef.jpg) center center no-repeat;
background-size:100%;
height:auto;
padding:20% 0 ;
}

section#about_chef .phot img{
margin:0% 0 0% 15%;
height:50px;
}

section#about_chef p.prf{
margin:30px auto 0;
text-align:left;
width:71%;
}

}

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

section#about_read{padding:65px 0 60px;}

section#about_read>div{width:78%;}

section#about_read>div .read_tit img{margin:0; width:250px;}

section#about_read>div p.read_txt{margin:30px 0 0;}


section#about_chef{padding:0 0 60px;}


section#about_chef .phot img{height:37px;}

section#about_chef p.prf{width:78%;}


}


/*----------*/


section#shop_read{margin:0 auto; padding:105px 0 0; text-align:center;}
section#shop_rsv{margin:0 auto; padding:105px 0 0;}
section#shop_inf{margin:0 auto; padding:85px 0 0;}
section#shop_acs{margin:0 auto; padding:85px 0 0;}


section#shop_read p{
margin:0 auto;
text-align:left;
width:650px;
line-height:2.2em;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
}

section#shop_rsv h3,
section#shop_inf h3,
section#shop_acs h3{
margin:0 auto;
text-align:center;
width:auto;
height:30px;}

section#shop_rsv h3 img,
section#shop_inf h3 img,
section#shop_acs h3 img{ height:100%;}

section#shop_rsv>div,
section#shop_inf>div{
margin:65px auto 0;
width:760px;
text-align:left;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
}

section#shop_rsv>div>div{ margin:0 auto; width:100%;}
section#shop_rsv>div>div img{width:100%;}

section#shop_rsv>div>div img:nth-of-type(1){ display:block;}
section#shop_rsv>div>div img:nth-of-type(2){ display:none;}

section#shop_rsv>div dl{
margin:30px auto 0 ;
display:inline-block;
}
section#shop_rsv>div dl dt{
margin:0em 0 0 ;
border:1px solid #553f18;
padding:0.3em 0.8em;
float:left;
display:inline-block;
font-size:21px;
line-height:1em;

}
section#shop_rsv>div dl dd{
margin:0 0 0 9em;
height:37px;
}
section#shop_rsv>div dl dd img{
height:100%;
}
section#shop_rsv>div>p{
line-height:2.2em;
}

section#shop_rsv>div>p:nth-of-type(1){margin:45px 0 0;}

section#shop_inf>div dl{

}

section#shop_inf>div dl dt{
margin:40px 0 0;
float:left;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
}
section#shop_inf>div dl dt:nth-of-type(1){ margin:0;}
section#shop_inf>div dl dt div{
padding-bottom:4px;
height:22px;
border-bottom:1px solid #5c3d0c;
display:inline-block;
}
section#shop_inf>div dl dt div img{height:100%;}

section#shop_inf>div dl dd{
margin:40px 0 0;
padding:0 0 0 170px;
line-height:2.2em;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
}
section#shop_inf>div dl dd:nth-of-type(1){ margin:0;}

section#shop_inf>div dl dd div:nth-of-type(2){ margin-top:1.5em;}



section#shop_inf>div>p{
line-height:2.2em;
}
section#shop_inf>div>p:nth-of-type(1){margin:50px 0 0; color:#e60000;}
section#shop_inf>div>p:nth-of-type(1) a{color:#e60000;}

section#shop_inf>div>p:nth-of-type(1) a:hover{color:#709bb0;}


section#shop_inf>div> .car{
margin:50px auto 0;
padding:1.1em 0;
width:100%;
text-align:center;
background:#5c3d0c;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
-ms-border-radius:5px;
height:17px;

}

section#shop_inf>div> .car img{
margin:0 auto;
height:100%;
}

section#shop_inf>div> .car img:nth-of-type(1){ display:block;}
section#shop_inf>div> .car img:nth-of-type(2){ display:none;}

section#shop_acs p{
margin:50px auto 0;
text-align:center;
line-height:2.2em;
}


div.limg{
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
}
section#shop_rsv div.limg{
margin:80px 0 0;
padding:18% 0;
width:100%;
background:url(../img/shop_img01.jpg) center center no-repeat;
background-size:120%;

}
section#shop_acs div.limg{
margin:80px 0 0;
padding:16% 0;
width:100%;
background:url(../img/shop_img02.jpg) center center no-repeat;
background-size:110%;
}

section#shop_inf div.map_area{
margin:80px 0 0;
width:100%;
}
section#shop_inf div.map_area #map{
width:100%;
height:420px;
}



@media screen and (min-width:1180px) {
section#shop_rsv div.limg{
padding:210px 0;
background:url(../img/shop_img01.jpg) center 40% no-repeat;
background-size:100%;
}
section#shop_acs div.limg{
padding:190px 0;
background:url(../img/shop_img02.jpg) center 60% no-repeat;
background-size:100%;
}

}

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

section#shop_rsv{padding:80px 0 0;}
section#shop_inf{padding:70px 0 0;}
section#shop_acs{padding:70px 0 0;}

section#shop_read p{width:70.5%;}

section#shop_rsv h3,
section#shop_inf h3,
section#shop_acs h3{
height:25px;}

section#shop_rsv>div,
section#shop_inf>div{
margin:65px auto 0;
width:70.5%;
}


section#shop_rsv>div dl{margin-top:25px;}
section#shop_rsv>div dl dt{
padding:0.3em 0.8em;
font-size:19px;

}
section#shop_rsv>div dl dd{
margin:0 0 0 8em;
height:29px;
}

section#shop_rsv>div>p:nth-of-type(1){margin:40px 0 0;}


section#shop_inf>div dl dt div{height:20px;}
section#shop_inf>div dl dd{
margin:40px 0 0;
padding:0 0 0 130px;
}


section#shop_inf>div> .car{height:15px;}


section#shop_acs p{ margin-top:30px;}

section#shop_rsv div.limg{
margin:75px 0 0;
background:url(../img/shop_img01.jpg) center 40% no-repeat;
background-size:110%;
}

section#shop_acs div.limg{
margin:75px 0 0;
padding:19% 0;
background:url(../img/shop_img02.jpg) center center no-repeat;
background-size:130%;

}

section#shop_inf div.map_area #map{height:260px;}


}

@media screen and (max-width:600px) {
section#shop_read{padding-top:55px;}
section#shop_rsv{padding-top:45px;}
section#shop_inf{padding-top:55px;}
section#shop_acs{padding-top:55px;}


section#shop_read p{width:78%;}

section#shop_rsv h3,
section#shop_inf h3,
section#shop_acs h3{
height:20px;}

section#shop_rsv>div,
section#shop_inf>div{
margin:40px auto 0;
width:78%;
}

section#shop_rsv>div>div img{width:245px;}

section#shop_rsv>div>div img:nth-of-type(1){ display:none;}
section#shop_rsv>div>div img:nth-of-type(2){ display:block;}


section#shop_rsv>div dl{margin-top:20px;
width:100%;
}

section#shop_rsv>div dl dt{
float:none;
clear:both;
width: auto;
display:block;
padding:0.4em 0;
text-align:center;
font-size:15px;
}

section#shop_rsv>div dl dd{
margin:15px auto 0;
float:none;
clear:both;
}

section#shop_rsv>div dl dd img{
width:100%;
height:auto;}

section#shop_rsv>div>p:nth-of-type(1){margin:35px 0 0;}

section#shop_inf>div dl dt{
margin:30px 0 0;
float:none;
clear:both;
text-align:center;
}

section#shop_inf>div dl dd,
section#shop_inf>div dl dd:nth-of-type(1){
margin:15px 0 0;
padding:0 0 0 0px;
line-height:1.9em;
}

section#shop_inf>div dl dd div:nth-of-type(2){ margin-top:1.2em;}


section#shop_rsv>div>p,
section#shop_inf>div>p{line-height:1.9em;}


section#shop_inf>div>p:nth-of-type(1){margin:40px 0 0;}

section#shop_inf>div> .car{
height:38px;
}
section#shop_inf>div> .car img:nth-of-type(1){ display:none;}
section#shop_inf>div> .car img:nth-of-type(2){ display:block;}

section#shop_acs p{ margin-top:25px;}

section#shop_rsv div.limg{
margin:55px 0 0;
background:url(../img/shop_img01.jpg) center 35% no-repeat;
background-size:110%;
}

section#shop_acs div.limg{margin:55px 0 0;}

section#shop_inf div.map_area #map{height:160px;}

}
/*----------*/


section#menu_read{margin:0 auto; padding:100px 0 0; text-align:center;}
section#menu_lnc{margin:0 auto; padding:110px 0 0;}
section#menu_dnr{margin:0 auto; padding:75px 0 0;}
section#menu_drnk{margin:0 auto; padding:85px 0 0;}

section#menu_lnc h3,
section#menu_dnr h3,
section#menu_drnk h3{
margin:0 auto;
height:32px;
text-align:center;
}
section#menu_lnc h3 img,
section#menu_dnr h3 img,
section#menu_drnk h3 img{
height:100%;

}

section#menu_read>p,
section#menu_lnc>p,
section#menu_dnr>p,
section#menu_drnk>p{
text-align:left;
width:700px;
line-height:2.2em;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
}
section#menu_read>p{margin:0px auto 0;}

section#menu_lnc>p,
section#menu_dnr>p,
section#menu_drnk>p{margin:50px auto 0;}
section#menu_drnk>p:nth-of-type(2){margin:10px auto 0;}

section#menu_lnc .at,
section#menu_dnr .at,
section#menu_drnk .at{margin:1.5em auto 0;
width:700px;
text-align:left;}

section#menu_lnc .at{ color:#e60000;}

section#menu_lnc .at a{color:#e60000;}
section#menu_lnc .at a:hover{color:#709bb0;}


section#menu_drnk>div>p{margin:0 auto 0; text-align:right;}

section#menu_drnk>div>p:nth-of-type(2){margin:0 auto 0;  text-align:right;}

section#menu_lnc>p:nth-of-type(3),
section#menu_dnr>p:nth-of-type(3){margin:1.5em auto 0;}
section#menu_drnk>p:nth-of-type(3){margin:1.5em auto 0; text-align:right;}

section#menu_lnc .at p br,
section#menu_dnr .at p br{ display:none;}

section#menu_lnc ul,
section#menu_dnr ul,
section#menu_drnk ul{
margin:60px auto 0;
width:700px;
}
section#menu_lnc ul li,
section#menu_dnr ul li,
section#menu_drnk ul li{
margin:30px auto 0;
padding-bottom:5px;
border-bottom:1px solid #5c3d0c;
}
section#menu_lnc ul li:first-child,
section#menu_dnr ul li:first-child,
section#menu_drnk ul li:first-child{
margin:0;
}

section#menu_lnc ul li p{display:inline-block;}

section#menu_lnc ul li p.name,
section#menu_dnr ul li p.name,
section#menu_drnk ul li p.name{
float:left;
font-size:18px;
text-align:left;
}
section#menu_lnc ul li p.text,
section#menu_dnr ul li p.text,
section#menu_drnk ul li p.text{
margin:0.1em 0 0 0.8em;
float:left;
text-align:left;
}
section#menu_drnk ul li p.text{margin-left:0em;}

section#menu_lnc ul li p.price,
section#menu_dnr ul li p.price,
section#menu_drnk ul li p.price{
float:right;
font-size:18px;
text-align:right;
}
section#menu_lnc ul li p.kr,
section#menu_dnr ul li p.kr,
section#menu_drnk ul li p.kr{
padding-right:1em;
}


section#menu_lnc div.limg{
margin:80px 0 0;
padding:18% 0;
width:100%;
background:url(../img/menu_img01.jpg) center center no-repeat;
background-size:110%;

}

section#menu_dnr div.limg{
margin:80px 0 0;
padding:18% 0;
width:100%;
background:url(../img/menu_img02.jpg) center center no-repeat;
background-size:110%;


}
section#menu_drnk div.limg{
margin:80px 0 0;
padding:18% 0;
width:100%;
background:url(../img/menu_img03.jpg) center center no-repeat;
background-size:110%;


}

@media screen and (min-width:1180px) {
section#menu_lnc div.limg{
padding:210px 0;
background:url(../img/menu_img01.jpg) center center no-repeat;
background-size: 105%;
}
section#menu_dnr div.limg{
padding:210px 0;
background:url(../img/menu_img02.jpg) center center no-repeat;
background-size: 105%;
}
section#menu_drnk div.limg{
padding:210px 0;
background:url(../img/menu_img03.jpg) center center no-repeat;
background-size: 105%;
}
}

@media screen and (min-width:1400px) {
section#menu_lnc div.limg{
padding:210px 0;
background:url(../img/menu_img01.jpg) center center no-repeat;
background-size:1920px auto;
}
section#menu_dnr div.limg{
padding:210px 0;
background:url(../img/menu_img02.jpg) center center no-repeat;
background-size:1920px auto;
}
section#menu_drnk div.limg{
padding:210px 0;
background:url(../img/menu_img03.jpg) center center no-repeat;
background-size:1920px auto;
}

}

@media screen and (max-width:960px) {
section#menu_read{margin:0 auto; padding:70px 0 0;}
section#menu_lnc{margin:0 auto; padding:70px 0 0;}
section#menu_dnr{margin:0 auto; padding:70px 0 0;}
section#menu_drnk{margin:0 auto; padding:70px 0 0;}

section#menu_lnc h3,
section#menu_dnr h3,
section#menu_drnk h3{
height:25px;
}

section#menu_read>p,
section#menu_lnc>p,
section#menu_dnr>p,
section#menu_drnk>p{width:68%;}

section#menu_lnc>p,
section#menu_dnr>p,
section#menu_drnk>p{margin:40px auto 0;}

section#menu_lnc .at,
section#menu_dnr .at,
section#menu_drnk .at{width:68%;}

section#menu_lnc .at p br,
section#menu_dnr .at p br{ display:block;}


section#menu_lnc ul,
section#menu_dnr ul,
section#menu_drnk ul{
margin:50px auto 0;
width:68%;
}



section#menu_lnc ul li p.text,
section#menu_dnr ul li p.text{
margin:0.4em 0 0 0em;
float:left;
clear:left;

}
section#menu_lnc ul li p.price{margin:0.3em 0 0;}
section#menu_dnr ul li p.price{margin:1.3em 0 0;}

section#menu_lnc div.limg,
section#menu_dnr div.limg,
section#menu_drnk div.limg{
margin:70px 0 0;

}


}

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

section#menu_read{margin:0 auto; padding:55px 0 0;}
section#menu_lnc{margin:0 auto; padding:60px 0 0;}
section#menu_dnr{margin:0 auto; padding:50px 0 0;}
section#menu_drnk{margin:0 auto; padding:60px 0 0;}

section#menu_lnc h3,
section#menu_dnr h3,
section#menu_drnk h3{
height:22px;
}

section#menu_read>p,
section#menu_lnc>p,
section#menu_dnr>p,
section#menu_drnk>p{
width:78%;
}

section#menu_lnc>p,
section#menu_dnr>p,
section#menu_drnk>p{margin:35px auto 0;}

section#menu_lnc .at,
section#menu_dnr .at,
section#menu_drnk .at{margin:1.5em auto 0;
width:78%;
}

section#menu_lnc .at br,
section#menu_dnr .at br{
display:none !important;
}

section#menu_lnc ul,
section#menu_dnr ul,
section#menu_drnk ul{
margin:35px auto 0;
width:78%;
}


section#menu_drnk ul li p.text{
margin:0.2em 0 0 0em;
float:left;
clear:left;
}

section#menu_lnc ul li p.price{margin-top:1.3em;}
section#menu_dnr ul li p.price{margin-top:2.3em;}

section#menu_drnk ul li p.nfl{margin-top:0.2em;}
section#menu_drnk ul li p.br2{margin-top:1em;}


section#menu_lnc div.limg{
margin:60px 0 0;

background:url(../img/menu_img01.jpg) center center no-repeat;
background-size:105%;


}
section#menu_dnr div.limg,
section#menu_drnk div.limg{
margin:60px 0 0;
}

}



/*----------*/

section#partners_read{margin:0 auto; padding:100px 0 0; text-align:center;}
section#partners_mainlist{margin:0 auto; padding:0px 0 0;}

section#partners_area{margin:0 auto; padding:0px 0 0; text-align:center;}
section#partners_nav{margin:0 auto; padding:105px 0 0;}

section#partners_navf{margin:0 auto; padding:100px 0 0;}

section#partners_read>p{
margin:0px auto 0;
text-align:left;
width:700px;
line-height:2.2em;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
}

section#partners_mainlist ul{
margin:10px auto 0;
padding:0 0 90px;
width:700px;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
}

section#partners_mainlist ul li{
margin:0px auto 0;
padding:70px 0 0;
width:45%;
text-align:left;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
}

section#partners_mainlist ul li:nth-of-type(odd){float:left;}
section#partners_mainlist ul li:nth-of-type(even){float:right;}

section#partners_mainlist ul li a{
padding:0;
display:block;
}

section#partners_mainlist ul li a img.pphot{
width:100%;
}
section#partners_mainlist ul li a img.pname{
margin:20px auto 0;
width:75%;

}
section#partners_mainlist ul li a img.padrs{
margin:14px auto 0;
width:20%;
}


section#partners_area>div{
margin:85px auto 0;
border-top:1px solid #5c3d0c;
width:700px;
}
section#partners_area>div h3{
margin:100px auto 0;
width:467px;
}
section#partners_area>div h3 img{width:100%;}

section#partners_area>div p.area{
margin:30px auto 0;
width:86px;
}
section#partners_area>div p.area img{
width:100%;
}

section#partners_area>div .cment{
position:relative;
}


section#partners_area>div .cment div.wktl{
position:absolute;
top:15px;
left:0;
width:25%;
height:20px;
border-top:1px solid #5c3d0c;
border-left:1px solid #5c3d0c;
display:block;
border-top-left-radius:10px;
-webkit-border-top-left-radius:10px;
-moz-border-radius-topleft:10px;
-o-border-radius:10px;
-ms-border-radius:10px;
}

section#partners_area>div .cment div.wktcl{
position:absolute;
top:0px;
left:25%;
width:25%;
height:15px;

border-right:1px solid #5c3d0c;
border-bottom:1px solid #5c3d0c;

border-bottom-right-radius:17px;
-webkit-border-bottom-right-radius:17px;
-moz-border-radius-bottomright:17px;
-o-border-radius:17px;
-ms-border-radius:17px;

}

section#partners_area>div .cment div.wktclc{
position:absolute;
top:0px;
left:49%;
width:2%;
background:#fbf2de;
height:4px;
z-index:100;
}



section#partners_area>div .cment div.wktcr{
position:absolute;
top:0;
right:25%;
width:25%;
height:15px;
border-left:1px solid #5c3d0c;
border-bottom:1px solid #5c3d0c;

border-bottom-left-radius:17px;
-webkit-border-bottom-left-radius:17px;
-moz-border-radius-bottomleft:17px;
-o-border-radius:17px;
-ms-border-radius:17px;
}



section#partners_area>div .cment div.wktr{
position:absolute;
top:15px;
right:0;
width:25%;
height:20px;
border-top:1px solid #5c3d0c;
border-right:1px solid #5c3d0c;

border-top-right-radius:10px;
-webkit-border-top-right-radius:10px;
-moz-border-radius-topright:10px;
-o-border-radius:10px;
-ms-border-radius:10px;
}

section#partners_area>div .cment div.wkbl{
position:absolute;
bottom:0;
left:0;
width:50%;
height:20px;
border-bottom:1px solid #5c3d0c;
border-left:1px solid #5c3d0c;

border-bottom-left-radius:10px;
-webkit-border-bottom-left-radius:10px;
-moz-border-radius-bottomleft:10px;
-o-border-radius:10px;
-ms-border-radius:10px;
}

section#partners_area>div .cment div.wkbr{
position:absolute;
bottom:0;
right:0;
width:50%;
height:20px;
border-right:1px solid #5c3d0c;
border-bottom:1px solid #5c3d0c;

border-bottom-right-radius:10px;
-webkit-border-bottom-right-radius:10px;
-moz-border-radius-bottomright:10px;
-o-border-radius:10px;
-ms-border-radius:10px;

}


section#partners_area>div .cment p{
padding:70px 9% 50px;
position:relative;
text-align:left;
line-height:2.2em;

}


section#partners_area>div>img{
margin:70px auto 0;
width:100%;
}

section#partners_area>div>div{
margin:80px auto 0;
}

section#partners_area>div>div h4{
margin:0 0 0 51px;
float:left;
width:91px;
text-align:left;


}

section#partners_area>div>div h4 img{width:100%;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
}

section#partners_area>div>div h4 img:nth-of-type(1){
margin:0.5em;
display:block;}
section#partners_area>div>div h4 img:nth-of-type(2){display:none;}


section#partners_area>div>div p.maintxt{
float:right;
text-align:left;
line-height:2.2em;
width:68%;
}


section#partners_area>div p.pdnti{
margin:100px auto 0;
width:33%;
}
section#partners_area>div p.psss{
margin:25px auto 0;
width:39%;
}

section#partners_area>div p.pdnti img,
section#partners_area>div p.psss img{
width:100%;}



section#partners_area>div>img.sss{
margin:50px auto 0;
width:36%;
}


section#partners_nav ul{
margin:0 auto;
width:390px;
}

section#partners_nav ul li{
float:left;
width:33%;
}

section#partners_nav ul li:nth-of-type(1){
text-align:left;
}
section#partners_nav ul li:nth-of-type(2){
border-right:1px solid #5c3d0c;
border-left:1px solid #5c3d0c;
text-align:center;
}
section#partners_nav ul li:nth-of-type(3){
text-align:right;
}

section#partners_nav ul li:nth-of-type(1) img:nth-of-type(1),
section#partners_nav ul li:nth-of-type(2) img:nth-of-type(1),
section#partners_nav ul li:nth-of-type(3) img:nth-of-type(1){
display:block;

}

section#partners_nav ul li:nth-of-type(1) img:nth-of-type(2),
section#partners_nav ul li:nth-of-type(2) img:nth-of-type(2),
section#partners_nav ul li:nth-of-type(3) img:nth-of-type(2){
display:none;

}


section#partners_nav ul li a{
display:block;
}
section#partners_nav ul li a img{
width:95%;

}


section#partners_navf {
margin:100px auto 0;
padding:0;
width:100%;
position:relative;
}
section#partners_navf .imgl01{
padding:17.8% 0;
float:left;
top:0;
left:0;
width:50%;
background:url(../img/partners_imgf0101.jpg) 90% center no-repeat;
background-size:112%;
display:block;
}
section#partners_navf .imgr01{
padding:17.8% 0;
float:right;
top:0;
right:0;
width:50%;
background:url(../img/partners_imgf0102.jpg) right center no-repeat;
background-size:116%;
display:block;
}


section#partners_navf .imgl02{
padding:17.8% 0;
float:left;
top:0;
left:0;
width:50%;
background:url(../img/partners_imgf0201.jpg) 90% center no-repeat;
background-size:110%;
display:block;
}
section#partners_navf .imgr02{
padding:17.8% 0;
float:right;
top:0;
right:0;
width:50%;
background:url(../img/partners_imgf0202.jpg) 20% center no-repeat;
background-size:104%;
display:block;
}

section#partners_navf .imgl03{
padding:17.8% 0;
float:left;
top:0;
left:0;
width:50%;
background:url(../img/partners_imgf0301.jpg) 20% center no-repeat;
background-size:104%;
display:block;
}
section#partners_navf .imgr03{
padding:17.8% 0;
float:right;
top:0;
right:0;
width:50%;
background:url(../img/partners_imgf0302.jpg) right center no-repeat;
background-size:105%;
display:block;
}


section#partners_navf .imgl04{
padding:17.8% 0;
float:left;
top:0;
left:0;
width:50%;
background:url(../img/partners_imgf0401.jpg) center center no-repeat;
background-size:108%;
display:block;
}
section#partners_navf .imgr04{
padding:17.8% 0;
float:right;
top:0;
right:0;
width:50%;
background:url(../img/partners_imgf0402.jpg) 30% center no-repeat;
background-size:107%;
display:block;
}

section#partners_navf .imgl05{
padding:17.8% 0;
float:left;
top:0;
left:0;
width:50%;
background:url(../img/partners_imgf0501.jpg) 0 center no-repeat;
background-size:104%;
display:block;
}
section#partners_navf .imgr05{
padding:17.8% 0;
float:right;
top:0;
right:0;
width:50%;
background:url(../img/partners_imgf0502.jpg) left center no-repeat;
background-size:105%;
display:block;
}

section#partners_navf .imgl06{
padding:17.8% 0;
float:left;
top:0;
left:0;
width:50%;
background:url(../img/partners_imgf0601.jpg) 90% center no-repeat;
background-size:104%;
display:block;
}
section#partners_navf .imgr06{
padding:17.8% 0;
float:right;
top:0;
right:0;
width:50%;
background:url(../img/partners_imgf0602.jpg) center center no-repeat;
background-size:106%;
display:block;
}


@media screen and (min-width:1180px) {

section#partners_navf div,
section#partners_navf div{
padding:210px 0;
}

}


@media screen and (max-width:960px) {
section#partners_read{margin:0 auto; padding:70px 0 0;}

section#partners_read>p{width:68%;}

section#partners_mainlist ul{width:68%;}

section#partners_mainlist ul li a img.pname{width:93%;}

section#partners_mainlist ul li a img.padrs{
margin:12px auto 0;
width:27%;}


section#partners_area>div{ width:68%;}

section#partners_area>div h3{
margin:70px auto 0;
width:353px;
}

section#partners_area>div p.area{
margin:20px auto 0;
width:69px;
}

section#partners_area>div>img{margin:50px auto 0;}
section#partners_area>div>div{margin:60px auto 0;}

section#partners_area>div>div h4{
margin:0px auto 0 0;
padding:0px 0 0;
float:none;
clear:both;
width:320px;
text-align:left;
}
section#partners_area>div>div h4 img:nth-of-type(1){display:none;}
section#partners_area>div>div h4 img:nth-of-type(2){display:block;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;}



section#partners_area>div>div p.maintxt{
margin:40px auto 0;
float:none;
clear:both;
width:100%;
}

section#partners_area>div p.pdnti{
margin:70px auto 0;
width:250px;
}

section#partners_area>div p.psss{
margin:20px auto 0;
width:230px;
}

section#partners_area>div>img.sss{
margin:40px auto 0;
width:45%;
}


section#partners_area>div .cment div.wktclc{
top:0px;

}



section#partners_area>div .cment p{padding:60px 9% 40px;}


section#partners_nav{
padding:80px 0 0;}

section#partners_navf {margin:80px auto 0;}







}

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

section#partners_area>div .cment div.wktclc{
top:0px;

}


}

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

section#partners_read{margin:0 auto; padding:55px 0 0;}

section#partners_read>p{width:78%;}

section#partners_mainlist ul{width:78%;}

section#partners_mainlist ul li{width:100%;}

section#partners_mainlist ul li:nth-of-type(odd),
section#partners_mainlist ul li:nth-of-type(even){
float:none;
clear:both;
}

section#partners_mainlist ul li a img.pname{
margin:18px auto 0;
width:70%;}

section#partners_mainlist ul li a img.padrs{
margin:10px auto 0;
width:20%;}

section#partners_area>div{ width:78%;}

section#partners_area>div h3{
margin:60px auto 0;
width:252px;
}
section#partners_area>div p.area{
margin:15px auto 0;
width:60px;
}

section#partners_area>div>img{margin:45px auto 0;}

section#partners_area>div>div{margin:40px auto 0;}

section#partners_area>div>div h4{width:265px;}

section#partners_area>div>div p.maintxt{
margin:30px auto 0;
}



section#partners_area>div p.pdnti{
margin:55px auto 0;
width:178px;
}

section#partners_area>div p.psss{
margin:20px auto 0;
width:180px;
}

section#partners_area>div>img.sss{
margin:34px auto 0;
width:55%;
}



section#partners_area>div .cment div.wktclc{
top:-1px;
height:5px;

}

section#partners_area>div .cment p{
padding:60px 7% 40px;
}

section#partners_nav{width:78%;
padding:50px 0 0;}

section#partners_navf {margin:50px auto 0;}


section#partners_nav ul{
margin:0 auto;
width:300px;
}

section#partners_nav ul li:nth-of-type(1) img:nth-of-type(1),
section#partners_nav ul li:nth-of-type(2) img:nth-of-type(1),
section#partners_nav ul li:nth-of-type(3) img:nth-of-type(1){
display:none;
}

section#partners_nav ul li:nth-of-type(1) img:nth-of-type(2),
section#partners_nav ul li:nth-of-type(2) img:nth-of-type(2),
section#partners_nav ul li:nth-of-type(3) img:nth-of-type(2){
margin:0 auto;
display:block;
width:auto;
height:20px;
}

}


@media screen and (max-width:390px) {
section#partners_nav ul{
margin:0 auto;
width:100%;
}



section#partners_nav ul li:nth-of-type(1),
section#partners_nav ul li:nth-of-type(3){
width:30%;
}
section#partners_nav ul li:nth-of-type(2){
width:39%;
}

section#partners_nav ul li:nth-of-type(1) img:nth-of-type(2),
section#partners_nav ul li:nth-of-type(2) img:nth-of-type(2),
section#partners_nav ul li:nth-of-type(3) img:nth-of-type(2){
height:17px;
}


section#partners_area>div>div h4{width:245px;}

}


/*----------*/


#menu_bottom{

text-align:left;
position:relative;
overflow:hidden;
}

#menu_bottom ul{
margin:0 auto;
padding:0px;
text-align:left;
position:relative;
width:400px;

}

#menu_bottom ul li{
padding:0 0 0 10px;
float:left;
position:relative;
display:inline-block;
}
#menu_bottom ul li:first-child{padding:0;}

#menu_bottom ul li a{
padding:0 5px;
display:block;
height:18px;
}

#menu_bottom ul li a img{height:100%;}


footer{
padding:40px 0 0;
text-align:center;
width:100%;
background:url(../img/footer_back.jpg) center center no-repeat;
background-size: cover;
}
footer.bg_none{
background:none;
}

footer .yyk{ margin:60px auto 0; height:15px; text-align:center;}
footer .yyk img{ height:100%;}
footer .yyktel{ margin:25px auto 0; height:30px; text-align:center;}
footer .yyktel img{height:100%;}

footer .tetehokuto{
margin:40px auto 0;
border-top:1px solid #5a3d1b;
width:870px;
padding:30px 0 45px;
}


footer .tetehokuto ul{
float:left;
}

footer .tetehokuto ul li{
margin:0 40px 0 0;
float:left;
}
footer .tetehokuto ul li a{
display:block;
}
footer .tetehokuto ul li a img{
height:24px;
display:block;
}

small{
padding:5px 0 0;
float:right;
text-align:center;
display:block;
color:#5c3d0c;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
}



@media screen and (max-width:960px) {
footer{padding:50px 0 0;}
footer .yyk{ margin:0 auto; height:12px;}
footer .yyktel{ margin:25px auto 0; height:28px;}
footer .tetehokuto{
margin:0 auto;
border:none;
width:90%;
padding:55px 0 1em;
border:none;
}
footer .tetehokuto ul{
display:none;
}
small{
float:none;
clear:both;
text-align:center;}
}


@media screen and (max-width:600px) {
footer{padding:35px 0 0;}
footer .yyk{ height:12px;}
footer .yyktel{ margin:15px auto 0; height:16px;}

footer .tetehokuto{
padding:30px 0 1em;}


small{
padding:0px 0 0;
}

}



/*-------------------------*/

/*

#partners{
margin:0;

}

#box{
margin:0 auto;
padding:400px 0 0;
width:100%;

display:block;
background:url(../img/comingsoon.png) center 80% no-repeat #fbf2de;
background-size:210px auto;
}




footer#ptns_f{
bottom:0;
position:fixed;
}
*/

/*
---------------------------------------------------------------------------*/
header,
header>div,
header ul,
#top_read,
#top_lineup>div,
#top_reserve>div,
#menu_bottom ul,
#h_menu,
#h_menu>div,
section#top_about>div,
#top_menu .text_area>div,
section#top_partners>div,
#top_shop .text_area>div,
section#about_read>div,
section#shop_rsv>div dl,
section#shop_inf>div dl,
section#menu_lnc ul li,
section#menu_dnr ul li,
section#menu_drnk ul li,
section#partners_mainlist ul,
section#partners_nav ul,
section#partners_area>div>div,
section#partners_navf,
footer .tetehokuto,
footer .tetehokuto ul{
zoom:100%;
}

header:after,
header>div:after,
header ul:after,
#top_read:after,
#top_lineup>div:after,
#top_reserve>div:after,
#menu_bottom ul:after,
#h_menu:after,
#h_menu>div:after,
section#top_about>div:after,
#top_menu .text_area>div:after,
section#top_partners>div:after,
#top_shop .text_area>div:after,
section#about_read>div:after,
section#shop_rsv>div dl:after,
section#shop_inf>div dl:after,
section#menu_lnc ul li:after,
section#menu_dnr ul li:after,
section#menu_drnk ul li:after,
section#partners_mainlist ul:after,
section#partners_nav ul:after,
section#partners_area>div>div:after,
section#partners_navf:after,
footer .tetehokuto:after,
footer .tetehokuto ul:after{
content: "";
clear:both;
height:0;
display:block;
visibility:hidden;
}

.table_tags{
 margin: 0px auto 0;
 width: 700px;
 text-align: left;
 font-size: 1.1rem;
}
.table_tags table td{
 width: 170px;
}
@media screen and (max-width: 960px) {
	.table_tags{
		width: 68%;
	}
}
@media screen and (max-width: 600px) {
	.table_tags{
		width: 78%;
	 font-size: 1.0rem;
	}
}
.table_tags_list {
  padding:1px;
}
.table_tags_list ul {
  list-style:none;
}
.table_tags_list ul li {
  margin-bottom:8px;
  /*ここから追加*/
  text-indent:-1em;
  padding-left:1em;
}

/*
---------------------------------------------------------------------------*/