@charset "UTF-8";



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

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

.left{float : none;}
.right{float : none;}
#sp_pull_menu{display:none;}
body,
h1{width : 100%; min-width : 100%!important;　font-size: 1.0rem;}
body{font-size : 0.8rem; }
.main_size,
#search .main_size,
#news .box_size{width : 100%!important;overflow: hidden;}
html,body {  -webkit-text-size-adjust: none;}	
img{max-width : 100%!important;vertical-align: bottom; height : auto!important; }
.main_size{text-align : center!important;}
.sp_left{float : left;}
.sp_right{float : right;}



#sp_pull_menu,
#sp_menu_list{}

.subpage #header{display:none!important;}

.subpage #container{ padding-top :15%;}

#sp_header{width : 100%;border-bottom : solid #333 1px; position :fixed; top : 0; background : white;z-index : 9999;}
#sp_header .sp_left{width :43%; float : left; margin : 2% 3% 0;}
#sp_header img{width :100%; }
#sp_menu{display : block; width : 15%; float : right;}
#sp_btn{display : block; width : 26%; float : right; margin : 3% 3% 0;}

#main_image .copy_box .copy{width : 90%; margin : 0 auto; font-size :16px; line-height : 1.4;  color : white;text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);}
#main_image .copy_box{ padding : 16% 0 20% ; display:block; }
#main_image li{background-size : 100% auto; min-height : auto!important; display:block; background : none;}
#main_image li img.sp{display:block!important;}
#main_image li a{height : auto!important;  width : 100%;}
.bx-wrapper .bx-controls-direction a{width : 10%;}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom : 10px!important;}
.bx-wrapper .bx-controls-direction a{margin-top:-30px!important;}
#main_image{padding-top : 15%;}

#container{text-align : center; }
#search{padding : 5%;}
#search .main_size h2{text-align : center!important; margin : 0 25% 5%;}
#search .main_size h2 img{ max-width : 100%;}

#news{padding : 0 5%;}
#news .box_size h2{text-align : center!important; padding : 0 21% 4% ; margin-bottom : 5%;}
#news .box_size h2 img{ max-width : 100%;}
#news dl{text-align : left;}
#news dl dt{width : 100%; float:none; margin-bottom : 0.2em;}
#news dl dd{margin-left : 0;margin-bottom : 1em;}

#news table{margin : 0;}
#news table th{width : 100%; display:block; padding-bottom : 0.2em;}
#news table td{width : 100%; display:block;  padding : 0 0 1em; text-align : left;}



#footer{padding : 5%;}
#footer .sns_ber{position:relative;}
#footer .sns_ber .sp_left{width : 45%;}
#footer .sns_ber .sp_right{width : 50%;}
#footer .sns_ber .sp_right span{width : 25%;display:block; }


#sitemap {margin-bottom : 5%;}
#sitemap .sp_left,
#sitemap .sp_right{width : 45%!important; text-align : left;}
#sitemap .sp_right{margin-bottom : 2em;}
#sitemap ul{margin-bottom : 2em; width: 100% !important;}
#sitemap li{padding-right : 10px;}
#sitemap a{background : red;}
#copyright{text-align : center;}
@media only screen and (max-width: 320px) {
#sitemap a{font-size : 10px;}
}

.p_list{ padding : 3% 0 0; text-indent : 1em; display:none;}
.p_list li{text-align : left;}
#sp_pull_menu{position : absolute; top : 0; left : 0; width : 100%; background: rgba(0,0,0,0.75); z-index : 99999; }

#close_btn{width : 15%!important; margin : 0!important;}
#sp_menu_list{width : 85%; background : white; overflow: scroll;  background : white; padding-bottom : 100px;}
#sp_menu_list li{border-bottom : 1px solid #333;}
#sp_menu_list div{ padding : 5% 0 15%; text-align :center; width : 100%;}
#sp_menu_list div a{margin : 0 4%;}
#sp_menu_list div a img{width : 14%;}

#search_box{width : 100%;}
.sp_search_select{width : 100%!important;}

#sub_image{margin-bottom : 5%;}

#sub_image.shop_only{margin-bottom : 5%;position:relative;overflow: hidden; height : auto; min-width : 100%;}

#sub_image.shop_only .s_name{width : 100%; position:absolute; top : 0; }
#sub_image.shop_only .s_name h2{font-size : 24px; width : 90%;  margin : 0 auto; text-align : left; padding-top : 12%;}

#sub_image.shop_only .s_name h2 img{max-width : 50%!important;　line-height : 1.4;}



.sp_search_select h3{margin-bottom : 5%;}

.sp_tub_btn a{margin : 0 15% 8%; display:block;}
.sp_tub_btn a.active{background : url(../../shopsearch/img/sp_close_btn.gif) no-repeat center top;margin : 0 15% 8%; background-size : auto 100%;}
.sp_tub_btn a.active img{visibility:hidden;}

#shop_data_box_01_top,
#shop_data_box_02_top,
#shop_data_box_03_top{display:block; margin-top : -150px; padding-top : 150px;}

#shop_data_box_01{width : 100%!important;text-align : left; display:block;}
#shop_data_box_02,
#shop_data_box_03{width : 100%!important;text-align : left; display:none;}

#shop_data_box_01,
#shop_data_box_02,
#shop_data_box_03{border : 0; border-top : 0; margin-bottom : 5%;}

#shop_data_box_01 .space,
#shop_data_box_02 .space,
#shop_data_box_03 .space{padding: 3%;}

#shop_data_box_01 .left,
#shop_data_box_02 .left,
#shop_data_box_03 .left,
#shop_data_box_01 .right,
#shop_data_box_02 .right,
#shop_data_box_03 .right{width :100%; }

#shop_data_box_03 .data_list_box h3{padding : 0!important;}
.data_list_box dt{ padding : 0;}
.data_list_box ul{margin-bottom : 2em; padding : 0;}


.hide{display:none;}
.show{display:block;}
.list_sort{display:none;}

.data_list_box h3,
.data_list_box dt{margin-top:0; padding-top:10px;}

.data_list_box h3{margin : 0 0 10px;}

.shop_data h4{color : #6c5400;}
.shop_data .pc_left{width : 100%; float : none; min-height : auto!important;}
.shop_data .pc_right{margin:0; text-align:center; width : 100%;}
.shop_data .pc_right img{display:none;}
.shop_data dt{width : 25%; padding : 1em 0;}
.shop_data dd{margin-left : 25%; padding : 1em 0;}
.shop_data{ padding-bottom : 0;}
#g_map.p_a{position : static; top : 0; width : 99%; }

#g_map{width : 100%; height:100%;}
#g_map iframe{ width:98%!important; height:250px!important;}

#shop_data_box_01 .space .space, 
#shop_data_box_02 .space .space, 
#shop_data_box_03 .space .space{padding : 0;}


#sp_shop_guide p{margin-bottom : 5%; font-size : 14px;}

#gallery ul{text-align : center;}
#gallery li {width : 43%;}
#gallery li img{width : 100%;}



.food_menu_box{border :0; margin-bottom : 0;width : 94%; padding:0 3%;}

.food_menu_box h3{border-bottom : solid #333 4px; font-size : 27px; color : #a48646; text-align : center; padding : 10px 0; margin : 0 0 20px;}

.food_menu_box .clear .photo{width : 100%; float : none;}
.food_menu_box .clear .photo li{width : 48%; margin : 0 1%; display:inline-block;  min-height : 13em;}
.food_menu_box .clear .photo li img{width : 100%;}
.food_menu_box .clear .text_menu{width : 100%; float : none; }

.food_menu_box .clear .box_left{width : 100%; float : none; margin-bottom : 10px;}
.food_menu_box .clear .box_right{width : 100%; float : none; margin-bottom : 10px;}
.food_menu_box .clear .box_3{width : 100%; float : none; margin-bottom : 0; margin-left : 0; }
.food_menu_box .clear .box_3.w_240{width : 100%; margin-left : 0; }
.food_menu_box .clear .box_3 .text_menu{margin-bottom : 0;}
.food_menu_box .clear .box_3 .text_menu .b_sp{margin-bottom : 0;}

.food_menu_box .clear .box_3 .text_menu .b_sp2{margin-bottom : 6%;}

.sp_food_menu_select{text-align : center!important; margin : 0 0 5%; border-top : solid #aaa 2px; border-bottom : solid #aaa 2px; }
.sp_food_menu_select li{display:inline-table; font-weight:bold!important; padding : 3% 0; color:#6c5400; line-height:30px;}
.sp_food_menu_select li span{background : url(/wp-content/themes/jojoen/shop/img/arrow.gif) no-repeat right center; padding: 0 15px 0 5px; display: inline-block;}

#launch_menu dt{width : 100%; float : none;  height :auto;　text-align : center;}
#launch_menu dt img{width : 70%; margin : 0 15%;}
#launch_menu dd{margin-left : 0;  height :auto;}

#launch_menu.long dt,
#launch_menu.long dd{min-height : auto;}
#launch_menu.long dd p{margin-bottom:20px;!important}

.btn_reserve_form{padding : 5%; border-top : solid #333 1px; border-bottom : solid #333 1px; margin-bottom  : 5%;}

#shop_list_01{background : url(../../jojoen/img/jojoen_bg.jpg) ; padding : 5% 0;}
#shop_copy .main_size{text-align : left!important; font-size : 12px; line-height :22px;padding : 0 0 5% 0; width : 90%!important; margin : 0  0 0 5%; }
.shop_list .main_size .clear{padding : 0 5%;}
.shop_list .main_size .clear .left,
.shop_list .main_size .clear .right,
#shop_list_02 li{width : 90%!important; font-size : 16px; text-align : left;}
.shop_list .main_size .clear dd{margin-bottom : 3em;}

#shop_list_03 li{width : 90%!important; font-size : 16px; text-align : left;}

#shop_list_02{ padding : 7% 0 5%;}
#shop_list_02 ul{margin-bottom : 5%; text-align : center;}
#other_link li{width : 45%; margin : 0 auto;}
#other_link{padding : 10% 0;}
#other_link li a img{width : 100%;margin-bottom : 5%;}


#concept_main{padding : 10% 5% 2%; border-bottom : 0;}
#cms_box{padding-bottom : 0;}
#cms_box .cms_data {border-top : solid #cecece 1px; padding-top : 10%;}

#cms_box .cms_data .left{width : 100%;}
#cms_box .cms_data .left h3{text-align : left; border-bottom : 0; margin : 0 5% 5%; font-size : 18px; border-bottom : solid #cecece 1px; }
#cms_box .cms_data .left img{width :90%; margin-bottom : 5%; }
#cms_box .cms_data .right{width : 100%;}
#cms_box .cms_data .right h3{text-align : left; border-bottom : 0; margin-bottom : 0; font-size : 18px;padding : 5%;}
#cms_box .cms_data .right p{padding : 0 5%;}
#cms_box .cms_data h3 span{display:block;width : 100%; text-align : left;}
#cms_box .cms_data .right{text-align : left;}
#cms_box .cms_data .right div{text-align : center;}
.btn_more{padding : 0 5%;}
#shop_concept_main{padding : 10% 5%;}
#shop_concept_main p{padding : 0 10%;}


#shop_list_btn{margin-bottom : 5%;}
#shop_list_btn li{width : 100%; float : none; background-size:cover; height : auto; margin-bottom : 1%;}
#shop_list_btn li a{margin : 0 0; display:block; padding : 10% 0;}
#shop_list_btn li.bg_01{background : url(../../shop_top/img/shop_bg_01.jpg) no-repeat center center;}
#shop_list_btn li.bg_02{background : url(../../shop_top/img/shop_bg_02.jpg) no-repeat center center;}
#shop_list_btn li.bg_03{background : url(../../shop_top/img/shop_bg_03.jpg) no-repeat center center;}

#news_main{padding : 10% 5%; margin-bottom : 5%;}
#news_box #news_list{border : 0;}
#news_box #side_menu{width : 100%;}
#news_box #news_list{width : 90%; margin : 0 0 0 5%; padding : 0;}
#news_box .news_data .left{width : 25%!important; margin-right : 4%;float : left!important; background : blue;}
#news_box .news_data .left img{width : 100%!important;}
#news_box .news_data .right{width : auto!important; text-align : left;}
#news_box .news_data .btn_more{padding : 0;}
.category_select span{background : #6c5400; color : white; padding : 4px; float : right;}
.category_select {text-align : left; margin : 0 5% 5%; text-indent : 1em;}

.category_select.active{background : #2879ff; color : white;}
#news_box #side_menu ul{margin : 0 5%; text-align : left; position:absolute;background: white; width : 90%;}
#news_box #side_menu ul li{margin-left : 1em;}
#news_data .category{float : left;}
#news_data h3{width : 100%;}
#news_data .day{line-height : 30px; font-size : 20px; font-weight : bold;}
#news_data{width : 90%; margin : 0 0 5% 5%; text-align : left;}

#news_data a{font-size : 16px;}
.page_link .right{float : right;}
.page_link .left{float : left;}

.policy_text{padding :  5%; text-align : left!important; border : 0;}
.policy_text table{width : 100%;}
.policy_text ul,
.policy_text ol{padding : 0 0 1em 1em;}
.policy_text table th{width : 50%important;min-width : 50%;}
.policy_text table td{width : 50%important;}


#sitemap .sitemap_data{padding :  5%; text-align : left!important; border : 0;}
#sitemap .sitemap_data .left,
#sitemap .sitemap_data .right{width : 100%;}
#sitemap .right_ul{ margin-top:0px!important;}
#sitemap .sitemap_data ul{margin-bottom : 8%;}

#form_box{border : 0;margin-bottom : 10%;}
#contact_form .text p{text-align : left;}
#contact_form .text{padding : 0 5%;}
#form_box .space{padding : 5%;}
#form_box .space dt{width : 100%; float : none;text-align : left;}
#form_box .space dd{width : 100%; margin : 0 0 5%; background : none; padding-left : 0;text-align : left;}
#form_box .space dd input,
#form_box .space dd select,
#form_box .space dd textarea,
#form_box dd.w_10 input{width : 100%;}

#form_box dd.w_02 input{width :3em;}
#form_box dd.w_06 select{width : 4em; margin-bottom : 4px;}
#form_box dd.w_06 dl dd{margin : 0;}

#form_box dd.w_10 dt{float : none;}
#form_box dd.w_10 dd{width : 100%; margin : 0;}

#form_box dd.h_3{min-height : auto!important;}
#form_box dd.h_2{min-height : auto!important;}
#company_infomation .copy p{margin-bottom : 10%; padding : 0 5%;}
#company_infomation .company_data dl{padding : 0 5%;}
#company_infomation .company_data dl dt{font-weight : bold;width : 100%; padding : 10px 0 0; float : none; margin : 0; text-align : left; }
#company_infomation .company_data dl dt span{float : none;}
#company_infomation .company_data dl dd{border-top : 0px; width : 100%; padding : 0 0 10px; margin : 0; text-align : left;}

#member_box{padding : 0 5%;}
#member_box .main_size .member_flow{top : 0; margin-bottom : 5%; }
#member_box .main_size .member_flow h4{font-size : 18px;}
#member_box .main_size .member_flow .space li{width : 100%; margin : 0 0 10%;}


.list_sp{z-index: 2; display: block;padding-top : 90px; margin-top : -60px; }

#reserve_company_list {padding : 0 5%;}
#reserve_company_list .reserve_list{padding : 0;}
#reserve_company_list dl{margin : 0; padding : 0; text-align : left;}
#reserve_company_list dd{padding : 0 5%;}
#reserve_company_list dd p{width : 100%; padding : 0; margin : 0; text-align : left;}
#reserve_company_list dd .btn{top : 0; text-align : center; margin : 0 auto 5%; display:block; width : 100%;}
#reserve_company_list dd .btn a{margin : 5% auto 5%;display:block;  }

}