/** TOP CSS **/

/** main visual */
#mainV{height:300px;background:#000 url(/images/main_v.jpg) no-repeat center top; margin-bottom:30px;}
#mainV .inner{}
#mainV .inner h1{padding:43px 0 0 0;margin:0 0 0 -13px;}
#mainV .inner h1 img{width:526px;}
#mainV .inner p{padding:0;color:#fff;font-weight:bold;line-height:1.87;letter-spacing:0.1px;text-shadow:1px 1px 6px #022e07;}
#mainV .inner span{padding:80px 0 0 0;color:#fff;font-size:1.2rem;font-weight:bold;line-height:1.87;letter-spacing:0.1px;text-shadow:1px 1px 6px #022e07;float:right;}
/**/
.indent {
    text-indent: 6.7em;
}
#top #topNews{ margin-bottom:30px;}
/*News_1L
#top #topNews dt{width:5em;font-size:1.8rem;font-weight:bold;color:#663e2a;font-family:Times New Roman,Times,mymincho,serif;background:#dbc9c0;text-align:center;line-height:30px;float:left;}*/

/*News_2L
#top #topNews dt{width:5em;font-size:1.8rem;font-weight:bold;color:#663e2a;font-family:Times New Roman,Times,mymincho,serif;background:#dbc9c0;text-align:center;line-height:60px;float:left;}*/

/*News_3L
#top #topNews dt{width:5em;font-size:1.8rem;font-weight:bold;color:#663e2a;font-family:Times New Roman,Times,mymincho,serif;background:#dbc9c0;text-align:center;line-height:90px;float:left;}*/

/*News_4L*/
/*#top #topNews dt{width:5em;font-size:1.8rem;font-weight:bold;color:#663e2a;font-family:Times New Roman,Times,mymincho,serif;background:#dbc9c0;text-align:center;line-height:120px;float:left;}*/
#top #topNews dt{width:5em;font-size:1.8rem;font-weight:bold;color:#663e2a;font-family:Times New Roman,Times,mymincho,serif;background:#dbc9c0;text-align:center;line-height:30px;float:left;}

#top #topNews dd{background:#fff;font-size:1.2rem;padding-left:8.5em;line-height:30px;}
/*
#top #topNews dd p{}
*/
#top #topNews dd p{margin-top:0;}
#top #topNews dd p span{font-weight:bold;padding-right:1em;}
#top #topNews dd p a{color:#663e2a;}
#top #topNews dd p a:hover{text-decoration:none;}
#top #topNews dd p a[target="_blank"]::after{content:url(/common/images/icon_blank.png);margin:0 2px;}
#top #topNews dd p a.iconPdf[target="_blank"]::after{content:url(/common/images/icon_pdf.svg);margin:0 2px; vertical-align:middle;position: relative;top:1px;}
/**/
#top #topNav{background:#fff;padding-bottom:10px; margin-bottom:30px;}
#top #topNav h2{color:#fff;font-family:mygothic,sans-serif;font-size:1.4rem;line-height:34px;font-weight:bold; padding:0 2em 0 1em;margin:0 1em 0 0;background:url(/images/ttl_smkr_bg.png) no-repeat right top;border:none;float:left;}
#top #topNav h2::before{display:none;}
#top #topNav p.registration{font-size:1.4rem;line-height:34px;color:#663e2a; margin-bottom: 10px;}
#top #topNav p.registration a{display:inline-block;background:url(/common/images/arr_blk.png) no-repeat left center; background-size:10px auto; padding-left:1em;margin-left:1em;color:#333;text-decoration:none;}
#top #topNav p.registration a:hover{ text-decoration:underline;}
#top #topNav p.registration a[target="_blank"]::after{content:url(/common/images/icon_blank.png);margin:0 2px;}
/**/
#top #topNav ul{clear:both;margin:25px 0 0 23px;}
#top #topNav ul:after{content:" ";display:block;clear:both;}
#top #topNav li{background-repeat:no-repeat;background-position:right bottom;background-size:auto 100%;width:450px;float:left; position:relative;border-style:solid;border-width:3px;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all  0.3s ease;}
#top #topNav li:nth-child(odd){clear:both;margin:0 22px 20px 0;}
#top #topNav li a{padding:7px;width:430px;height:100px;line-height:1.57;color:#fff;text-decoration:none;font-size:1.4rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;}
#top #topNav li a > img{width:auto;height:100px;}
#top #topNav li a > div{display:inline-block;width:309px;padding-left:30px;}
#top #topNav li a > div ul{margin:0;}
#top #topNav li a > div li{width:9em;margin:0 0 0 1.5em !important;list-style-type:disc;border:none;}
#top #topNav .navTobacco{background-image:url(/common/images/cont_nav1_bg.png);background-color:#663e2a;border-color:#663e2a;}
#top #topNav .navAccessory{background-image:url(/common/images/cont_nav2_bg.png);background-color:#691c35;border-color:#691c35;}
#top #topNav .navHowto{background-image:url(/common/images/cont_nav3_bg.png);background-color:#2f295f;border-color:#2f295f;}
#top #topNav .navColumn{background-image:url(/common/images/cont_nav4_bg.png);background-color:#4c5d29;border-color:#4c5d29;}

#top #topNav .navTobacco:hover{ background-color:#47200d;border-color:#88563c;}
#top #topNav .navAccessory:hover{ background-color:#501226;border-color:#954962;}
#top #topNav .navHowto:hover{ background-color:#19124c;border-color:#4d4685;}
#top #topNav .navColumn:hover{ background-color:#3a4b15;border-color:#6e8441;}
#top #topNav li:hover a img{opacity:1;filter:alpha(opacity=100);-ms-filter:"alpha(opacity=100)";}
/**/
#top #topNav li a > span{display:inline-block;background:url(/common/images/arr_yell.png) no-repeat left center;background-size:8px auto;padding-left:1em;color:#dcc192;font-family:Times New Roman,Times,serif;position:absolute;right:15px;bottom:10px;}
#top #topNav li:hover a > span{background-position:2px center;}
/**/
#top #btmNav{ margin:0 0 0 23px;display:flex;align-items:stretch;}
#top #btmNav li a{display:block;width:456px;padding:10px;text-decoration:none;box-sizing:border-box;border:#663e2a solid 1px;background:#f5eeeb url(/common/images/arr_brwn.png) no-repeat 20px center;background-size:10px auto;height:100%;}
#top #btmNav li a:hover{background-color:#e5d7d1;}
#top #btmNav li:first-child{margin:0 22px 0 0;}
#top #btmNav li a dl{margin:0 0 0 35px;}
#top #btmNav li a dl dt{font-size:2.0rem;color:#7b4024;font-weight:bold;font-family:mymincho,serif;container-type:inline-size;}
#top #btmNav li a dl dt span{font-size: clamp(1.2rem,7cqw,2rem);}
#top #btmNav li a dl dd{font-size:1.2rem;color:#333;}
/**/
#top #navArea{display:none;}
/**/
#top #topinfoComments{ margin:20px 23px 0 0;}
#top #topinfoComments li{font-size:1.2rem;color:#333;text-align:right;}



/* SP */
@media screen and (max-width:640px){

/** main visual */
#mainV {height:190px;margin-bottom:20px;background-size:auto 100%; position:relative;}
#mainV .inner{padding:0 6.25%;}
#mainV .inner h1 {padding:17px 0 0 0;margin:0;font-size:0;}
#mainV .inner h1 img {width:91%;max-width:100%;margin-left:-5px;}
#mainV .inner p {font-size:3vw;letter-spacing:0.1px;}
#mainV .inner span { position:absolute;right:10px; bottom:10px; padding:0 0 0 0;font-size:2vw;float:none;}
/**/
#top #topNews{ margin-bottom:30px;}
#top #topNews dt{width:100%;font-size:1.5rem;font-family:Times New Roman,Times,mymincho,serif;background:#dbc9c0;text-align:left;line-height:25px;float:none; text-indent:1em;}
#top #topNews dd{font-size:1.0rem;padding:1em;line-height:1.6;}
#top #topNews dd p{}
#top #topNews dd p span{font-weight:bold;padding-right:1em; display:block;}
/**/
#top #topNav{padding-bottom:10px; margin-bottom:30px;}
#top #topNav h2{width:54%;font-size:1.5rem;line-height:1.6;padding:0 0 0 1em;margin:0 0 5px 0;background:url(/images/ttl_smkr_bg.png) no-repeat right top;float:none;}
#top #topNav p.registration{font-size:1.0rem;line-height:1.6;color:#663e2a; display: none;}
#top #topNav p.registration a{display:table;background:url(/common/images/arr_blk.png) no-repeat left center;background-size:8px auto; padding-left:1.2em;margin-left:0;color:#333;text-decoration:none;}
#top #topNav p.registration a:hover{ text-decoration:underline;}
/**/
#top #topNav ul{margin:15px 15px 0;}
#top #topNav li{background-repeat:no-repeat;background-position:right bottom;background-size:auto 100%;width:100%;float:none; margin-bottom:10px;box-sizing: border-box;}
#top #topNav li:nth-child(odd){margin:0 0 10px 0;}
#top #topNav li a{padding:15px 5px;width:auto;height:auto;font-size:1.0rem;}
#top #topNav li a > img{height:auto;width:55px;}
#top #topNav li a > div{display:inline-block;width:70%;padding-left:13px;}
#top #topNav li a > div li {width:6.5em;float:left;font-size:1.0rem;}
#top #topNav li a > span {bottom:5px; font-size:1.2rem;background-size:7px auto;}
/**/
#top #btmNav{margin:0 5%;width:90%;flex-direction:column;}
#top #btmNav li{width:100%;}
#top #btmNav li:first-child {margin:0 0 10px 0;}
#top #btmNav li a {width:100%;height:auto;padding:10px;background-size:auto 8px;background-position:17px center;}
#top #btmNav li a dl {margin:0 0 0 30px;}
/**/
#top #topinfoComments li{text-align:left;}

.indent {
    text-indent: 0;
}
    }
}