/*
Theme Name: Oigen Theme -2019
Author: Giko System
Version: 1.5
*/
@charset "utf-8";
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; font-size: 62.5%; }
body { width: 100%; -webkit-text-size-adjust: 100%; padding-top: 100px;
font-family: 'Cochin', 'Simonetta','KozMinPr6N-ExtraLight', 'KozMinPro-ExtraLight', 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'ヒラギノ明朝 W3 JIS2004', 'Hiragino Mincho W3 JIS2004', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', Times, serif; background-color:#fff; overflow: visible; color: #525658; user-select: none; -webkit-touch-callout: none; webkit-user-select: none;}
body.zh-TW { font-family: 'Cochin', 'Simonetta','Noto Serif TC','KozMinPr6N-ExtraLight', 'KozMinPro-ExtraLight', 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'ヒラギノ明朝 W3 JIS2004', 'Hiragino Mincho W3 JIS2004', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', Times,  serif; }

.clear {clear:both;}
.pc { display: block; }
.sp { display: none; }
br.pc { display: inline; }
br.sp { display: none; }
br.title { display: none; }
h1 br.title { display: inline-block; }
.f_12 { font-size: 1.2rem; }
.f_14 { font-size: 1.4rem; }
.f_15 { font-size: 1.5rem; }
.f_16 { font-size: 1.6rem; }
.f_18 { font-size: 1.8rem; }
.f_20 { font-size: 2.0rem; }
.f_22 { font-size: 2.2rem; }
.f_24 { font-size: 2.4rem; }
.f_30 { font-size: 3.0rem; }
.f_36 { font-size: 3.6rem; }
.f_42 { font-size: 4.2rem; }
.f_48 { font-size: 4.8rem; }
.l_1 {line-height: 1.0}
.l_14 {line-height: 1.4 }
.l_15 {line-height: 1.5 }
.l_16 {line-height: 1.6 }
.l_18 {line-height: 1.8 }
.l_20 {line-height: 2.0 }
.text-primary{color:#1D7EA2; }

.text-secondary{color:#E4597D; }

.text-success{color:#37A362; }

.text-danger{color:#DA0D42; }

.text-warning{color:#DAC40D; }

.text-info{color:#586197; }
.bold{font-weight:bold; }
.space_nr { letter-spacing:-2px; }

ol, ul, li { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }
q, blockquote { quotes: none; }
a img { border: none; }
.bgimg100 { background-size: 100% auto; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
h1, h2, h3, h4, h5, h6,p, ul, ol, dl, blockquote, pre { font-size: 100%; }
em { font-style: normal; font-weight: bold; }
button,
input[type="button"],
input[type="reset"],
input[type="submit"] { margin: 0; padding: 0; border: 0; background-color: transparent; }
input[type="text"],
input[type="email"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 24px; padding: 2px; border-width: 1px; border-style: solid; border-color: #b2b2b2; line-height: 18px; }
input[type="checkbox"] { vertical-align: middle; }
a, a:link, a:visited, a:active { opacity: 1; color: #525658; text-decoration: none; }
a:hover { opacity: 0.8; text-decoration: none; }
.f_red { color: #e60012; }
.f_white { color: #fff; }
span.block { display: block; }
.al_center { text-align: center; }
.al_right { text-align: right; }
.al_left { text-align: left; }
.mg_auto { margin-left: auto; margin-right: auto; }
/* flex */
.flex, .flex_pc { display: flex; }
.flex_sp_btw { justify-content: space-between; }
.flex_wrap { flex-wrap: wrap; }
.flex_center { justify-content: center; }
.flex_reverse { flex-direction: row-reverse; }
/* クリアフィックス */
.cf { *zoom: 1; }
.cf:after { content: ""; display: table; clear: both; }
/* ページ内リンク固定ヘッダー分調整 */
#wrapper section { margin-top:-100px; padding-top: 100px; }
/* width */
.ww_wide { width:100%; max-width: 1440px; margin: 0 auto; }
.w_wide { width: 86.1%; max-width: 1240px; margin: 0 auto; }
.w_wide .w_wide { width: 100%; }
.w_narrow { width: 770px; margin: 0 auto; padding-bottom: 200px; }
.w_narrow2 { width: 612px; margin: 0 auto; padding-bottom: 200px; }
.w_narrow3 { width: 460px; margin: 0 auto; padding-bottom: 200px; }
.w_narrow4 { width: 960px; margin: 0 auto; padding-bottom: 90px; }
.body { font-size: 14px; font-size: 1.4rem; line-height: 1.8; text-align: justify; text-justify: inter-ideograph; }

.head1 { padding-top: 150px; text-align: center; font-weight: 200; }
.head2 { padding-top: 180px; font-weight: 400; }
/* header */
header { position: fixed; left: 0; top: 0; width: 100%; height: 100px; margin: 0 auto; background-color: #fff; text-align: center; z-index: 998; }
header .inner { position: relative; width: 86.1%; max-width: 1240px; text-align: center; padding: 0; }
.headlogo { width: 101px; margin: 0 auto; padding-top: 41px; }
.headlogo span { display: block; width: 100%; height: 27px; overflow: hidden; }
.headlogo a { display: block; width: 100%; height: 0; padding-top: 40px; background: url(images/common/header_logo.svg) center top no-repeat; background-size: 101px auto; }
#header_navi { position: absolute; right: 100px; top: 40px; font-size: 12px; font-size: 1.2rem; z-index: 10; }
.en-US #header_navi { top: 38px; font-size: 16px; font-size: 1.6rem; font-weight: 500;}
#header_navi li:before { content: '・'; }
#header_navi li a { color: #000; }
.en-US #header_navi li:before, .zh-TW #header_navi li:before  { content: '|';display: inline-block; padding: 0 5px; }
#header_navi li:first-child:before { content: ''; }
#bt_navi { position: absolute; left: 0; top: 38px; width: 35px; height: 25px; overflow: hidden; }
#bt_navi a { display: block; width: 100%; height: 0; padding-top: 30px; background: url(images/common/bt_menu.png) left top no-repeat; }
#bt_lang { position: absolute; right: 0; top: 41px;  z-index: 50; background-color: #fff;}
#bt_lang ul { width: 87px; height: 25px; overflow: hidden; }
#bt_lang li { width: 24px; height: 20px; margin-bottom: 5px; overflow: hidden; }
#bt_lang li:nth-of-type(3) { width: 27px;}
#bt_lang li a { display: block; width: 100%; height: 16px; opacity: 0.7; font-size: 1.4rem; color: #000; line-height: 1; letter-spacing: 0.1em; }
.ja #bt_lang li:nth-of-type(1) a, .en-US #bt_lang li:nth-of-type(2) a, .zh-TW #bt_lang li:nth-of-type(3) a { opacity: 1; border-bottom: 1px #474b44 solid; }
#bt_lang li a:hover { opacity: 1.0; border-bottom: 1px #474b44 solid; }
#bt_lang li.current a:hover { opacity: 0.5; border-bottom: 1px #474b44 solid; }
#main_nav { display: none; position: absolute; left: 0; top: 0; width: 100%; height: auto; padding: 20px 0 50px; background-color: #fff; text-align: center; z-index: 9999; overflow: scroll-y; }
#main_nav .bt_close { margin: 50px auto; height: 39px; text-align: center; background: url(images/common/bt_close.png) center center no-repeat; overflow: hidden; }
#main_nav .bt_close span{ display: block; height: 0; padding-top: 39px; }
#header_menu { width: 100%; max-width: 600px; margin: 0 auto 50px; text-align: left; }
#main_nav .menu-item span { display: block; }
#main_nav .menu-item a { display: block; font-size: 1.8rem; padding: 18px; line-height: 1; }
#main_nav .menu-item span:hover,#main_nav .menu-item span a:hover { background-color: #cbcccd; color: #fff; opacity: 1; }
#main_nav .menu-item.menu-item-has-children span { cursor:pointer; position: relative; }
#main_nav .menu-item.menu-item-has-children span:after { content: ''; position: absolute; display: block; right: 20px; top: 50%; width: 20px; height: 20px; margin-top: -10px; background: url(images/common/bt_s_open.png) center center no-repeat; }
#main_nav .menu-item-has-children span.on { background-color: #cbcccd; color: #fff; }
#main_nav .menu-item-has-children span.on a { color: #fff; }
#main_nav .menu-item-has-children span.on:after { background-image: url(images/common/bt_s_close.png); }
#main_nav .menu-item.menu-item-has-children ul { display: none; }
#main_nav .menu-item.menu-item-has-children .menu-item span { padding-left: 68px; }
#main_nav .menu-item.menu-item-has-children .menu-item span:after { display: none; background: none; }

#main_nav #menu-item-7860.menu-item.menu-item-has-children ul li#menu-item-13856,#main_nav #menu-item-7860.menu-item.menu-item-has-children ul li#menu-item-13858 { display: none; }

#main_nav .snslink { width: 150px; height: 27px; margin: 75px auto; }
#main_nav .snslink li { display: block; width: 26px; height: 27px; overflow: hidden; }
#main_nav .snslink li span { display: block; width: 100%; height: 0; padding-top: 27px; background-position: center center; background-repeat: no-repeat; background-size: 100% auto; }
.snslink li:first-child span { background-image: url(images/common/i_fb2020.png); }
.snslink li:nth-of-type(2) span { background-image: url(images/common/i_ig2020.png); }
.snslink li:nth-of-type(3) span { background-image: url(images/common/i_yt2020.png); }
/* breadcrumb list */
#breadcrumb { padding-top: 0; padding-bottom: 0; }
_:-ms-lang(x)::backdrop, #breadcrumb { margin-top: 10px; }
#breadcrumb li a { text-decoration: underline; }
#breadcrumb li:before { content: '・'; padding: 0 10px; } 
.en-US #breadcrumb li:before, .zh-TW #breadcrumb li:before { content: '|'; } 
#breadcrumb li:first-child:before { content: ''; padding: 0; } 
/* center menu (EN/ZH) */
#center_menu_box { margin: 50px auto 70px; }
.center_menu li { display: block; padding: 0 25px; border-left: 1px #525658 solid; }
.center_menu li.nofmenu { display: none; }
.center_menu li:last-child { border-right: 1px #525658 solid; }

/* footer */
footer { clear: both; padding: 0 0 100px; border-top: 1px #cacbcc solid;  }
.foreign footer { border-top: none;  }
footer .h2 { font-size: 3.0rem; }
.foreign footer .h2 { font-size: 1.8rem; }
footer #ft_shop_navbox { padding-top: 85px; padding-bottom: 90px; }
.foreign footer #ft_shop_navbox { padding-bottom: 45px; }
footer #ft_shop_main { width: 46.4%; max-width: 576px; }
footer #ft_prod_img { width: 100%; max-width: 576px; padding: 45px 0 0 0; text-align: right; }
.foreign footer #ft_prod_img { width: 50%; max-width: 620px; padding: 0; text-align: left; }
footer #ft_prod_img img { width: 100%; max-width: 496px; height: auto; }
.foreign footer #ft_prod_img img { width: 100%; max-width: 620px; height: auto; }
footer #ft_shop_nav { width: 47.6%; max-width: 590px; }
footer #oigencopy { padding-top: 85px; padding-bottom: 50px; }
footer .menu_container li { width: 150px; padding-bottom: 70px; font-size: 12px; font-size: 1.2rem; }
.foreign footer .menu_container li { padding-bottom: 85px; font-size: 14px; font-size: 1.4rem; }
footer .menu_container .menu-item span{ display:block; padding-bottom: 1.5em; }
footer .menu_container .sub-menu { border-top: 1px #cacbcc solid; padding-top: 0.2em }
footer .menu_container .sub-menu .menu-item { margin-bottom: 0; padding: 1.1em 0 0; }
footer .menu_container .sub-menu .nolink.menu-item { padding-bottom:2em; }
footer .menu_container .sub-menu .nolink.menu-item > span > a:hover { cursor: default; opacity:1; }
footer .menu_container .sub-menu .nolink.menu-item > ul { border-top:none; }
footer .menu_container .sub-menu .nolink.menu-item li { margin-left:1em; }
footer .menu_container .sub-menu .menu-item span{ display: inline; border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
footer .menu_container li.nofmenu { display: none; }
footer #ft_company_info .flex_pc:first-child { width: 70.3%; max-width: 786px; } 
footer #ft_company_info .flex_pc:last-child { width: 29.7%; max-width: 368px; } 
.foreign footer #ft_company_info .flex_pc { width: 44%; max-width: 546px; padding-top: 14px; justify-content: space-between; } 
#ft_logo { width: 24.7%; max-width: 215px; height: 96px; overflow: hidden; }
.foreign #ft_logo { width: 33%; max-width: 180px; height: 172px; overflow: hidden; }
#ft_logo span { display: block; width: 70px; height: 0; padding-top: 110px; background: url(images/common/logo.svg) center top no-repeat; background-size: 100% auto; }
.foreign #ft_logo span { width: 90px; height: 0; padding-top: 180px; }
footer address { width: 75.3%; max-width: 653px; margin-top: -1em; padding-bottom: 50px; line-height: 2.0; }
.foreign footer address { width: 67%; max-width: 370px; padding-bottom: 0; line-height: 1.5; }
footer address .company_name { font-size: 24px; font-size: 2.4rem; font-weight: bold; letter-spacing: 0.1em; }
.foreign footer address .company_name { padding-bottom: 1em; }
footer address .company_address { font-size: 16px; font-size: 1.6rem; }
.en-US footer address .company_address { font-size: 18px; font-size: 1.8rem; }
footer address .company_address:before { content: "〒"; }
.en-US footer address .company_address:before { content: ""; }
footer address .company_tel { font-size: 30px; font-size: 3rem; margin: -0.3em 0 -0.2em; }
footer address .company_tel:before { content: "電話 "; font-size: 18px; font-size: 1.8rem; }
footer address .company_openclose, footer #ftcominfo .company_timenote { font-size: 14px; font-size: 1.4rem; }
footer address .company_openclose:before { content: "受付時間 "; font-size: 12px; font-size: 1.2rem; }
.en-US footer address .company_openclose:before { content: "business hours  "; font-size: 18px; font-size: 1.8rem; }
footer address .company_timenote { font-size: 1.2rem; }
footer .snslink { width: 215px; height: auto;}
.foreign footer .snslink { width: 30%; display: flex; justify-content: space-between; }
.foreign footer .snslink li { width: 150px; }
footer .snslink li span { display: block; height: 21px; margin-bottom: 1em; padding-top: 6px; padding-left: 34px; background-position: left center; background-repeat: no-repeat; background-size: 26px auto; font-size: 14px; font-size: 1.4rem; font-style: italic; }
footer #ft_small_nav.menu_container .sub-menu { border-top: none; padding-top: 2px; line-height:1.4;}
.foreign footer #ft_small_nav.menu_container .sub-menu { padding-top: 30px; }
footer #ft_small_nav .sub-menu .menu-item:first-child { padding-top: 0; }
footer #ft_copy { padding-left: 70.2%; font-size: 1.2rem; line-height: 1.5; }
.foreign footer #ft_copy { margin-top: -1em; padding-left: 0; text-align: right; }

/* relatedbox */
#relatedbox { margin: 90px auto 90px; }
#relatedbox .h2 { font-size: 1.8rem; }
#relatedbox section { padding-top: 40px; font-size: 1.8rem; }
.photobox { position: relative; width: 23.8%; max-width: 295px; height: 480px; }
#relatedbox .photobox { margin-right: 1.6%; }
.photobox img { width: 100%; height: auto;; }
#relatedbox .photobox:nth-of-type(4n+4) { margin-right: 0; }
.photobox p:nth-of-type(1) { width: 100%; height: auto; overflow: hidden; }
#relatedbox p:nth-of-type(1) a:hover { opacity: 0.8; }
.photobox p:nth-of-type(2) { position: absolute; left: 0; top: 0; display: inline; padding-top: 2px; font-size: 30px; font-size: 3rem; color: #fff; }
.photobox p:nth-of-type(2) a { color: #fff; }
.photobox p:nth-of-type(3) { height: 1em; font-size: 12px; font-size: 1.2rem; padding-top: 0.8em; opacity: 0.6; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.photobox p:nth-of-type(4) { height: 1em; font-size: 12px; font-size: 1.2rem; padding-top: 0.8em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.photobox .colorover { display: block; width: 100%; }
.photobox .colorover a { display: block; width: 100%; height: 0; padding-top: 135%; background-color: #f8b100; opacity: 0; }
.photobox .colorover a:hover { opacity: 0.1; }
/* title_lead */
#title_lead { width: 66.6%; max-width: 960px; margin: 0 auto; }
.title_lead2 { width: 66.6%; max-width: 960px; margin: 1em auto 0; }
/* topindexbox */
#topindexbox { padding-top: 50px; justify-content: center; }
#topindexbox .itembox { width: 33.3%; max-width: 480px; height: 54vw; max-height: 770px; margin-bottom: 90px; position: relative; text-align: center;}
#topindexbox .itembox .itemhead2 { font-size: 3.0rem; margin-top: 42px; }
#topindexbox .itembox .itemhead2 span { display: block; font-size: 1.2rem; font-weight: bold;}
.category-enjoy #topindexbox .itembox .itemhead2 span { padding-top: 0.5em; }
#topindexbox .itembox .itemtxt { width: 75%; max-width: 360px; font-size: 1.2rem; line-height: 2.0; margin: 40px auto 0; text-align: left;}
#topindexbox .itembox .to_list { position: absolute; right: 60px; bottom: 0; width: 360px; text-align: right; font-weight: bold; font-size: 1.4rem; font-weight: 500;}
#topindexbox .itemimg { width: 100%; max-width: 480px; height: auto; max-height: 480px; overflow: hidden; }
#topindexbox .itemimg img { width: 100%; height: 100%; overflow: hidden; }
#topindexbox a:hover { opacity: 1.0; }
#topindexbox a .itemimg img { -moz-transition: -moz-transform 0.8s ease-out; -webkit-transition: -webkit-transform 0.8s ease-out; transition: transform 0.8s ease-out; }
#topindexbox a:hover .itemimg img { -moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); }
#topindexbox .itemimg a img { -moz-transition: -moz-transform 0.8s ease-out; -webkit-transition: -webkit-transform 0.8s ease-out; transition: transform 0.8s ease-out; }
#topindexbox .itemimg a:hover img { -moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 1.0; }
@media screen and (max-width: 1440px) {
#topindexbox .itemimg { max-width: 33vw;  max-height: 32vw; }
}

/* iPad */
@media screen and (max-width: 1113px) {
body { width: 100%; scroll-x: none; }
.f_24 { font-size: 2.4vw; }
.f_28 { font-size: 2.8vw; }
.f_30 { font-size: 3.0vw; }
.f_36 { font-size: 3.6vw; }
.f_42 { font-size: 4.2vw; }
.f_48 { font-size: 4.8vw; }
.img100 img, img.img100 { width: 100%; height: auto; }
header .inner, footer, #relatedbox, .head1 { width: 86vw; }
.ww_wide { width: 100%; }
.w_wide { width: 86vw; padding-left:0; padding-right: 0;}
.w_narrow,.w_narrow2,.w_narrow3 { width: 86vw; padding-bottom: 8.1vw; }
.w_narrow2 { max-width: 612px; }
.w_narrow3 { max-width: 460px; }
/* header */
header { width: 100%; min-width: 300px; }
#header_navi { right: 0; top: auto; bottom: -20px; width: 100%; }
.en-US #header_navi { top: 50px; }
#header_navi .flex { width: 100%; justify-content: flex-end; }
.headlogo { padding-top: 21px; }
#bt_navi { top: 18px; }
#bt_lang { top: 21px; }
#header_menu { width: 86%; }
/* breadcrumb list */
#breadcrumb.flex { flex-wrap: wrap; line-height: 1.4 }
/* footer */
footer .h2 { font-size: 3.0vw; }
.ja footer #ft_shop_navbox.flex_sp_btw { flex-wrap: wrap; justify-content: center; }
footer #ft_shop_main { width: 86vw; max-width: 86vw;  }
footer #ft_shop_nav { width: 100%; max-width: 706px; }
footer .menu_container li { width: 28%; }
footer .menu_container li li { width: 100%; }
footer #ft_shop_nav.menu_container li { width: 30%; }
footer #ft_shop_nav.menu_container .sub-menu { width: 100%; display: flex; flex-wrap: wrap; }
footer #ft_shop_nav.menu_container .sub-menu li { width: 100%; }
footer #ft_prod_img, .foreign footer #ft_prod_img { width: 86vw; max-width: 86vw; padding: 45px 0; text-align: center; }
	footer #ft_prod_img img { width: 100%; max-width: 496px; height: auto; }
.foreign footer #ft_prod_img img { width: 100%; max-width: 706px; height: auto; }
footer #ft_main_menu.flex_sp_btw { flex-wrap: wrap; width: 100%; margin:0 auto; }
footer #ft_company_info.flex.flex_sp_btw { flex-direction: column-reverse; flex-wrap: wrap; justify-content: center; }
.en-US footer #ft_company_info.flex.flex_sp_btw { flex-direction: column; }
footer #ft_company_info .flex_pc:first-child, .en-US footer #ft_company_info .flex_pc:nth-of-type(1) { width: 100%; max-width: 100%; } 
footer #ft_company_info .flex_pc:last-child { width: 100%; min-width: 515px; max-width: 100%; margin: 0 auto 80px; left: 24.7%; }
.en-US footer #ft_company_info .flex_pc { justify-content: flex-start; width: 100%; margin-bottom: 0; }
#ft_logo { min-width: 120px; }
footer address { width: auto; max-width: 100%; margin-top: -1em; padding-bottom: 50px; line-height: 2.0; }
.en-US footer address { margin-top: 0; padding-bottom: 0; }
footer #ft_small_nav { width: 55vw; }
footer #ft_small_nav ul { width: 100%; display: flex; flex-wrap: wrap; }
footer #ft_small_nav.menu_container li { width: 57%; padding: 0 0 1.5em; }
.en-US footer #ft_small_nav.menu_container li { padding-bottom: 0; }
footer #ft_small_nav.menu_container li:nth-of-type(even) { width: 43%; }
footer .snslink { width: 45vw; }
footer #ft_copy { text-align:right; padding-left: 0; width: 100%; }
.foreign footer .snslink { width: auto; justify-content: flex-end; }
.foreign footer .snslink li { width: 120px; }
/* relatedbox */
#relatedbox .h2 { font-size: 1.8vw; }
#relatedbox section { font-size: 1.8vw; }
.photobox { width: 20.5vw; height: 37vw; }
#relatedbox .photobox { margin-right: 1.3vw; }
.photobox p:nth-of-type(2) { font-size: 3.0vw; }
.photobox p:nth-of-type(2) a { color: #fff; }
/* topindexbox */
#title_lead { width: 86vw; margin: 0 auto; }
#topindexbox { width: 100%; max-width: 960px; margin: 0 auto 30px; }
#topindexbox .itembox { width: 50%; max-width: 480px; height: auto; }
#topindexbox .itembox .itemhead2 { font-size: 3.0vw; /*margin-top: 42px;*/ }
#topindexbox .itembox .itemtxt { width: 75%; max-width: 360px; height: 10em;}
#topindexbox .itembox .to_list { right: 12%; width: 75%; }
#topindexbox .itemimg { width: 100%; max-width: 480px; height: auto; max-height: 480px; }
#topindexbox .itembox img { width: 100%; height: auto; }
}

@media screen and (max-width: 767px) {
	.foreign footer .snslink li { width: 26px; overflow:hidden;margin-left:26px; }
}

/* iPHone4,iPhone5,iPhone5s iPhone6 iPhone6 Plus Android */
@media screen and (min-width: 1px) and (max-width: 599px) {
/*body { border:1px #f00 solid; }*/
body { padding-top: 60px; }
.pc, .pc_tb { display: none; }
.sp { display: block; }
br.pc { display: none; }
br.sp { display: inline; }
.f_12 { font-size: 1.2rem; }
.f_14 { font-size: 1.4rem; }
.f_15 { font-size: 1.5rem; }
.f_16 { font-size: 1.6rem; }
.f_18 { font-size: 3.0vw; }
.f_20 { font-size: 3.4vw; }
.f_24 { font-size: 4.0vw; }
.f_28 { font-size: 4.7vw; }
.f_30 { font-size: 5.0vw; }
.f_36 { font-size: 6.0vw; }
.f_42 { font-size: 7.0vw; }
.f_48 { font-size: 8.0vw; }
.flex_pc { display: block; }
.head1 { padding-top: 8.3vw; }
.w_narrow,.w_narrow2,.w_narrow3 { padding-bottom: 8.1vw; }

/* header */
header { min-width: 300px; height: 60px;}
.headlogo { padding-top: 21px; }
#bt_navi { top: 18px; }
#bt_lang { top: 21px; }
#header_menu { width: 86%; }
#center_menu_box { display: none; }

/* footer */
footer { padding: 8.3vw 0 130px; margin: 0 auto; width: 86vw; overflow: hidden; text-align: center; }
footer #ft_shop_navbox, footer #ft_main_nav, footer .snslink,.foreign footer .snslink { display: none; }
.en-US footer .h2 { width: 100%; text-align: left; }
.en-US footer #ft_shop_navbox { display: block; }
footer #ft_company_info.flex { width: 86vw; flex-direction: column-reverse; text-align: left; }
footer #ft_company_info .flex_pc:last-child { min-width: 100%; }
footer #ft_small_nav { width: 86vw; }
footer #ft_small_nav ul { width: 100%; display: flex; flex-wrap: wrap; margin: 0 auto 50px; }
footer #ft_small_nav li { width: 60%; padding-bottom: 1em; text-align: left; }
footer #ft_small_nav li:nth-of-type(even) { width: 38%; }
footer address { width: 100%; margin-top: 1em; padding-bottom: 50px; line-height: 2.0; }
.en-US footer address { width: 100%; margin-top: 1em; }
footer #ft_copy { width: 100%; padding-left: 0; text-align: right; }
#snsfooter { position: fixed; left: 0; bottom: 0; width: 100vw; height: 40px; padding-top: 10px; background-color: #fff; }
#snsfooter .snslink { width:150px;height: 27px; margin: 0 auto; }
#snsfooter .snslink li { display: block; overflow: hidden; }
#snsfooter .snslink li span { display: block; width: 26px; height: 0; padding-top: 27px; background-position: center center; background-repeat: no-repeat; background-size: 100% auto; }
#main_nav .menu-item.menu-item-has-children .menu-item span { padding-left: 11vw; }
#breadcrumb { padding-bottom: 1em; }
/* related */
#relatedbox { margin: 15vw auto 15vw; }
#relatedbox section.flex  { -webkit-justify-content: space-between; justify-content: space-between; }
.photobox { width: 49%; max-width: 295px; height: auto; }
#relatedbox .photobox { margin-right: 0; }
.photobox p:nth-of-type(2) { font-size: 5.0vw; }
.photobox p:nth-of-type(3) { padding-top: 1em; }
.photobox p:nth-of-type(4) { padding-top: 1em; padding-bottom: 2em; }
.photobox a .colorover { width: 100%; height: 0; padding-top: 135%; }
/* topindexbox */
#topindexbox { padding-top: 20vw; text-align: center; }
#topindexbox .itembox { width: 100%; max-width: 480px; height: auto; padding-bottom: 5em; margin: 0 auto 18vw; }
#topindexbox .itembox .itemhead2 { font-size: 5.5vw; margin-top: 2em; }
#topindexbox .itembox .itemtxt { width: 86vw; }
#topindexbox .itembox .to_list { right: 7vw; width: 86vw; }
#topindexbox .itemimg { width: 100%; height: auto; max-height: 100vw;}
#topindexbox .itemimg img { width: 100%; height: auto; }
}

@media screen and (min-width: 1px) and (max-width: 499px) {
.f_18 { font-size: 1.6rem; }
.f_20 { font-size: 1.7rem; }
}
@media screen and (min-width: 1px) and (max-width: 410px) {
.f_24 { font-size: 1.8rem; }
}
@media screen and (min-width: 1px) and (max-width: 360px) {
footer #ft_small_nav li, footer #ft_small_nav li:nth-of-type(even) { width: 100%;
}
}

@media all and (-ms-high-contrast:none){
.photobox p:nth-of-type(2) { top: 14px; }

}

.disp_jp, .disp_en, .disp_zh { display:none; }
.ja .disp_jp, .en-US .disp_en, .zh-TW .disp_zh { display:block; }
.dummy, a .dummy, .dummy a { color: #b0320b }
.border { border: 1px #f00 solid; }
.underc { text-align: center; padding-top: 50px; }


a.anchor{
    display: block;
    padding-top: 150px;
    margin-top: -150px;
}

.recipetitle1{
 padding-bottom: 0em;
  border-bottom: 1px solid #ccc;
	margin-bottom:20px;
	
	
}


.recipetitle2{
  padding-bottom: .5em;
  border-bottom: 1px solid #ccc;
}
.recipetitle2:first-letter {
  margin-right: .1em;
  font-size: 1.5em;
}

.recipetitle3{
  padding:0px 10px;
  border-left: 8px solid #ccc;
	font-size:10px;
	height:14px;
}



.boxrecipe p{
  padding:10px;
  border:dotted 1px #B5B6A6;
	margin:0px;
	line-height:29px;
	font-size:19px;
}
.boxrecipe {
 margin:10px;
	margin-bottom:50px;
  padding:0px;
}
.pointbox  {
	margin:10px;
  padding:0px;

}
.pointbox p {
	margin:0px;
  padding:10px;
	background-color:#F4F4F6;
	
}
.recipeunderborder li{
	padding:10px 15px;
	border-bottom:dotted #CACACC 1px;
	font-size:19px;
 
	
}

.relatedlink .emphasize-link {
position: relative;
margin: 36px 0 16px;
padding: 16px 10px;
border: 2px solid #515151;
background-color: #F4F4F3;
}
.relatedlink .emphasize-link p:last-child {
margin-bottom: 0;
}
.relatedlink .emphasize-link::before {
position: absolute;
bottom: 100%;
left: -2px;
padding: 2px 6px;
content: "関連記事リンク";
background-color: #515151;
color: #fff;
font-weight: bold;
}


.f_14 { font-size: 14px; }