@media screen and (max-width: 768px) {
body { min-width:320px; padding:0; background:#fff; }

.contents { width:100% !important; padding:0 10px; min-width:auto; }

.sp_no, span.sp_no { display:none; }
.pc_no { display:block; }
br.pc_no { display:inline-block; }


/*---- HEAD/ ----*/
.sp_search { background:url(../img/i_search_w.png) no-repeat center center; background-size:22px; display:block; width:44px; height:32px; position:absolute; top:30px; right:50px; cursor:pointer; border-left:1px solid #cdf;}

.sp_menu { /*background:#dae6f4; background:rgba(8,81,192,0.2);*/ display:block; width:45px; height:32px; position:absolute; top:30px; right:5px; cursor:pointer; transition:ease-out 0.5s; border-left:1px solid #cdf; border-right:1px solid #cdf; }
.sp_menu.on { /*background:#3974cd;*/ }
.sp_menu .menu1 { width:20px; height:2px; background-color:#fff; position:absolute; top:7px; left:12px; } 
.sp_menu .menu2 { width:20px; height:2px; background-color:#fff; position:absolute; top:15px; left:12px; } 
.sp_menu .menu3 { width:20px; height:2px; background-color:#fff; position:absolute; top:23px; left:12px; } 
.sp_menu .menu1,.menu2,.menu3 { transition: all 0.5s ease-out; }
.sp_menu .menuclick1 { top:15px; left:12px; background-color:#fff; transform: rotate(-45deg); }
.sp_menu .menuclick2 { opacity:0; }
.sp_menu .menuclick3 { top:15px; left:12px; background-color:#fff; transform: rotate(45deg); }
.sp_menu .text { width:100%; color:#fff; font-size:8px; position:absolute; top:4px; text-align:center; }


/*--ヘッダ/--*/
.head { background:url(../img/bg_head01_sp.png) repeat-x bottom center; background-size:600px; height:80px; position:relative; z-index:2000; }
.top .head { margin:0 0 -30px 0; }
.head .contents { max-width:1100px; }

/*ロゴ*/
.t_title { position:absolute; top:10px; left:5px; width:210px; } 

/*言語*/
.select_lang { top:0; right:5px; width:90px; z-index:4000; }
.select_lang .easy-select-box .esb-displayer { background:#07d url(../img/i_pulldown_w.png) no-repeat right center; background-size:20px; color:#fff; font-size:0.8em; line-height:24px; }
.easy-select-box .esb-dropdown { background:#07d; padding:5px 0 0 0; margin:-9px 0 0 0; font-size:0.8em; line-height:1.5; border-radius:0 0 5px 5px; }
.easy-select-box .esb-dropdown .esb-item { padding:5px 8px; }

/*検索*/
.search_box { background:#f82; background:#4bf; background:#07d; top:80px; right:0; width:100%; padding:10px; z-index:300; box-shadow:0 2px 3px rgba(0,0,0,0.2); display:none; }
.search_box form { height:40px; line-height:40px; border:none; }
.search_box .search_form { height:40px; line-height:40px; }
.search_box .search_btn { width:40px; height:40px; }


/*SNS*/
.sns_box { display:none; }
.hm_box .sns_box { display:block; position:relative; top:auto; right:auto; padding:10px }
.sns_box .m_trip { margin:5px; }
.sns_box .m_fb { margin:5px; }
.sns_box .m_tw { margin:5px; }
.sns_box .fb { margin:5px; }
.sns_box .tw { margin:5px; }


/*---- MAIN SLIDER/ ----*/
.main_slider .bx-wrapper .bx-prev { display:none; }
.main_slider .bx-wrapper .bx-next { display:none; }
.ac_box { display:none;}
#counter { position:static; width:100%; display:none; /* jsでshow()する */ }

.main_slider .t_copy { top:auto; bottom:30px; left:5%; margin:0; width:90%; z-index:10; }


/*--ガイド--*/
.guide_box { /*display:none; position:absolute; top:80px; left:0; z-index:2000;*/  }
.guide_box .cl_box { padding:5px; }
.guide_box .contents { padding:15px 10px 20px 10px; }
.guide_box ul.gm { width:100%; }
.guide_box ul.gm li { display:inline-block; width:30%; margin:0 1.5% 10px 1.6%; padding:0; vertical-align:middle; }
.guide_box ul.gm li a { display:block; /*padding:10px 5px;*/ padding:10px 15px; }
.guide_box ul.gm li a img { width:100%; max-width:150px; height:auto; }
.guide_box ul.gm li a:hover { /*padding:7px 2px;*/ padding:6px 10px; background:rgba(255,255,255,0.6); /* margin:3px; border:3px solid #fff;*/ }

/*調整*/
.guide_box ul.gm li.wide_img a { padding:11px 3px; }
.guide_box ul.gm li.wide_img a img { max-width:150px; }
.guide_box ul.gm li.wide_img a:hover { padding:13px 5px; background:rgba(255,255,255,0.6); }
.hm li.wide_img a { padding:5px; }


.guide_box .cl_box { width:96%; margin:0 1.5% 20px 1.6%; }
.guide_box .cl_box h3 { padding:2px 30px; background:#f82 url(../img/arrow_r01.png) no-repeat 13px center; background-size:8px; }
.guide_box .cl_box h3.i_close { background:#f82 url(../img/arrow_d01.png) no-repeat 10px center; background-size:15px; }


/*--ニュース01/--*/
.news_box01 { background:url(../img/bg_news01_sp.png) repeat-x top center; background-size:1200px; margin:-30px 0 0 0; z-index:1000; }
.news_box01 h3 img { height:60px; /*margin:-10px 0 0 0; */}
.news_box01 .news_list { display:inline-block; width:46%; margin:0 1.5% 30px 1.5%; vertical-align:top; text-decoration:none !important; }
.news_box01 .news_list .photo { width:100%; text-align:center; margin:0 0 10px 0; }
.news_box01 .news_list .photo img { max-width:100%; border-radius:5px; }
.news_box01 .news_list .title { text-decoration:underline; }
.news_box01 .news_list .comment { display:none;}

/* .news_box01 .news_list:nth-of-type(n + 5) { display:none; }  スマホでも全件表示したいというクライアントの意向*/

/*--ニュース01 5個目以降の小アイコン /--*/
.moretopics_box_t { display:block; margin: 0 0 20px 0 !important;}
.moretopics_box { display:none; }
.moretopics_box .contents { padding:20px 0; }


/*--ニュース02/--*/
.news_box02_t { display:block; }
.news_box02 { display:none; background:/*url(../img/bg_news02.png) repeat-x top center,*/#8ce0ec url(../img/bg_news03.png) repeat-x bottom center; background-size:800px; }
.news_box02 .contents { padding:20px 0; }

.info_box { display:block; width:90%; margin:0 auto 20px auto; padding:10px; }

.info_box .tab { padding:0; margin:0 0 20px 0; list-style-type:none; letter-spacing:-.4em; }
.info_box .tab li { letter-spacing:normal; display:inline-block; width:25%; margin:0; padding:0; vertical-align:top; box-sizing:border-box; }
.info_box .tab li a { padding:10px 2px 20px 2px; font-size:0.8em; line-height:15px; text-align:center; }
.info_box .tab01 a { background:#fbb url(../img/arrow_d01.png) no-repeat center 45px; }
.info_box .tab02 a { background:#fdb url(../img/arrow_d01.png) no-repeat center 45px; }
.info_box .tab03 a { background:#ace url(../img/arrow_d01.png) no-repeat center 45px; }
.info_box .tab04 a { background:#bbb url(../img/arrow_d01.png) no-repeat center 45px; }
.info_box .tab01.selected a, .info_box .tab01:hover a { background:#f33 url(../img/arrow_d01.png) no-repeat center 45px; background-size:15px; }
.info_box .tab02.selected a, .info_box .tab02:hover a { background:#f82 url(../img/arrow_d01.png) no-repeat center 45px; background-size:15px; }
.info_box .tab03.selected a, .info_box .tab03:hover a { background:#07d url(../img/arrow_d01.png) no-repeat center 45px; background-size:15px; }
.info_box .tab04.selected a, .info_box .tab04:hover a { background:#888 url(../img/arrow_d01.png) no-repeat center 45px; background-size:15px; }

.info_box .panel { padding:0; margin:0; z-index:100; }
.info_box .panel li { list-style-type:none; padding:5px 15px 2px 15px; margin:0; color:#333; }
.info_box .panel dl { padding:0; margin:0 0 10px 0; line-height:1.5; }
.info_box .panel dl::after { content:"."; display: block; clear:both; height:0; visibility: hidden; }
.info_box .panel dl dt { position:relative; float:none; width:100%; color:#999; font-size:0.9em; padding:0; margin:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.info_box .panel dl dd { margin-left:0; padding:5px 0; }
.info_box .panel dl a { padding:0; background:none; }
.info_box .panel .more { display:block; text-align:right; padding:10px 0; font-size:0.9em; line-height:1em; border-top:1px solid #ccc; }
.info_box .panel .more a { background:url(../img/arrow_r03.png) no-repeat left center; background-size:6px; background:url(../img/i_arrow_g02.png) no-repeat left center\9; padding-left:15px; border:none; }
.info_box .panel .more a:hover { filter:alpha(opacity=70); opacity:0.7; }
 

.tw_box { display:block; margin:auto; width:90%; }

/*--通販/--*/
.shop_box_t { display:block; }
.shop_box { background-size:1800px; background:none; }
.shop_box .contents { padding:0 20px 20px 20px; box-sizing:border-box; }
.shop_box h3 { display:none; }
.shop_box h3 img { height:50px; width:auto; border:none; }
.shop_box a { width:46%; margin:0 2% 30px 2%; }
.shop_box a img { width:100%; height:auto; }

.uresuji_box { display:inline-block; position:relative; width:100%; height:auto; padding:30px 0 5px 3px; margin:0 0 20px 0; vertical-align:top; background:#fff; border:3px solid #f63; border-radius:6px; box-sizing:border-box; }
.uresuji_box h4 { top:-20px; left:0; }
.uresuji_box h4 img { width:90%; }
.uresuji_box iframe { width:100%; }



/*--広告エリア01/--*/
.ad_box01 ul li { display:inline-block; width:150px;  }
.ad_box01 ul li a img { width:100%; margin:0; height:auto; }


/*--広告エリア02/--*/
.ad_box02_t { display:block; }
.ad_box02 { margin:20px auto }
.ad_box02 a { float:left; display:inline-block; letter-spacing:normal }
.ad_box02 a img { width:150px; margin:0; height:auto; }

/*--バナーエリア01/--*/

/*--バナーエリア02/--*/
.b_box02 { border-top:20px solid #fff; border-bottom:20px solid #fff; }

/*--バナーエリア03/--*/
/*.b_box03 { display:none }*/



/*--フッタ/--*/
.f_box {  }
.fm { padding:10px; font-size:0.9em; letter-spacing:-.4em; }
.fm a { letter-spacing:normal; display:inline-block; padding:0 15px; border-left:1px solid #ccc;  }
.fm + .l_02 { display:none; }
.cr_box { display:none; }

.address { padding:100px 20px 20px 20px; background:url(../img/mark.png) no-repeat center 20px; background-size:50px; line-height:1.5; }
.medama { display:none; }
.copyright { text-align:left; }
.pagetop { display:block; width:50px; height:50px; background:#07d url(../img/arrow_u01.png) no-repeat center 20px; background-size:16px; position:fixed; right:0; bottom:-10px; border-radius:30px 30px 0 0;}


/*--TEMPLATE--*/
.article { display:inline-block; width:100%; padding:0 15px; margin:0 0 20px 0; }
.side { width:100%; padding:0 15px 30px 15px; margin:0; }
.side ul {  }
.side ul li { width:50%; }
.side ul li a { white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }


/*--ヘッダメニュー--*/
.hm_box { position:absolute; top:0; width:100%; z-index:100; display:none; background:#4bf; background:#07d; box-shadow:0 2px 3px rgba(0,0,0,0.2); }
.top .hm_box { top:30px; z-index:100; }
.hm { padding:5px 2%; z-index:100; margin:0; }
.hm li { width:30%; margin:1%; }
.hm li a { display:block; width:100%; padding:5px; border-radius:5px; border:none; }
.hm li a img { max-width:80px; max-height:64px; height:auto; }
.hm li a:hover { /*padding:0 7px;*/ }

/*お問い合わせ*/
.h_contact { position:relative !important; top:auto; right:auto; padding:15px 4%; margin:0; list-style-type:none; -sizing:border-box; }
.h_contact li { display:inline-block; width:48%; margin:1%; box-sizing:border-box; border:1px solid #fff;border-radius:5px; }
.h_contact li a { display:block; color:#fff; line-height:45px; font-size:1em; text-decoration:none; }


.navibar { padding:5px 10px; margin:0; z-index:10; }
.navibar .b_print { display:none; }

.index_box { width:100%; margin:0 0 10px 0; }
.index_box .icon { width:80px; height:80px; }


.temp .article img { max-width:100%; height:auto; }

/*---- リストデザイン ----*/

.list li { width:48%; margin:0.5%;}
.list li a { display:block; font-size:0.9em; padding:6px 6px 6px 30px; border:1px solid #bbb; background:url('../img/i_link.png') no-repeat 14px center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing:border-box;}
.list li a:hover { padding:4px 4px 4px 28px; border:3px double #bbb; }


/*---- 画像回り込みセット ----*/
.box_l { width:100%; margin:0 auto 20px auto; }
.box_l .photo { float:none; width:100%; max-width:100%; margin:0 auto 10px auto; display:block; }
.box_l .photo img.no { width:auto !important; height:auto; }
.box_l .txt { float:none; width:100%; }

.box_r { width:100%; margin:0 0 40px 0; }
.box_r .photo { float:none; width:100%; margin:0 auto; display:inline; }
.box_r .photo img { width:96%; margin:0 10px 10px 10px; padding:0; height:auto; }
.box_r .photo img.no { width:auto !important; height:auto; }
.box_r .txt { float:none; width:100%; padding:0; display:inline; overflow:hidden; }


/*2列ボックス*/
.LR_box { float:none !important; width:100% !important; margin:0; padding:0 0 1.2em 0; }

/*3列ボックス*/
.LCR_box { float:none !important; width:50% !important; margin:0; padding:0 0 1.2em 0; }


/*ページ内リンク*/
ul.page_link li { float:none !important; width:100% !important; }


/*---- INDEX ----*/
h1, h2 {font-size:1.4em; margin:0px; line-height:1.5; }
h3, h4, h5, h6, h7 {font-size:1.2em; margin:0px; line-height:1.5; }
h1 { font-size:1.6em !important; }
h2 { margin:0 0 10px 0; font-size:1.6em !important; }
h3 { margin:0 0 10px 0; font-size:1.4em !important; }
h4 { margin:0 0 10px 0; font-size:1.2em !important; }
h5 { font-size:1.0em !important; }


/*幅の広いテーブルにスクロール表示　事前にtableにclass="tbl_w"をつけておく*/
.scroll{ overflow:auto; white-space: nowrap;/*tableのセル内にある文字の折り返しを禁止*/ margin-bottom:20px;}
.scroll::-webkit-scrollbar{ height:10px; /*tableにスクロールバーを追加*/}
.scroll::-webkit-scrollbar-track{ background:#e1d7be; /*tableにスクロールバーを追加*/}
.scroll::-webkit-scrollbar-thumb { background:#c5ac8c;/*tableにスクロールバーを追加*/}
.scroll table { margin-bottom:5px !important; }

/* サイトマップ */
.nmlList { float:none; }

}

@media screen and (max-width : 620px){
/*--通販/--*/
.uresuji_box iframe { height:320px;  }
}

@media screen and (max-width : 480px){
/*--通販/--*/
.uresuji_box iframe { height:480px; }
}