@charset "euc-jp";

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 {background: none repeat scroll 0 0 transparent;border: 0 none;margin: 0;outline: 0 none;padding: 0;font-size:inherit;}
html{font-size:15px;}
body {font-family:'Þ⥴¥·¥Ã¥¯ÂÎ', 'Yu Gothic', YuGothic,'¥Ò¥é¥®¥Î³Ñ¥´¥·¥Ã¥¯ Pro', 'Hiragino Kaku Gothic Pro', Osaka, '¥á¥¤¥ê¥ª', 'Meiryo', '£Í£Ó £Ð¥´¥·¥Ã¥¯', 'MS PGothic', sans-serif;color:#000;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block;}
h1, h2, h3, h4, h5, h6 {line-height: 1.2;}
ol, ul {list-style: none outside none;}
fieldset, img{vertical-align: bottom;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
br {letter-spacing: 0;}
li, ol {font-size: inherit;}
hr {color: #000;}
em{font-style:normal;}
p{line-height:1.6;}
input, button, textarea, select {margin: 0;padding: 0;background: none;border: none;border-radius: 0;outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
pre, code {font: 100% monospace;}
a {text-decoration: none;color: inherit;}
[hidden],template {display: none;}
small{font-size:0.8em;line-height:1.3em;}
em{font-weight:bold;}
strong{font-weight:bold;}

img+small{text-align:center;display:block;margin-top:1em;word-wrap: break-word;word-break:break-all;}
#panel-wrap,
#panel-btn{display:none;}

.clearfix:after{content:"";display:block;clear:both;}

.mk{display:block;position:absolute;content:"";background-position:center center;background-size:contain;background-repeat:no-repeat;}

.min,.min3{font-family: "Roboto Slab" , Garamond , "Times New Roman" , "ÞâÌÀÄ«" , "Yu Mincho" , "ÞâÌÀÄ«ÂÎ" , "YuMincho" , "¥Ò¥é¥®¥ÎÌÀÄ« Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGSÌÀÄ«E" , "£Í£Ó £ÐÌÀÄ«" , "MS PMincho" , serif;}
header .sitename,
.goth{font-family:'Þ⥴¥·¥Ã¥¯ÂÎ', 'Yu Gothic', YuGothic, '¥Ò¥é¥®¥Î³Ñ¥´¥·¥Ã¥¯ Pro', 'Hiragino Kaku Gothic Pro', Osaka, '¥á¥¤¥ê¥ª', 'Meiryo','£Í£Ó £Ð¥´¥·¥Ã¥¯', 'MS PGothic',sans-serif;}
a:hover img{filter: alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}

.row{margin-left:auto;margin-right:auto;position:relative;}
.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}
.center > img{margin:0px auto;}
.lead{font-size:1.3em;margin:2rem auto;}
.lead.bold{font-weight:bold;}

.pc{display:inherit;}
.sp{display:none!important;}

.row{positon:relative;clear:both;margin-left:auto;margin-right:auto;box-sizing:border-box;}

.row.col2,.row.sol2,.row.col3,.row.col4,.row.col5,.row.col6,.row.col28,.row.col37,.row.col64,.row.col73,
.row.col46{display:flex;flex-wrap: wrap;align-items:stretch;width:100%;margin-left:auto;margin-right:auto;}
.row > *{display:block;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}

.row.just{justify-content:space-between!important;}
.row.around{justify-content:space-around!important;}
.row.center{justify-content: center;}
.row.middle{align-items:center!important;}
.row.baseline{align-items:baseline!important;}
.row.rev{flex-direction:row-reverse;}
.row.col{flex-direction:column}
.row.colrev{flex-direction:column-reverse;}

.row.flex{display:flex;}
.row.flex > *{display:block;}
.row.col2,.row.sol2,.row.col3,.row.col46,.row.col64,.row.col28,.row.col37,.row.col73{justify-content:space-between;}

.row.sol2 > *{flex-basis:50%;max-width:50%;}
.row.col2 > *{flex-basis:49%;max-width:49%;}
.row.col3 > *{flex-basis:32%;max-width:32%;}
.row.col4 > *{flex-basis:23.5%;margin-right:2%;max-width:23.5%;margin-right:2%;}
.row.col4 > *:nth-child(4n){margin-right:0%;}
.row.col5 > *{flex-basis:18%;margin-right:2%;max-width:18%;margin-right:2%;}
.row.col5 > *:nth-child(5n){margin-right:0%;}
.row.col6 > *{flex-basis:14.96%;margin-right:2%;max-width:14.96%;margin-right:2%;}
.row.col6 > *:nth-child(6n){margin-right:0%;}

.row.col64 > *:nth-child(odd){flex-basis:59%;max-width:59%;}
.row.col46 > *:nth-child(odd){flex-basis:38%;max-width:38%;}
.row.col37 > *:nth-child(odd){flex-basis:32%;max-width:32%;}
.row.col73 > *:nth-child(odd){flex-basis:69%;max-width:69%;}
.row.col28 > *:nth-child(odd){flex-basis:19%;max-width:19%;}
.row.col46 >*:nth-child(odd),.row.col28 >*:nth-child(odd),.row.col37 >*:nth-child(odd),.row.col73 >*:nth-child(odd),
.row.col64 > *:nth-child(odd){flex-grow:0;}
.row.col46.rev >*:nth-child(odd),.row.col28.rev >*:nth-child(odd),.row.col37.rev >*:nth-child(odd),
.row.col73.rev >*:nth-child(odd){flex-grow:0;margin-right:0px;}
.row.col46 >*:nth-child(even),.row.col28 >*:nth-child(even),.row.col37 >*:nth-child(even){flex-grow:1;}

.row.col64 > *:nth-child(even){flex-basis:39%;max-width:39%;}
.row.col46 > *:nth-child(even){flex-basis:58%;max-width:58%;}
.row.col37 > *:nth-child(even){flex-basis:65%;max-width:65%;}
.row.col73 > *:nth-child(even){flex-basis:29%;max-width:29%;}
.row.col28 > *:nth-child(even){flex-basis:79%;max-width:79%;}

img.block{width:100%;height:auto;display:block;margin-left:auto;margin-right:auto;}
img{width:auto;height:auto;max-width:100%;display:block;margin-left:auto;margin-right:auto;}



/** header **/

header{background:#FFF;}
header .ht{padding: 0.4rem 0px;font-size:0.86rem;height:1rem;z-index:1100;position:relative;background:#FFF;}
header .ht .descriotion{text-align:right;line-height:1.1em;}
header .ht .row{width:100%;max-width:1000px;margin:0px auto;}

header .title{position:relative;background:url(./img/hbg_second.png) center center no-repeat;background-size:cover;}
header .title .row{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1000px;margin:0px auto;padding:2rem 0px;}
header .title .row a.htitle{max-width:600px;}
header .title .row a{display:inline-block;}
header .title .row img{width:auto;height:auto;max-width:100%;margin:0rem auto;}
header .title .row a:hover div{background:#FFF;}
header .sitename{font-weight:normal;text-align:left;line-height:1;}
header .sitename{}
header a.sitename:hover,
header .sitename a:hover{opacity:0.6;}
header h1 a:hover, .sitename a:hover {text-decoration:none;}


/* #main */

.front #main .section > .row{max-width:1024px;margin-left:auto;margin-right:auto;}
.front #contents{width:100%;display:block;justify-content:space-between;margin-left:auto;margin-right:auto;box-sizing:border-box;}


.second #contents{padding:0px 1rem;display:flex;width:100%;max-width:1024px;margin:100px auto 50px;flex-direction:row-reverse;justify-content:space-between;box-sizing:border-box;}
.second #contents #main{flex-basis:750px;max-width:750px;}



p.tit{font-size:1.2rem;font-weight:bold;}




img.frame{border:4px solid #FFF;box-shadow:0px 0px 0px 1px #000,7px 7px 0px 2px #000;margin-top:10px;}

#main .leftimg{float:left;margin-right:1rem;margin-bottom:1rem;}
#main .rightimg{float:right;margin-left:1rem;margin-bottom:1rem;}
#main .leftimg img,
#main .rightimg img{width:auto;height:auto;max-width:100%;display:block;}

small.cap{display:block;margin:10px 0px;font-size:10px;}


.btn-o a{background:#cd683a;border-radius:6px;display:flex;justify-content:center;align-items:center;max-width:400px;margin:0rem auto;height:3rem;font-size:1.2rem;text-decoration:none;color:#FFF;font-weight:bold;}
.btn-w{padding-top:3rem;}
.btn-w a{background:#FFF;border-radius:6px;display:flex;justify-content:center;align-items:center;max-width:400px;margin:0rem auto;height:4rem;font-size:1.3rem;text-decoration:none;color:#000;font-weight:bold;}

.btn-g{padding:2rem 0px;}
.btn-g a{background:#4d4d4d;border-radius:6px;display:flex;justify-content:center;align-items:center;max-width:180px;margin:0rem auto;height:3rem;font-size:1rem;text-decoration:none;color:#FFF;font-weight:bold;}



.second{}
.second header{}
#main strong{color:#EE0000;}
#main p:after{content:"";display:block;clear:both;}

#main .w720{max-width:720px;}
#main .w750{max-width:750px;}


#hmenu{position:fixed;width:100%;background:#FFF;top:0px;left:0px;z-index:1301;}
#hmenu .row{padding:10px 30px;box-sizing:border-box;}
#hmenu ul{0px;display:flex;justify-content:flex-end;}
#hmenu ul.inline li{display:inline-block;magin-right:2rem;}
#hmenu ul li+li{margin-left:10px;}
#hmenu ul li a{position:relative;display:flex;padding-left:30px;align-items:center;font-weight:bold;}
#hmenu ul li a img{margin-right:6px;}
#hmenu ul li a:hover{opacity:0.6;}

#hcc{position:relative;margin-top:43px;}
#hcc h1{display:block;position:absolute;left:3rem;top:6rem;}
.slick-dots{position:absolute;bottom:30px;left:0px;color:#FFF;z-index:1100;}
.slick-dots{display:flex;justify-content:center;width:100%;}
.slick-dots li:before{opacity:0.7;display:block;margin:0px 10px;content:"";width:10px;height:10px;border-radius:50%;background:#FFF;}
.slick-dots li button{display:none;}
.slick-dots li.slick-active:before{opacity:1;}

#gnav{position:absolute;top:0px;left:0px;background:rgba(0,0,0,0.8);padding:10px;box-sizing:border-box;width:100%;}
#gnav #gmenu ul{0px;display:flex;justify-content:flex-end;padding-right:30px;}
#gnav #gmenu li{position:relative;}
#gnav #gmenu li+li{margin-left:40px;}
#gnav #gmenu li+li:before{content:"";width:1.2rem;height:1px;background:#FFF;transform:rotate(-45deg);display:block;position:absolute;top:50%;left:-24px;}
#gnav #gmenu li a{color:#FFF;letter-spacing:0.2em;}
#gnav #gmenu li a:hover{opacity:0.6;}

#main #hc1{padding:4rem 0px;background-image:url(https://img21.shop-pro.jp/PA01421/462/etc/cbg1.png),url(https://img21.shop-pro.jp/PA01421/462/etc/cbg2.png);background-position:left top,right bottom;background-repeat:no-repeat,no-repeat;background-size:contain;}
#main #hc1 .row img{display:block;width:auto;height:auto;max-width:100%;margin:0px auto;}

#main #hc2{padding:2rem 0px 4rem;border-top:4px solid #000;background:#e6dcb9;}
#main #hc2 h3{text-align:center;}
#main #hc2 h3 img{display:block;margin:0px auto;}
#main #hc2 .slick2 {margin:2rem 0px;}
#main #hc2 .slick2 a{overflow:hidden;margin:0px 2px;box-sizing:border-box;display:block;position:relative;}
#main #hc2 .slick2 a span{position:absolute;left:0px;bottom:0px;width:100%;height:2rem;background:rgba(0,0,0,0.7);color:#FFF;display:flex;justify-content:center;align-items:center;}

#main #hc2 .slick2 .slick-arrow{position:absolute;top:50%;margin-top:-10px;z-index:1200;text-indent:-9999px;width:20px;height:20px;overflow:hidden;transform:rotate(-45deg);}
#main #hc2 .slick2 .slick-prev{left:10px;border-top:2px solid #FFF;border-left:2px solid #FFF;}
#main #hc2 .slick2 .slick-next{right:10px;border-bottom:2px solid #FFF;border-right:2px solid #FFF;}

#main #hc3{padding:4rem 0px;border-top:4px solid #000;}
#main #hc3 h2{margin-top:0px;text-align:center;color:#ce5226;font-size:1.7rem;font-weight:bold;display:flex;justify-content:space-between;align-items:center;}
#main #hc3 h2 span{margin:0px 20px;letter-spacing:0.2rem;}
#main #hc3 h2 span em{font-size:1.5em;}
#main #hc3 h2:before,
#main #hc3 h2:after{content:"";display:block;height:3px;background:#ce5226;width:auto;flex-grow:1;}
#main #hc3 p.lead{color:#ce5226;margin-bottom:3rem;}

#main #hc4{padding:4rem 0px;background:url(https://img21.shop-pro.jp/PA01421/462/etc/cbg3.png) center center no-repeat;background-size:cover;}
#main #hc4 p.center{margin-bottom:3rem;}

#main h1,#main h2,#main h3,#main h4,#main .h1,
#main .h2{position:relative;font-weight:bold;}
#main p{margin: 1rem auto 1rem auto;line-height:1.7;}


#main h1{font-size:1.8rem;margin:0rem 0px 2rem;}
#main .cont h2{margin:4rem 0px 20px;font-size:1.6rem;text-align:center;color:#FFF;background:url(https://img21.shop-pro.jp/PA01421/462/etc/h2bg.png) center center no-repeat;padding:1.5rem 1rem;}
#main .cont h3{display:flex;align-items:center;justify-content:space-between;font-size:1.5rem;margin: 3.5rem 0px 2rem 0px;position:relative;}
#main .cont h3:before,
#main .cont h3:after{content: "";display: block;height: 3px;background: #000;width: auto;flex-grow: 1;}
#main .cont h3:before{margin-right:20px;}
#main .cont h3:after{margin-left:20px;}
#main h4{font-size:1.4rem;margin:2rem 0px 1rem;}





.second #main ul,.second  #main ol {margin: 0px 0px 15px 40px;list-style: decimal outside none;}
.second #main ul {margin: 10px 0px;padding:10px;}
.second #main ul li{list-style-type:none;padding-left:1.5rem;position:relative;margin:10px 0px;font-size:1rem;line-height: 1.3em;}
.second #main ul li:before{content:"";display:block;width:10px;height:10px;background:#64aa28;position:absolute;left:5px;top:5px;}
.second #main ul li a{color:#000;}
.second #main ul li a:hover{opacity:0.5;}

.second #main ol{list-style: none;counter-reset: ol_li; margin: 10px 0px;padding:10px;}
.second #main ol li {position:relative;margin: 10px 0px;padding-left:1.5rem;line-height: 1.3em;}
.second #main ol li:before {width:1.3rem;height:1rem;text-align:right;line-height:1.3em;color: #237da0;font-weight:bold;margin-right: .8em;counter-increment: ol_li;content: counter(ol_li);display:block;position:absolute;left:-0.3rem;top:0px;font-size:1rem;}

.second #main .topicpath_nav ul{margin:0px 0px 20px;padding:0px;}
.second #main .topicpath_nav ul li{margin:0px;display:inline-block;padding-left:0px;}
.second #main .topicpath_nav ul li:before{display:none;}

.second #main .social_share ul li,
.second #main .product_info_lst ul li{padding:0px 0px;margin:0px 0px 10px;}
.second #main .product_info_lst ul li a{border:1px solid #000;background:#FFF;display:flex;justify-content:center;height:3rem;border-radis:5px;align-items:center;font-size:0.84rem;text-align:center;}

.second #main .social_share ul li:before,
.second #main .product_info_lst ul li:before{display:none;}


.second #main ul.prd_lst li:before{display:none;}
.second #main ul.prd_lst:after{content:"";display:block;clear:both;}
.second #main ul.prd_lst li{margin-bottom:2rem;}
.second #main ul.prd_lst li .prd_lst_name{display:block;font-weight:bold;text-align:center;font-size:1.1rem;margin-top:10px;}
.second #main ul.prd_lst li .prd_lst_price{display:block;text-align:center;color:#CC0000;font-weight:bold;font-size:1.1rem;}

.second #main h2{background:#000;color:#FFF;font-size:2rem;font-weight:normal;padding:12px;}

.second #main .prd_lst_pager ul {display:flex;justify-content:space-between;}
.second #main .prd_lst_pager ul li:before{display:none;}

.second #main .product_image{background:center;padding:2rem;background:none;}
.second #main .product_image_main {float: none;width: 100%;text-align: center;}

#main table {border-top: 1px solid #000;width:100%;border-collapse:separate;border-spacing:0px;empty-cells:hide;font-size: 1rem;margin: 1.5rem 0px;word-break:break-all;}
#main thead th{text-align:center;}
#main th{border-bottom:1px solid #000;text-align:center;background:#ebebe5;color:#000;padding:1rem;width:24%;font-size:1rem;line-height:1.3em;}
#main td{border-bottom:1px solid #000;padding:0.9rem;background:#f8f8f8;line-height:1.4em;}
#main table#option_tbl td label{text-align:center;}
#main th+th{border-left:1px solid #000;}
#main td+td{border-left:1px solid #000;}

/** side **/

.second #contents aside{flex-basis:180px;max-width:180px;margin-top:60px;}
.second #contents aside h3{padding:20px 0px;text-align:center;font-weight:bold;}
.second #contents aside .row{border-top:1px solid #000;padding:20px 0px;}

.second #contents aside .price{font-size:1.2rem;line-height:1.4;}
.second #contents aside p{font-weight:bold;}
.second #contents aside .price em{font-size:2.3rem;}
.second #contents aside a+a{margin-top:10px;}


footer{background:#FFF;}
footer #gototop{left:auto;right:10px;top:auto;bottom:20px;display:none;margin-left:auto;position:fixed;z-index:100;width:60px; height:60px;}
footer #gototop img{display:block;width:auto;height:auto;max-width:100%;}
footer > .row{max-width:1000px;margin-left:auto;margin-right:auto;padding:2rem 0px;}
footer #ft{flex-basis:30%;max-width:30%;}
footer #fg{flex-basis:26%;max-width:26%;padding-left:1%;}
footer #fg p.address{font-size:0.8rem;}
footer #fg p.tel{font-weight:bold;}
footer #fg p span{line-height:1.2;vertical-align:baseline;border-radius:3px;display:inline-block;background:#000;color:#FFF;font-size:0.75rem;padding:1px 4px;margin-right:6px;}
footer #fm{flex-basis:40%;max-width:40%;}
footer #fm .fmenu a{font-size:0.86rem;font-weight:bold;height:2rem;display:flex;border:1px solid #000;align-items:center;justify-content:center;margin-bottom:10px;}
footer #fm .fmenu a:hover{background:#EEE;}
footer #fm .line_menu a{display:inline-block;font-size:0.86rem;position:relative;}
footer #fm .line_menu a:hover{text-decoration:underline;}
footer #fm .line_menu a+a{margin-left:1rem;padding-left:1rem;}
footer #fm .line_menu a+a:before{content:"";width:1.2rem;height:1px;background:#000;transform:rotate(-45deg);display:block;position:absolute;top:50%;left:-10px;}
footer #ff{background:#000;color:#FFF;padding:1.4rem 0px;font-size:0.9rem;text-align:center;}



.second header{background:none;}
.second {background:#F8F4EC;}
.second #hmenu{position:relative;background:none;}
.second #hcc{margin-top:0px;}
.second #hcc h1{background:#000;left:50%;top:-50px;z-index:1500;margin-left: -514px;width:180px;height:180px;display:flex;align-items:center;justify-content:center;}
#main .bgw{background:#FFF;}

#main #sc1.cont h2{margin:0px;}
#sc1 .bgw{}
#sc1 .bgw > div img{display:block;width:100%;height:auto;}
#sc1 .bgw > div:nth-child(3),
#sc1 .bgw > div:nth-child(4){margin-top:20px;}
#sc1 p.lead{margin:3rem 0px;}


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

.g_nav{display:flex;align-items:center;}
.g_nav div a{line-height:1.2;display:block;padding:1rem;border-right:2px solid #f0f0f0;text-align:center;font-weight:bold;}
.g_nav div a:hover{color:#1AAF4B;}
.g_nav .close{display:none;}


.second #main ul.prd_lst{display:flex;justify-content:space-between;flex-wrap:wrap;}
.second #main ul.prd_lst:after{content:"";display:block;width:31%;}
.second #main ul.prd_lst li{max-width:31%;flex-basis:31%;padding:0px;margin-bottom:1rem;}

}


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

html{line-height: 1.8;font-size:16px;}

.pc{display:none!important;}
.sp{display:inherit!important;}

.row.sol2>*,
.row.col2:not(.sp_col) >*,.row.col3:not(.sp_col) >*,.row.col4:not(.sp_col) >*,.row.col5 >*,.row.col6:not(.sp_col) >*,
.row.col28:not(.sp_col) >*,.row.col37:not(.sp_col) >*,.row.col64:not(.sp_col) >*,.row.col73:not(.sp_col) >*,
.row.col46:not(.sp_col) >*{flex-basis:100%!important;max-width:100%!important;margin-left:0%;margin-right:0%;flex-direction:column;}
.row.col6.sp_col > *{flex-basis:32%;margin-right:2%;max-width:32%;margin-right:2%;}
.row.col6.sp_col > *:nth-child(3n){margin-right:0%;}
.row.col3.sp_col{justify-content:space-between;}
.row.col37.sp_col > *,
.row.col3.sp_col > *{flex-basis:32%;margin-right:0%;max-width:32%;margin-right:0%;}
.row.col3.sp_col > *:nth-child(3n){margin-right:0%;}



.table-layout,
.table-layout-inner{display:block!important;}
.table-layout-inner{width:auto;white-space: nowrap;padding:1rem 0px;}
.table-layout-inner >*{max-width:90%;vertical-align:top;margin:0px 5%;width:90%;display:inline-block;flex-basis:none;}
.table-layout-inner >*>*{white-space: normal;}

#main section{width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box;}


header{position:relative;}
#hnav{display:none;}
.second header{}
header {margin-bottom:0px;}
header .title img{max-width:100%;}


#hmenu ul{justify-content:flex-start;}
#hmenu ul li a{align-items:center;height:2rem;padding:0px 5px;}
#hmenu a span{display:none;}


header #hcc{margin-top:54px;}
header #hcc h1{width:26vw;height:auto;left:50%;top:50%;margin-top:-13vw;margin-left:-13vw;}

  .second #main h2{font-size:1.3rem;}
.second #hcc h1{left:auto;top:auto;position:relative;width:100%;margin:0px 0px;display:block;height:auto;z-index: 150;padding:1rem 0px;}
.second #hcc h1 a{display:flex;justify-content:center;align-items:center;height:25vw;}
.second #hcc h1 a img{display:block;margin:0px;width:auto;height:auto;max-height:80%;}

#main p.center{text-align:left;}
.second #contents{margin-top:20px;}
#contents{mpadding:0px 0%;box-sizing:border-box;display:block;margin-bottom:0rem;}

.second #contents{display:block;}
.second #contents #main,
.second #contents aside{display:block;max-width:100%;margin-top:10px;}

.second #contents #main img{display:block;margin:10px auto;}

#main h1{font-size: 1.3rem;line-height:1.2em;height:auto;margin-bottom:1rem;}
#main h2{font-size:1.2rem;}
#main h3{font-size:1.1rem;}
#main h4{font-size: 1.1rem;}
#main h4{font-size:1rem;}

#main p{line-height:1.8;}

.second #main h1{padding-left:4rem;padding-right:1.5rem;text-align:left;margin-top:0px;}
.second #main h1:before{width:40px;}

#main .table-layout table{width:750px;}
#main .table-layout{overflow:auto;overflow-x: scroll; width: 100%;}
#main .table-layout::-webkit-scrollbar{height: 5px;}
#main .table-layout::-webkit-scrollbar-track{background: #F1F1F1;}
#main .table-layout::-webkit-scrollbar-thumb {background: #BCBCBC;}

.second #main table.blk{display:block;}
.second #main table.blk thead{display:none;}
.second #main table.blk tbody{display:block;}
.second #main table.blk tr,
.second #main table.blk tr th,
.second #main table.blk tr td{display:block;}
.second #main table.blk tr{}
.second #main table .blktr th{width: auto;}

#main .leftimg,
#main .rightimg{float:none;margin-left:auto;margin-right:auto;}
#main .leftimg img,
#main .rightimg img{display:block;margin-left:auto;margin-right:auto;}


#main section > .row{width:92%;}
.second #main ul li{margin:4px 0px;}

#panel-btn{top:10px;position:absolute;margin-top:0px;right:10px;}
#panel-btn{background:#000;padding-top:4px;z-index:1200;font-size:0.65em;border-radius:0px;text-align:center;color:#FFF;font-weight:600;box-sizing:border-box;display: block;width:30px;height:30px;}
#panel-btn-icon{display: block!important;position: absolute;top: 4px;left: 20%;width: 60%;height: 2px;background: #FFF;transition: .2s;margin-top: 10px;border-radius:3px;}
#panel-btn-icon:before, #panel-btn-icon:after{display: block;content: "";position: absolute;top: 50%;left: 0;width: 100%;height: 2px;background: #FFF;transition: .3s;border-radius:3px;}
#panel-btn-icon:before{margin-top: -6px;}
#panel-btn-icon:after{ margin-top: 4px;}
#panel-btn .close{background: transparent;}
#panel-btn .close:before, #panel-btn .close:after{margin-top: 0;}
#panel-btn .close:before{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
#panel-btn .close:after{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}

header .g_nav{overflow-y:scroll;padding:20px 0px 0px;background:#fafafa;}

#gnav{width:100%;margin-left:0rem;position:absolute;display:none;top:0px;left:0px;z-index:1300;box-sizing:border-box;padding-top:100px;}
#gnav.active{display:block;padding:0rem 0px 0px;box-sizing:border-box;}
#gnav #gmenu ul{display:block;padding:20px;}
#gnav #gmenu li{display:block;border:1px solid #FFF;}
#gnav #gmenu li+li{margin:6px 0px 0px;}
#gnav #gmenu li+li:before{display:none;}
#gnav #gmenu li a{display:block;text-align:center;padding:4px;}



#main #hc3,
#main #hc4{padding:2rem 0px;}

#main #hc2{padding-top:2rem;}
#main #hc3 p.lead{margin-bottom:1rem;}

.btn-o a+a{margin-top:1rem;}
#hc2 .row.col2 > a img{margin:0px auto;display:block;}
#hc2 .row.col2 > a+a{margin-top:2rem;}
#hc4 .col3 img{margin:10px auto;display:block;width:auto;height:auto;max-width:80%;}
#main #hc4 p.center.btn-w{margin-bottom:0px;padding-top:1rem;}

  .second #main .product_image{padding:1rem;}
  
footer > .row.flex.just.middle{display:block;}
footer #ft,
footer #fg,
footer #fm{max-width:92%;margin:0px auto;}

footer #fg{margin:1rem auto;}
footer #fm .fmenu a{font-size:4vw;}
footer #ft{text-align:center;}
footer #fm .line_menu a{display:block;}
footer #fm .line_menu a+a{padding-left:0px;margin-left:0px;}
footer #fm .line_menu a+a:before{display:none;}

::-webkit-scrollbar {width: 3px;height:3px;}
::-webkit-scrollbar-track {background-color: rgba(0, 0, 0, .2);}
::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .4);box-shadow:0 0 0 1px rgba(255, 255, 255, .3);}


#main .alignnone img{max-width:100%;height:auto;display:block;width:auto;}

#main section > .row.bgw{width:100%;}

}


@media screen and (max-width: 360px){
html{font-size:14px;}

}