@charset "utf-8";

/* 00 ----- charset & import */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');

/* ---------- dom */
html {font-size:100%;line-height:1.8;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;word-break:break-all;letter-spacing:0;}
body {min-width:1100px; font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale;
}
img {height:auto;}
main {padding:200px 0 0 0;}
a {color:#f576a3;cursor:pointer;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
a:hover {color:#000;}
a img:hover {opacity:.8;}
h1,h2,h3,h4,h5,h6 {line-height:1.3;margin:0 0 1em 0;position:relative;}
h1 {font-size:180%;padding:1em;border-bottom:2px solid #2ab54f;}
h2 {margin:2em 0;color:#ff7300;font-size:160%;}
.secondary h2 {padding:1em;color:#fff;text-align:center;}
h2 span {font-size:40%;display:block;}
h3 {margin:1em 0;padding:.5em 0 1em;border-bottom:1px solid #f3d533;}
h4 {margin:1em 0 0;}
.month {margin:1em 0 0 0;}
p {margin:1em 0;}
.secondary h4 {color:#e85a7e;}
#menu-foot-glnav h4 {color:#000;}
ul,ol {margin:0 0 0 24px;}

/* ---------- size */
.mze {width:1100px;margin:0 auto;}
.contents {width:1030px;margin:0 auto;}

/* ---------- flex */
.colcont,.tab-list {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:flex-start;}

/* ---------- header */
.headframe {width:100%;padding:1em 1em 0 1em;background:#fff;border-top:8px solid #00bf3b;position:fixed;z-index:99999;box-shadow: 0 0 8px gray;}
.headlogo {padding:5px;}
.headlogo img {width:120px;}
#menu-glnav {width:100%;margin:1em 0 0 0;text-align:center;vertical-align:bottom;}
#menu-glnav a {width:31.99999%;margin:1% 1% 0 1%;padding:1%;font-weight:bold;text-decoration:none;border-top:1px solid #f576a3;border-right:1px solid #f576a3;border-left:1px solid #f576a3;background:#ffeeeb;cursor:pointer;}

/* ---------- home */
.homebanners img {width:98%;margin:1%;}
.homebanners img.oneimg {width:49%;margin:1%;}
.prof {width:30%;margin:0 2% 0 0;}
.prof img {width:70%!important;margin:1%;}
.detail {width:68%;margin:1em 0 0 0;padding:3%;border:2px solid #fcba03;}
.detail h4 {margin:0 0 1em 0;color:#000;}
.detail img {width:60%!important;margin:1%;}

/* ---------- footer */
footer {margin:100px 0 0 0;padding:1em 0;border-top:2px solid #f576a3;}

#menu-foot-etcnav {text-align:center;}
#menu-foot-etcnav img {width:150px;margin:0 3em 1em 3em;}
#menu-foot-glnav div {width:32%;margin:.5%;}
#menu-foot-glnav div a {margin:2em 0;padding:.6em 1em;text-decoration:none;display:block;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
#menu-foot-topicnav {margin:0 0 1em 0;}
#menu-foot-topicnav a {width:33%;margin:2%;padding:2%;font-size:100%;font-weight:bold;border:1px solid #ccc;text-align:center;-webkit-border-radius:10px;-moz-border-radius: 10px;border-radius: 10px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;position:relative;}
#menu-foot-topicnav a::after {
	content: "";
	top: 40%;
	right: 20px;
	width: 10px;
	height: 10px;
	border-top: 1px solid #222;
	border-right: 1px solid #222;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	position: absolute;}
#menu-foot-topicnav a:nth-child(1):hover {color:#000;background:#eee;}
#menu-foot-topicnav a:nth-child(2):hover {color:#000;background:#eee;}
#menu-foot-topicnav a:nth-child(3):hover {color:#000;background:#eee;}

/* ---------- tablist */
.tab-list {margin:0;font-weight:bold;text-align:center;}
.tab-list li {cursor:pointer;}
.tab-list.tabs {list-style-type:none;}
.tab {width:50%;padding:2.5%;border-bottom:2px solid #ccc;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.tab.is-active {color: #ffffff;border-bottom:2px solid #000;background:#ff4000;}
.tab-list a {text-decoration:none;}
.tabviews,.tabcontent {display:none;}
.tabviews.is-show,.tabcontent.is-show {display:block;}
.tabcontent {margin:0;padding:1em;}
.tabcontbg {padding:.8em;background:#ffeae3;}
/* ---------- package */
.tabset .tab {width:48%;margin:0 1%;border-bottom:0;box-shadow: 0px 0px 20px -5px #ff4000;-webkit-border-top-left-radius: 20px;-webkit-border-top-right-radius: 20px;-moz-border-radius-topleft: 20px;-moz-border-radius-topright: 20px;border-top-left-radius: 20px;border-top-right-radius: 20px;}

/* ---------- faqtab */
#faqnav {width:18%;margin:0 3% 0 0;}
#faqans {width:79%;}
#faqans h3 {margin-top:0;}
.faqtab {width:100%;margin:0;padding:.6em;list-style-type:none;border:1px solid #ff5e00;}
.ftab {margin:.8em 0;padding:.5em .5em .5em 2.3em;font-size:90%;border-bottom:1px solid #ff5e00;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;position:relative;cursor:pointer;}
.ftab:last-child {border-bottom:0;}
.ftab span {top:0;left:0;padding:.3em;color:#fff;line-height:1;background:#000;display:inline-block;position:absolute;-webkit-border-bottom-right-radius: 10px;-moz-border-radius-bottomright: 10px;border-bottom-right-radius: 10px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.ftabviews,.ftabcontent {display:none;}
.ftab.is-actives {color:#ff5e00;font-weight:bold;border-bottom:1px solid #000;background: rgb(255 255 255);}
.ftab:last-child.is-actives {border-bottom:0;}
.ftab.is-actives span {font-weight:normal;background:#ff5e00;}
.ftabviews.is-shows,.ftabcontent.is-shows {display:block;}
#answer dl {margin:0 0 2em 0;}
#answer dt,#answer dd {position:relative;}
#answer dt {margin:.7em 0 0 0;padding:.3em 0 .3em 2.5em;font-weight:bold;position:relative;}
#answer dd {margin:0 0 .6em 0;padding:.3em 0 1em 2.5em;border-bottom:1px solid #ccc;position:relative;}
#answer dd:last-child {border-bottom:0;}
#answer dt::before,#answer dd::before {left:0;padding:.6em .8em;color:#fff;font-size:90%;font-weight:bold;line-height:1;background:#d06831;display:inline-block;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;position:absolute;}
#answer dt::before {content:"Q";background:#ff6229;}
#answer dd::before {content:"A";background:#ffbf29;}

/* ---------- option */
.bigbtn {width:70%;margin:0 auto;padding:1em 0;color:#fff;text-align:center;text-decoration:none;background:#0063a1;box-shadow: 3px 3px 3px gray;position:relative;display:block;}
.bigbtn:hover {opacity:0.8;} 
.bigbtn h2 {margin:0;color:#fff;font-size:160%;line-height:1.6;}
.bigbtn .icon-cursol {top: 50%;right: 25px;font-size:30px;color: rgb(255, 255, 255);transform: rotate(-90deg) translateX(50%);position: absolute;}

.tablelist {width:100%;background:#fff;border-collapse:collapse;}
.tablelist td {padding:2em;line-height:1.6;}/* border-top:1px solid #000;border-bottom:1px solid #000; */
.tablelist td:nth-child(1) {width:30%;letter-spacing:8px;}
.tablelist td:nth-child(2) {width:70%;}

.btnnavbg {margin:1.5em 0 0 0;padding:.4em .8em .5em .8em;color:#fff;text-decoration:none;display:inline-block;background:#00bf3b;position:relative;border-radius: 10px;}
.btnnav {margin:.35em 0 0 0;padding:.4em 3em .5em .8em;color:#fff;text-decoration:none;display:inline-block;background:#00bf3b;position:relative;border-radius: 10px;}
.btnnav:hover {color:#fff;opacity:.8;}
.btnnav::after {
	content: "";
	top: 40%;
	right: 20px;
	width: 10px;
	height: 10px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	position: absolute;}

.itemarticle .fall {color:#d06831;}
.itemarticle .winter {color:#00c2cb;}

.shop_info {color:#00bf3b;}

.btnpagetop {bottom:40px;right:0;padding:1em 1em 1.3em 1em;color:#fff;text-decoration:none;text-align:center;line-height:1;background:#f576a3;box-shadow: 0px 0px 13px -5px #f576a3;display:inline-block;position:fixed;}
.btnpagetop span {font-size:80%;font-weight:bold;}

.itemarticle {margin:2em 0;}
.itemarticle img {width:28%;margin:0 2% 0 0;}
.itemarticle div {width:70%;}
.itemarticle h3 {margin:0;}
.itemarticle .netshop_url {margin-bottom:-1em;font-weight:bold;}

.copyrights img {width:20%;}

.typo-blue {color:#00294a;}
.typo-lightbrown {color:#ebc975;}

.bg-pink {background:#f576a3;}
.bg-lightgreen {background:#a6d14e;}
.bg-lightblue {background:#00c2cb;}

.img-msize {width:60%;}
.img-lsize {width:70%;}
.img-xlsize {width:90%;}

.ta-r {text-align:right;}
.ta-c {text-align:center;}

.column_h1 {margin:.75em 0;padding:.75em;background-color:#f576a3;color:#fff;text-align:center;border:none;}
.columnarticle {margin:2em 0;}
.column_img { width: 80%;margin: 0 auto; display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;}
.column_img img {border: 2px solid #00bf3b;width:70%;vertical-align: bottom;}
.img_cap {position: relative; width: 50%; text-align:center;color:#fff; font-weight: bold;letter-spacing: 1px;}
.img_caplast {position: relative;width:100%;text-align:center;color:#fff;font-weight:bold;letter-spacing:1px;align-items: center;}
.img_caplast img {width:35%;height: auto;border: 2px solid #00bf3b;vertical-align: bottom;}
.img_caplast span {opacity:.85;box-shadow:0px 0px 20px -1px #7f7f7f;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;position:absolute;width:28%;display:block;padding:0.8em;background:#00bf3b;}
.img_cap span {opacity:.85; box-shadow:0px 0px 20px -1px #7f7f7f; -webkit-border-radius: 6px;-moz-border-radius:6px;border-radius:6px;position:absolute;width:50%;display:block;padding: 0.8em;background: #00bf3b;}
.img_cap span.rights {top: 1.5em;right: 0;}
.img_cap span.lefts {bottom: -2em;left: 0;}
.img_caplast span.centers {bottom: -2em;left: 18em;}

.pcview {display:block;}
.spview {display:none;}
/* ===== responsive */
@media screen and (max-width:48em) {
	.pcview {display:none;}
	.spview {display:block}

    body {min-width:100%;}
	img {width:100%;height:auto;}
	
    .colcont {display:block;}
    .mze {width:97%;margin:0 auto;}

    .img-msize,.img-lsize,.img-xlsize {width:90%;}

    #menu-glnav a {width:48%;margin:1%;padding:1%;display:inline-block;vertical-align:bottom;}

    .homebanners img.oneimg {width:98%;margin:1%;}

    .prof,.detail {width:100%;margin:0;}

    .bigbtn {width:90%;}
    .bigbtn h2 {font-size:110%;}
    .bigbtn .icon-cursol {font-size:28px;}

    .column_img {display:block;width: 100%;}
    .img_cap {width: 100%;padding-top: 4em;}
    .img_cap:first-child {padding-top: 0;}
    .img_cap img {width: 50%;}
    .img_caplast img {width:50%;margin:0 auto;display:block;}
    .img_cap span {opacity:.85; box-shadow:0px 0px 20px -1px #7f7f7f; -webkit-border-radius: 6px;-moz-border-radius:6px;border-radius:6px;position:absolute;width: 40%;display:block;padding: 0.5em;background: #00bf3b;}
    .img_cap span.rights {top: 5.5em;right: 3em;}
    .img_cap span.lefts {bottom: -2em;left: 3em;}
    .img_caplast span.centers {bottom: -2em;left: 3em;}
    .img_caplast span {opacity:.85;box-shadow:0px 0px 20px -1px #7f7f7f;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;position:absolute;display:block;padding:0.5em;background:#00bf3b;}


    #menu-foot-glnav div {width:100%;}
    #menu-foot-glnav div a {width:99%;color:#000;border-bottom:1px solid #ff4000;}
    #menu-foot-glnav div a,#menu-foot-glnav div a:hover {border-left:none;}
    #menu-foot-glnav div:last-child a:last-child {border-bottom:0;}

    .tab-list {display:block;}
	.tab-list .tab {width:48%;margin:.6%;padding:5%;vertical-align:top;display:inline-block;}
    .tab-list .tab .tabs {margin:100px;}
    /* ---------- package */
    .tabset li {font-size:100%;text-align:center;}
    .tabset .tab {width:48%;margin:0 1%;border-bottom:0;}

    .youtube {width:100%;height:280px;vertical-align:bottom;}

    .tablelist td:nth-child(1) {width:35%;}
	.tablelist td:nth-child(2) {width:65%;}

    .scrolltable {overflow: auto;white-space: nowrap;}
    .scrolltable::-webkit-scrollbar {height:.6em;}
    .scrolltable::-webkit-scrollbar-track {background: #eee;}
    .scrolltable::-webkit-scrollbar-thumb {background: #a1bad4}

    #faqnav,#faqans {width:100%;}
    #faqnav {margin:0;}

    .itemarticle {margin:2em 0;}
    .itemarticle img {width:50%;margin:0 auto;display:block;}
    .itemarticle div {width:100%;}

    .copyrights img {width:30%;}
}