@charset "UTF-8";
/* common */
.hugkum_cont *{ box-sizing:border-box; }
.hugkum_cont img{ width:auto; max-width:100%; height:auto; }
.hugkum_cont figure{ margin:0; }
.hugkum_cont > p,
.hugkum_sec > p { line-height:2.5; }
.hugkum_cont > p,
.hugkum_sec > p,
.hugkum_sec > dl { margin-bottom:40px; }
.hugkum_cont dt,
.hugkum_cont dd { line-height:2.5; }
.hugkum_cont h1{ margin-bottom:0.5em; line-height: 1.6; }
.hugkum_cont sup{ display:inline-block; margin-top:-0.4em; padding-right:0.4em; font-size:0.7em; }
.hugkum_cont a,
.hugkum_cont a:link,
.hugkum_cont a:visited,
.hugkum_cont a:hover,
.hugkum_cont a:active{ text-decoration:none; }
.hugkum_cont a,
.hugkum_cont a img{ transition: all 0.3s ease; }
.hugkum_cont a:hover img{ opacity:0.7; }
.hugkum_smaller{ font-size:0.8em; line-height:1.8; }
.hugkum_marker{ text-indent:-1.4em; margin-left:1.4em; }
.hugkum_marker_num{ text-indent:-1.9em; margin-left:1.9em; }
ul.hugkum_marker{ text-indent:0; margin-left:0; }
ul.hugkum_marker li{ text-indent:-1.4em; margin-left:1.4em; line-height:2.2; }
ul.hugkum_marker.hugkum_marker_dot li{ text-indent:-1em; margin-left:1em; }
ul.hugkum_marker.hugkum_marker_dot li::before{ content:'・'; }
.hugkum_sec h2,
.hugkum_sec h3{ font-size: 160%; line-height: 1.6; padding-bottom:0.2em; border-bottom:solid 3px #78b400; margin-bottom:40px; }
.hugkum_sec h3{ font-size: 150%; border-width:1px; margin-top:60px; }
/* layout */
.hugkum_cont{ width: 982px; margin-left:auto; margin-right:auto; padding:60px 0; box-sizing:border-box; }
.hugkum_sec{ margin-top: -100px; padding-top: 100px; margin-bottom:80px; }
.hugkum_sec figure{ margin-bottom:40px; text-align:center; }
/* content */
.hugkum_top_img,
.hugkum_img{ margin-bottom:40px; text-align:center; }
.hugkum_index,
.hugkum_nuv{ background:#f8f8f8; padding:10px 20px 20px; margin-bottom:60px; }
.hugkum_index dt,
.hugkum_nuv dt{ border-bottom:solid 1px #ccc; padding:0 0.8em 0.3em; }
.hugkum_index li,
.hugkum_nuv li{ border-bottom:dotted 1px #ccc; }
.hugkum_index li a,
.hugkum_nuv li a{ display:block; padding:0.4em 1.2em 0.4em 0.8em; position: relative; vertical-align: middle; }
.hugkum_index li a:hover,
.hugkum_nuv li a:hover{ background:linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.45) 63%, rgba(255,255,255,0.50) 100%); }
.hugkum_index li a::after,
.hugkum_nuv li a::after{ position: absolute; display: inline-block; top: 0; bottom: 0; right: 0.4em; margin: auto; content: ""; vertical-align: middle; width: 0.4em; height: 0.4em; border-top: 2px solid #ccc; border-right: 2px solid #ccc; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
.hugkum_about{ margin-bottom: 80px; border:solid 1px #78b400; border-left-width:6px; padding:10px 20px; color:#555; }
.hugkum_about dt{ font-weight:bold; margin-bottom: 10px; }
.hugkum_about dd{ line-height:2.2; }
/*.hugkum_about{ margin-bottom:80px; position:relative; }
.hugkum_about dt{ z-index:1; display:inline-block; border:solid 1px #ccc; border-bottom:0; }
.hugkum_about dt span{ display:inline-block; border-bottom:solid 3px #fff; padding:8px 20px 0; background:linear-gradient(0deg, rgba(205,205,205,0) 0%, rgba(205,205,205,0.2) 63%, rgba(205,205,205,0.3) 100%); font-weight:bold; }
.hugkum_about dd{ z-index:0; border:solid 1px #ccc; padding:20px; margin-top:-1px; }*/
.hugkum_nuv{ padding:10px 20px 0; }
.hugkum_nuv li:last-child{border:none;}
.hugkum_nuv li a{ display:flex;align-items: center; padding:1em 1.2em 1em 0.8em; }
.hugkum_nuv li a::after{ -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.hugkum_nuv li a > div { width:10%; }
.hugkum_nuv li a > span{ display:block;width:90%;padding-left:20px; }
.hugkum_intro{ border-bottom:double 3px #ddd; border-top:double 3px #ddd; padding:20px 0; margin-bottom:60px; }
.hugkum_intro p { margin-bottom:20px; line-height:1.8; }
.hugkum_intro p:last-child { margin-bottom:0; }
.hugkum_sec figcaption{ margin-bottom:20px; text-align:center; font-weight:bold; }
.hugkum_txt_link{ position: relative; display: inline-block; padding: 0 1em 0 0; vertical-align: middle; }
a.hugkum_txt_link:hover{ text-decoration:underline; }
.hugkum_txt_link::after{ position: absolute; display: inline-block; top: 0; bottom: 0; right: 0; margin: auto; content: ""; vertical-align: middle; width: 0.4em; height: 0.4em; border-top: 2px solid #78b400; border-right: 2px solid #78b400; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.hugkum_product { border:solid 1px #78b400; padding:10px 20px; color:#555; }
.hugkum_product dt{ font-weight:bold; border-bottom:dotted 1px #78b400; color:#353535; }
.hugkum_product dd{ position:relative; padding-top:20px; }
.hugkum_product dd a:not(.hugkum_buy){ display:flex; }
.hugkum_product dd > a > img{ display:block; width:30%; }
.hugkum_product dd > a > p{ width:70%; font-size:0.8em; padding-left:20px; }
.hugkum_product dd > a >p > span{ display:block; font-size:1.8em; padding-bottom:1em; }
.hugkum_buy{ display:inline-block; position:absolute; padding:0.2em 2em; bottom:20px;right:0; background:#78b400;color:#fff; }
.hugkum_buy:hover{opacity:0.7;}
/* mobile */
@media screen and (max-width: 768px){
/* common */
.hugkum_cont h1{ font-size: 160%; margin-top:40px; }
.hugkum_sec h2,
.hugkum_sec h3{ font-size: 140%; margin-bottom:20px; }
.hugkum_sec h3{ font-size: 120%; margin-top:40px; }
.hugkum_cont p,
.hugkum_sec p,
.hugkum_cont dt,
.hugkum_cont dd,
.hugkum_sec figcaption{ font-size: 88.75%; line-height: 2.2; }
.hugkum_cont dd a{ line-height: 1.63; }
.hugkum_cont > p.hugkum_smaller,
.hugkum_sec > p.hugkum_smaller{ font-size:0.8em; line-height:1.8; }
.hugkum_cont sup{ margin-top:-0.2em; }
/* layout */
.hugkum_cont{ width: 100%; padding:0 20px 60px; }
.hugkum_sec{ padding-bottom:0; margin-bottom:60px; }
.hugkum_sec p,
.hugkum_sec dl{ margin-bottom:20px; }
/* content */
.hugkum_index,
.hugkum_about{ margin-bottom:40px; }
.hugkum_about dd{ line-height:2; }
.hugkum_top_img{ margin: 0 calc(50% - 50vw) 40px; width: 100vw; }
.hugkum_top_img,
.hugkum_img{ margin-bottom:20px; }
.hugkum_index li a{ padding:0.6em 1.2em 0.6em 0.8em; }
.hugkum_cont a.hugkum_txt_link{ text-decoration:underline; }
.hugkum_nuv li a > div { width:30%; }
.hugkum_nuv li a > span{ width:70%; }
.hugkum_intro{ padding:12px 0; }
.hugkum_intro p { margin-bottom:12px; line-height:1.6; }
.hugkum_intro p:last-child { margin-bottom:0; }
.hugkum_intro p.hugkum_smaller{ font-size:0.8em; line-height:1.6; }
.hugkum_product dd{ text-align:center; padding-top:10px; padding-bottom:40px; }
.hugkum_product dd a:not(.hugkum_buy){ flex-direction:column; }
.hugkum_product dd > a > img{ width:auto; max-width:60%; margin:0 auto; }
.hugkum_product dd > a > p{ width:100%; padding-left:0; }
.hugkum_product dd > a >p > span{ padding-bottom:0; }
.hugkum_buy{ display:block; width:100%; padding:0.2em 0; bottom:10px; }
}
