/*
Version:1.0.0
*/
/*reset*/
*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role="list"],ol[role="list"]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}

/*basis*/
body{color:#222;background-color:#fff;font-size:14px;line-height:1.5;font-family: 'Noto Sans JP', "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;}
h1,h2,h3,h4,h5,h6{font-weight:bold;margin:2em 0 1em;}
h1{font-size:180%;} h2{font-size:160%;} h3{font-size:140%;} h4{font-size:120%;} h5{font-size:110%;} h6{font-size:100%;}
p,ul{margin:0 0 1em;}
li>ul{margin:0;}
img{display:inline-block;}
a{color:#111;text-decoration:underline;cursor:pointer;}
a:hover{color:#8ab4f8;text-decoration:none;}
input['submit'], button {cursor:pointer;}

/*icon*/
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.icon-logo:before {content: "\e900";}
.icon-edit:before {content: "\e901";}
.icon-help:before {content: "\e902";}
.icon-alert:before {content: "\e903";}
.icon-arrow-down:before {content: "\e904";}
.icon-arrow-left:before {content: "\e905";}
.icon-arrow-right:before {content: "\e906";}
.icon-arrow-up:before {content: "\e907";}
.icon-chevron-down:before {content: "\e908";}
.icon-chevron-left:before {content: "\e909";}
.icon-chevron-right:before {content: "\e90a";}
.icon-chevron-up:before {content: "\e90b";}
.icon-close:before {content: "\e90c";}
.icon-check:before {content: "\e90d";}
.icon-minus:before {content: "\e90e";}
.icon-plus:before {content: "\e90f";}
.icon-trash:before {content: "\e910";}
.icon-date:before {content: "\e911";}
.icon-shopping:before {content: "\e912";}
.icon-delivery:before {content: "\e913";}
@charset "UTF-8";
/*
Version:1.0.7
*/

:root {
	--main-color: #00323f;
	--sub-color: #e3ebe7;
	--ex-color:#c69c6d;
    --bg-gradation: linear-gradient(180deg, var(--color-bg-weak) 0%, var(--color-bg) 100%);

	--color-text:#00323f;/**/
	--color-text-weak:#628590;/**/
	--color-text-weak-max:#b6b6b6;
	--color-link: #00323f;/**/
	--color-link-hover: #75BCDE;

	--color-bg-weak:#e3ebe7;/**/
	--color-bg:#c4d6ce;/**/
	--color-bg-strong:#00323f;/**/
	--color-bg-header:#00323f;/**/
	--color-bg-footer:#00323f;/**/
	--color-border:#00323f;/**/
	--color-border-weak:#628590;/**/
	--color-border-table:#E6E6E6;

	--color-errmsg:#CC0000;/**/

	--color-border-header:rgb(75,75,75);
	--color-btn-gray:#aaa;
	--color-btn-gray-text:#fff;
	--color-btn-hover:#E3F1F8;
	--color-btn-cta:#75BCDE;
	--color-btn-cta-hover:#55ACD6;

	--space-sp:15px;/**/
	--space-tb:20px;/**/
	--space-pc:25px;/**/
	--space-sp-nega:-15px;/**/
	--space-tb-nega:-20px;/**/
	--space-pc-nega:-25px;/**/

	--size-text-x-small:10px;
	--size-text-small:11px;
	--size-text:12px;
	--size-text-strong:14px;
	--size-text-heading:16px;
	--size-text-heading-strong:18px;
	--size-text-heading-max:20px;
	--size-text-heading-max2:22px;

	--size-header:65px;/**/
	--size-header-nega:-65px;/**/
	--size-tab:70px;/**/

	--size-canvas:1600px;/**/
	--size-canvas-form:1000px;/**/
}

/*basis*/
body{color:var(--color-text);font-size:var(--size-text);font-weight:400;/*background-color:var(--color-bg-strong);*/}
a{color: var(--color-link);}
a:hover{color: var(--color-link-hover);}
strong{font-weight:bold;}
.mb1{margin-bottom:1em;}
.mb2{margin-bottom:2em;}
.mb3{margin-bottom:3em;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt100{margin-top:100px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.pl10{padding-left:10px;}
.pvw0{padding-left:0 !important; padding-right:0 !important;}
.pvh30{padding-top:30px !important; padding-bottom:30px !important;}
.clearfix{clear:both;display: block;content: '';}
.tac{text-align:center;}
.wordbreak{word-break:break-all;}

hr{background-color:#ccc; border:0; height:1px; margin:20px auto;}

.sp-none{display:none !important;}
.pc-none{display:block !important;}
@media screen and (min-width: 700px){ /*mod ver6*/
	.sp-none{display:block !important;}
	.pc-none{display:none !important;}
}

/*header*/
#header {height: var(--size-header);background-color:var(--color-bg-header);color:#FFF;position: fixed;width: 100%;text-align:left;z-index:99;font-weight:400;}
#header>.wrap{max-width:var(--size-canvas); margin: 0 auto;position: relative;}
.header-box {display:flex; width:100%; padding: 0 var(--space-sp); height: var(--size-header); align-items:center; justify-content:space-between;}
.header-box>.inner{display:flex; align-items:center;}
.header-box a{color:#FFF;text-decoration:none;}
.header-box .logo{height:24px;}
.header-box .logo img{height:24px;}
.header-box .site-name{margin:0;padding:0 10px 0 5px;font-size: var(--size-text-small);}
.header-box .header-btn{border:1px solid #FFF;margin-right:var(--space-sp);padding:5px 10px;font-size: var(--size-text-strong);text-align:center;}
.header-box .header-btn:last-child{margin-right:0;}
.header-box .header-btn:hover{color:var(--color-bg-header);background-color:#FFF;}
@media screen and (max-width: 374px){
	.header-box .site-name{font-size: var(--size-text-x-small);}
	.header-box .header-btn{padding:5px;font-size: var(--size-text);}
}
@media screen and (min-width: 560px){
	.header-box{padding:0 var(--space-tb);}
	.header-box .site-name{padding:0 10px 0 10px;}
	.header-box .header-btn{margin-right:var(--space-tb); width:100px;}
}
@media screen and (min-width: 960px){
	.header-box{padding:0 var(--space-pc);}
	.header-box .header-btn{margin-right:var(--space-pc);}
}

/*sp menu*/
nav{display:none; z-index:103; position:absolute; top:64px; right:0; padding:var(--space-sp); background-color:var(--main-color); color:#FFF;}
nav ul{margin:0; padding:0; list-style:none;}
nav ul li{margin-bottom:var(--space-sp);}
nav ul li:last-child{margin-bottom:0;}
.header-menu a {text-decoration: none;text-transform: capitalize;opacity: 0;transition: 0.5s;display:block;align-items:center;}
.header-menu a:hover{color:var(--color-link-hover);}
.menu-btn:checked ~ nav {opacity: 1;display:inline-flex;transform: scale(1, 1);transform-origin: top;transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;}
.menu-btn:checked ~ nav a{opacity: 1;transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.2s; min-width: 150px; padding:10px; font-size:var(--size-text-strong);}
div.menu-popup-bg-cover{display:none; position: fixed; background: rgba(0, 0, 0, 0.5);width:100%;height:100%;top: 0;left: 0; z-index:97;}
.menu-btn:checked ~ div.menu-popup-bg-cover{display:block;}
@media screen and (min-width: 560px){
	nav{padding:var(--space-tb);}
	nav ul li{margin-bottom:var(--space-tb);}
}
.menu-btn {display: none;}
.menu-icon {display: inline-block; position: relative; cursor: pointer; z-index:102; margin: 10px var(--space-sp);/*padding: 33px var(--space-sp);*/height: 44px;}
.navicon-btn{width: 44px;height: 44px; position: absolute; top:1px; right: -13px; border:1px solid #FFF;}
.navicon {width: 18px;height: 2px;background-color:#FFF;display: block;position: relative;transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;top:22px;}
.navicon:before, .navicon:after {content: "";display: block;position: absolute;width: 100%;height: 100%;background-color:#FFF;transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;}
.navicon:before {top: 6px;width: 18px;}
.navicon:after {bottom: 6px;width: 18px;}
.menu-btn:checked ~ .menu-icon .navicon:before {transform: rotate(-45deg);width: 18px;}
.menu-btn:checked ~ .menu-icon .navicon:after {transform: rotate(45deg);width: 18px;}
.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before {top: 0;}
.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {bottom: 0;}
.menu-btn:checked ~ .menu-icon .navicon {background-color: rgba(0, 0, 0, 0);transition: 0.2192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;}



/*footer*/
#footer{background-color:var(--color-bg-footer);color:#FFF;}
#footer>.wrap{margin: 0 auto;}
.footer-box{display:block;text-align:center; padding: 20px var(--space-sp) 150px var(--space-sp);}
.footer-box .copy{display:block;font-size:var(--size-text-small);}
.footer-box .fnav{display:block;}
.footer-box .fnav ul{margin:0;padding:0;margin-bottom:20px;}
.footer-box .fnav ul li{border-right: 1px solid #FFF;margin-right: 1em;padding-right: 1em;display: inline-block;white-space: nowrap;list-style:none;}
.footer-box .fnav ul li a{color:#FFF;text-decoration:none;}
.footer-box .fnav ul li a:hover{text-decoration:underline;}
.footer-box .fnav ul li:last-child {border: none;margin: 0;padding: 0;}
@media screen and (min-width: 560px){
	.footer-box{padding: 20px var(--space-tb) 150px var(--space-tb);}
	.footer-box .fnav ul li{font-size: var(--size-text-strong);}
}
@media screen and (min-width: 960px){
	.footer-box{padding: 20px var(--space-pc) 150px var(--space-pc);}
}


/*fixed*/
.cv-fixed {height: var(--size-header);background-color:var(--color-bg-header);color:#FFF;position: fixed;width: 100%;text-align:left;z-index:99;font-weight:400; left:0; bottom:0; box-shadow: 0 -5px 10px -1px #FFF;}
.cv-fixed>.wrap{max-width:var(--size-canvas); margin: 0 auto;position: relative;}
.addfgr-cv-fixed{z-index:102;}
.cv-box {display:flex; width:100%; padding: 0 calc(var(--space-sp) * 2); height: var(--size-header); align-items:center; justify-content:space-between;}
.addfgr-cv-fixed .cv-box {justify-content:center;}
.cv-box .cv-btn{color: var(--color-text); border:1px solid #FFF; margin-right:calc(var(--space-sp) * 2); padding:5px 10px; font-size: var(--size-text-heading); text-align:center; width:50%; background-color:#FFF; text-decoration:none; cursor:pointer;}
.cv-box .cv-btn:last-child{margin-right:0;}
.cv-box .cv-btn:hover{color:#FFF;background-color:var(--color-bg-strong);}
@media screen and (min-width: 960px){
	.cv-fixed {width:100%; height:auto; background-color:transparent; position:relative; box-shadow:none; z-index:90; padding-top:15px;}
	.addfgr-cv-fixed{height: var(--size-header);background-color:var(--color-bg-header);color:#FFF;position: fixed;width: 100%;text-align:left;z-index:99;font-weight:400; left:0; bottom:0; box-shadow: 0 -5px 10px -1px #FFF; z-index:102;}

	.cv-box {width:100%; height:auto; padding:0; justify-content:flex-end;}
	.pro .cv-box {justify-content:center;}
	.cv-box .cv-btn{width:auto;background-color:var(--color-bg-strong);color:#FFF;padding:10px 50px;}
	.cv-box .cv-btn:hover{border:1px solid var(--color-border);color:var(--color-text);background-color:transparent;}

	.addfgr-cv-fixed .cv-box {display:flex; width:100%; padding: 0 calc(var(--space-sp) * 2); height: var(--size-header); align-items:center; justify-content:center;}
	.addfgr-cv-fixed .cv-box .cv-btn{border:1px solid #FFF;color:var(--color-text);margin-right:calc(var(--space-sp) * 2);padding:5px 10px;font-size: var(--size-text-heading);text-align:center;width:50%;background-color:#FFF;text-decoration:none;}
	.addfgr-cv-fixed .cv-box .cv-btn:hover{color:#FFF;background-color:var(--color-bg-strong);}
}

/*btn*/
.btn1{display:inline-block;color:var(--color-text-weak);text-decoration:none;border:1px solid var(--color-border-weak); border-radius:4px; padding:1px 30px;font-size: var(--size-text);text-align:center;height:2em;cursor:pointer;}
.btn1:hover{color:var(--color-bg);background-color:var(--color-border-weak);}
.btn1.faq{margin-top:10px;}
@media screen and (min-width: 960px){
	.btn1{font-size: var(--size-text-strong);}
}
.btn2{position:relative;color:var(--color-text);background-color:#FFF; text-decoration:none; border-radius:4px; padding:5px 15px;font-size: var(--size-text-heading);display:block;cursor:pointer;}
.btn2:hover{color:#FFF;background-color:var(--color-bg);}
.btn2 span:after{font-family:'icomoon'; content:"\e90a"; position:absolute; right:15px;}
.btn3{color:var(--color-text);text-decoration:none;border:1px solid var(--color-border); border-radius:4px; padding:5px 15px;font-size: var(--size-text-strong);text-align:center;cursor:pointer;background-color: transparent;}
.btn3:hover{color:var(--color-bg-weak);background-color:var(--color-bg-strong);}
.btn4{display:block; width:100%; color:var(--color-bg-weak); text-decoration:none; background-color:var(--color-bg-strong); border:1px solid var(--color-border); border-radius:4px; padding:10px 20px;font-size: var(--size-text-strong);text-align:center;cursor:pointer;}
.btn4:hover{color:var(--color-text); background-color:var(--color-bg-weak); border:1px solid var(--color-border);}
.btn5{display:block; width:100%; color:var(--color-text);background-color:#FFF;text-decoration:none;border-radius:15px; padding:5px 20px;font-size: var(--size-text-strong);text-align:center;cursor:pointer;}
.btn5:hover{color:#FFF;background-color:var(--color-bg-strong);}


/*main*/
#main{padding-top:var(--size-header);letter-spacing:1px;}
.main-inner>.wrap{max-width:var(--size-canvas); margin: 0 auto; padding:0 var(--space-sp);}
.main-inner>.wrap.w1024{width:100%; max-width:1024px;}
.wrap.w1024{width:100%; max-width:1024px; margin-left:auto; margin-right:auto;}
.main-inner.main-form>.wrap{max-width:var(--size-canvas-form);}
.main-header{background-color:var(--color-bg);text-align: center;}
.main-header>.wrap{padding-top:10px; padding-bottom:10px;}
.main-header h1{margin:0;padding:0;font-weight:300;font-size:var(--size-text-heading-max);}
.main-subheader{background-color:var(--color-bg-weak);color:var(--color-text-weak);font-size:var(--size-text-strong);}
.main-subheader>.wrap{padding:0 calc(var(--space-sp) * 2);padding-top:15px; padding-bottom:15px;}
.main-subheader.mini>.wrap{padding-top:5px; padding-bottom:5px;}/*add ver2*/
.main-subheader .sels{padding-bottom:10px;padding-top:15px;}
.main-subheader .sels:last-child{padding-bottom:0;}
.main-subheader .sels>p{margin:0;padding-bottom:5px; white-space:nowrap;}
.main-subheader .sels2{padding:15px var(--space-sp);width:100%;}/*add ver2.5*/
.main-subheader .sels2>.wrap{display:flex; align-items:bottom;}/*add ver2.5*/
@media screen and (min-width: 560px){
	.main-subheader .sels2{padding:15px var(--space-tb);}
}
@media screen and (min-width: 960px){
	.main-subheader .sels2{padding:15px var(--space-pc);}
}

.main-subheader.blend-ui>.wrap{padding-top:0;}
.main-myheader{padding:20px 0;}
.main-myheader>.wrap{display: flex; align-items:center; justify-content:space-between;}
.main-mylist .main-subsection{margin-bottom:20px;}
.main-mylist .main-subsection:last-child{margin-bottom:0;}
.main-mylist p{/*font-size:var(--size-text-heading-strong);*/margin-bottom:10px;}/*add ver2.5*/
.main-mylist copy{color:var(--color-text-weak);font-size:var(--size-text-x-small); display: block; text-align:center;}
.main-mylist .fgrstatus{padding:10px 0;}
.my-btns{display: flex; justify-content: space-between; align-items: stretch;}
.my-btns.tac{justify-content: center;}
.my-btns a:first-child{margin-right:5px;}
.my-btns .btn4{padding:5px 15px; width: unset; display: inline-block;}

@media screen and (min-width: 560px){
	.main-mylist {display:flex; flex-flow:wrap;}
	.main-mylist .main-subsection {width:calc(100% / 2 - var(--space-tb) / 2); margin-bottom:var(--space-tb);}
	.main-mylist .main-subsection:nth-child(2n){margin-left:calc(var(--space-tb) / 2);}
	.main-mylist .main-subsection:nth-child(2n-1){margin-right:calc(var(--space-tb) / 2);}
	.main-mylist .main-subsection:last-child{margin-bottom:var(--space-tb);}
}
@media screen and (min-width: 960px){
	.main-mylist .main-subsection {width:calc(100% / 3 - var(--space-pc) * 2 / 3); margin-bottom:var(--space-pc);}
	.main-mylist .main-subsection:nth-child(2n){margin-left:0;}
	.main-mylist .main-subsection:nth-child(2n-1){margin-right:0;}
	.main-mylist .main-subsection:nth-child(3n){margin-left:calc(var(--space-pc) / 2);}
	.main-mylist .main-subsection:nth-child(3n-1){margin-left:calc(var(--space-pc) / 2);margin-right:calc(var(--space-pc) / 2);}
	.main-mylist .main-subsection:nth-child(3n-2){margin-right:calc(var(--space-pc) / 2);}
	.main-mylist .main-subsection:last-child{margin-bottom:var(--space-pc);}
}


.main-section{background-color:var(--color-bg-weak);color:var(--color-text-weak);padding:10px;border-radius:4px;}
.main-subsection{background-color:#FFF;color:var(--color-text);padding:10px;border-radius:4px;position:relative;}
.main-subsection.pro{margin-bottom:10px; padding-bottom:20px;}
.main-subsection.init{background-color:var(--color-border-table); border: 2px solid var(--color-border-weak);}
.main-subsection.flx{display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:10px;}
.main-subsection.oos{background-color:#F3F3F3;}
.main-subsection.oos .addfgr-btn,.main-subsection.oos .addfgr-btn:hover{border: 1px solid var(--color-border-weak);background-color: var(--color-bg-weak);color: var(--color-text-weak);}

.main-subsection:last-child{margin-bottom:0;}

.main-section.sns-lp{background-size:cover;background-color:rgba(255,255,255,0.8); background-blend-mode:lighten;}

.main-msg{font-size: var(--size-text-heading-max2); color: var(--color-text); margin: 30px auto; text-align: center;}

.sec-ttl{margin:0;padding:5px 0 15px 0;font-weight:400;color:var(--color-text);font-size:var(--size-text-heading-strong);text-align:center;}
.sec-ttl2{margin:0;padding:0;font-weight:400;color:var(--color-text);font-size:var(--size-text-heading-max);}
.sec-ttl3{margin:10px 0;padding:0;font-weight:700;color:var(--color-text);font-size:var(--size-text-strong) !important;}
.sec-ttl4{margin:0;padding:0;font-weight:400;color:var(--color-text-weak);font-size:var(--size-text-strong) !important;}
.fgr-icon{display:inline; &:before{font-family:'icomoon'; content:"\e900"; display: inline; padding-right:5px;}}
.fgr-name{margin:0;padding:0 0 5px 0;font-weight:400;font-size:var(--size-text-heading);}
.fgr-name span{padding-right:5px;}
.fgr-desc1{margin:0;padding:0 0 0 0;font-size:var(--size-text-small);}
.fgr-desc2{margin:0;padding:0 0 5px 0;font-size:var(--size-text-x-small);color:var(--color-text-weak);}
.fgr-input{display:block; width:90px; font-size:50px; text-align:right; margin:-10px 0 0 0; padding:0; line-height:1; border:0; background-color:transparent;}
.fgr-inputbtn{text-align:right;/*margin-top:5px;*/ margin-bottom: 20px;}
.fgr-inputbtn button{border-radius:4px; border:1px solid var(--color-border); background-color:transparent; width:20px; height:20px; font-size:var(--size-text); line-height:1; margin:0; padding:0; color:var(--color-text); margin-left:7px; margin-right:3px; cursor:pointer;}
.fgr-inputbtn button:hover{background-color:var(--color-border);color:#FFF;}
.fgr-delbtn{position:absolute; bottom:0; right:0;}
.fgr-delbtn button{border-radius: 4px 0 4px; border: 1px solid var(--color-text); background-color: var(--color-bg-strong); height: 20px; font-size: var(--size-text); line-height: 1; margin: 0; padding: 0 10px; color: #FFF; cursor: pointer;}
.my-delbtn{position:absolute; top:0; right:0;height: 20px; font-size: var(--size-text-heading); line-height: 1; margin: 15px 10px; padding: 0; color: var(--color-text); cursor: pointer; border: 0; background-color: transparent;}
.fgr-delbtn button:before, .my-delbtn:after{font-family:'icomoon'; content:"\e910"; display: inline-block; font-weight:300; padding-right:5px;}
.my-delbtn:after{padding-right:0;}
.fgr-delbtn button:hover, .my-delbtn:hover{background-color:#FFF;color:var(--color-text);}
a.fgr-add{text-decoration:none;}
a.fgr-add:hover .main-subsection{color:#FFF;background-color:var(--color-bg-strong);}
.fgr-addbtn{text-align:center;width:100%;text-decoration:none;cursor:pointer;}
.fgr-addbtn p{margin:0;padding:0;font-size:var(--size-text-strong);}
.fgr-addbtn .fgr-addicon{font-size:30px; line-height:1;}


/*pro*/
.fgr-addprobtn{cursor:pointer; margin-bottom:10px;}
.fgr-addprobtn .fgr-btns{display: flex; justify-content: space-around;}
.fgr-addprobtn .fgr-btns .fgr-addpro{background-color:#FFF;color:var(--color-text);padding:10px;border-radius:4px;font-size:var(--size-text-strong);}
.fgr-addprobtn .fgr-btns .fgr-addpro:first-child{margin-right:5px;}
.fgr-addprobtn .fgr-btns .fgr-addpro:hover{background-color:var(--color-bg-strong);color:#FFF;}
.fgr-addprobtn .fgr-btns .fgr-addpro p{ display: inline-block; margin: 0;}
.fgr-addprobtn .fgr-btns .fgr-addpro .fgr-addicon{display:inline;font-weight:bold;}

.fgr-select{padding:2px 5px;width:calc(100% - 120px); align-self: stretch;}
.fgr-inputpro{width:70px; font-size: var(--size-text-heading-max); font-weight:bold; text-align:right;padding:2px 5px;}
.fgr-inputpro2{width:100px; font-size: var(--size-text-heading-max); font-weight:bold; text-align:right; padding:2px 5px; margin:0 5px;}

.proinputbox{font-size:var(--size-text-strong);display: flex; justify-content: space-between; align-items: center;}
.proinputbox .fgr-icon{font-size:var(--size-text-heading);}

.pro .sels{max-width:300px; margin: 0 auto;}
/*pro*/

.fgr-totals{display:flex; justify-content:space-between;margin:20px 0;}
.fgr-totals .btn3{display:block;}
.fgr-totals .btn3:last-child{margin-top:5px;}
.fgr-totals .fgr-btns{display: flex; flex-flow: column; justify-content: space-between; margin-right:10px;}
.fgr-totals .fgr-total{border-left:2px solid var(--color-border-weak);border-bottom:2px solid var(--color-border-weak); color:var(--color-text); text-align:right;}
.fgr-totals .fgr-total-sum{display:block; width:125px; font-size:70px; margin: -15px 0 0px; padding:0; line-height:1; height:1em; border:0;}
.pro .fgr-totals .fgr-total-sum{font-size: 36px; margin: -5px 0 5px 0;}
.pro .fgr-totals .fgr-total{position:relative;}
.pro .fgr-totals .fgr-total .cv-btn{position:absolute; left:0; bottom:0; margin:5px;}
.pro .fgr-totals .fgr-total .cv-btn:before{font-family:'icomoon'; content:"\e901"; display: inline-block; font-size:var(--size-text-heading);}

.fgr-totals .fgr-total-unit{display:block; width:120px; font-size:var(--size-text-x-small) text-align:right; margin:0 0 5px 0;}
.pro .fgr-totals .fgr-total-unit{font-size:var(--size-text);}

.fgr-totals .btn3{display:block;}
.fgr-cvt{display:block; text-align:center; margin:20px 0;}

.msg-err{display:flex; align-items:center; justify-content:center; margin:20px 0 10px; color:var(--color-errmsg); font-size:var(--size-text-strong);}
.msg-err:before{font-family:'icomoon'; content:"\e903"; color:var(--ex-color); display: inline; padding-right:5px; font-size:var(--size-text-heading-max);}
.msg-err-inline{justify-content:flex-start; }
.msg-err2{display:flex; align-items:center; justify-content:center; margin:0; padding:0 0 10px 0; color:var(--color-errmsg); font-size:var(--size-text-strong);background-color:var(--color-bg-weak);}
.msg-err2:before{font-family:'icomoon'; content:"\e903"; color:var(--ex-color); display: inline; padding-right:5px; font-size:var(--size-text-heading-max);}
.msg-check{display:flex; align-items:center; justify-content:center; margin:0; padding:0 0 10px 0;}
.msg-check:before{font-family:'icomoon'; content:"\e90d"; color:var(--ex-color); display: inline; padding-right:5px; font-size:var(--size-text-heading-max);}
.msg-red{color:var(--color-errmsg); font-size:var(--size-text-strong); font-weight:bold;}/*add ver2*/
.msg-red2{color:var(--color-errmsg); font-weight:bold;}/*add ver5*/

.ai-text-info,.accd-basic,.accd-pro{display:flex; align-items:center; justify-content:flex-start; color:#999; font-size:var(--size-text);font-weight:400;cursor:pointer;}
.accd-basic{justify-content:center;}
.main-mylist .accd-basic{font-size:var(--size-text-strong); color:var(--color-text);}
.ai-text-info:before{font-family:'icomoon'; content:"\e902"; color:#999; display: inline; padding-right:5px; font-size:var(--size-text-heading);font-weight:300;}
.accd-basic:after,.accd-pro:after{font-family:'icomoon'; content: "\e908";color:#999; display: inline; padding-right:5px; font-size:var(--size-text-heading);font-weight:300;}
.main-mylist .accd-basic:after{color:var(--color-text);}
.accd-pro{justify-content:flex-start;margin:5px 0;padding-left:5px;}
.accd-pro:after{line-height:1em;}
.acc-i {display:none;}
.acc-l,.acc-c {-webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: all 0.3s;}
.acc-l {margin-bottom:10px; font-size:var(--size-text-strong);}/*add ver2.5*/
.mini .acc-l{margin-bottom:0;}/*add ver2*/
.acc-c {height: 0; overflow: hidden; color:#999;}
.acc-l.accd-pro + .acc-c{margin-top: -20px; margin-left: 30px;}
.acc-i:checked + .acc-l + .acc-c {height:auto; transition: all .3s;}
.acc-i:checked + .accd-basic:after,.acc-i:checked + .accd-pro:after{content: "\e90b";}

.pro.main-subsection .fgr-desc2{padding:0;}

.accd-basic:after{font-family:'icomoon'; content: "\e908";color:#999; display: inline; padding-right:5px; font-size:var(--size-text-heading);font-weight:300;}

.fgr-memo{width:100%; border-radius:4px; height:150px;border:1px solid var(--color-border);padding: 5px;}

.main-notesection{position:relative;margin-bottom:15px;}
.notelist{display:flex; align-items:flex-end; justify-content:center; border-bottom: 1px solid var(--color-bg); margin-bottom: 10px;position:relative;z-index:96;}
.notelist p{width:60px;margin:0;}
.notelist ul{margin:0; padding:0 60px 0 0; list-style:none; text-align:center; width: 100%;}
.notelist ul>li{display:inline-block;margin-right:10px;color:var(--color-text);}
.notelist ul>li:last-child{margin-right:0;}
.main-notesection:after { content:""; background:var(--bg-gradation); clip-path: polygon(50% 0, 100% 100%, 0 100%); position: absolute; bottom: 0; width: calc(100% - 120px); left: 60px; height: 100%; border: 1px solid var(--color-bg); z-index:95;}

.main-aisection{display:flex; justify-content:space-between; align-items:flex-start;}
.main-aisection>.inner{background-color:#8e979d; color:#FFF; padding:10px; border-radius:4px; margin-right:5px; width:50%;}/*mod ver2*/
.main-aisection>.inner:nth-child(2n){background-color:#c69c6d;}
.main-aisection>.inner:last-child{margin-right:0;}
.ai-ttl{margin:0;padding:0 0 5px 0;font-weight:300;font-size:var(--size-text-strong);}
.ai-desc1{margin:0;padding:0 0 0 0;font-size:var(--size-text-small);}
.ai-desc2{margin:0;padding:0 0 10px 0;font-size:var(--size-text-x-small);}

ul.fgr-cloud{margin:0; padding:0; list-style:none; text-align:center;}
ul.fgr-cloud>li{display:inline-block;margin-right:20px;}
ul.fgr-cloud>li.xl{font-size:35px;font-weight:300;}
ul.fgr-cloud>li.l{font-size:30px;font-weight:300;}
ul.fgr-cloud>li.m{font-size:25px;font-weight:400;}
ul.fgr-cloud>li.s{font-size:20px;font-weight:500;}
ul.fgr-cloud>li.xs{font-size:15px;font-weight:500;}

.fgr-tag{margin-bottom:5px;}
.fgr-tag span{display:inline-block; background-color: var(--color-bg-weak); border-radius: 10px;  padding: 0 5px; margin:0 5px 5px 0; font-size: var(--size-text-small);color: var(--color-text-weak);}
.fgr-tag span:last-child{margin-right:0;}
.fgr-cat{color:#999;font-size:var(--size-text-small);font-weight:400;margin:0;padding:0;}
.fgr-cat2{color:#999;font-size:var(--size-text-small);font-weight:400;margin:0;padding:0;display:flex;justify-content:space-between;flex-flow:row wrap;text-align:right;}/*add ver3*/
.fgr-addprice{color:#C00;font-size:var(--size-text-small);margin:0;}
.ai-text{width:100%;margin-bottom:0;}
.fgr-fb{margin:10px 0; color:var(--color-text);}/*add ver2.5*/
.fgr-fb span{display:block;font-weight:bold;}/*add ver2.5*/

.fgr-rate{position:relative; display:inline-block; width:150px; height:30px; font-size:29.2px !important;
	&::before,&::after{position:absolute; display:inline-block; height:30px; content:'★★★★★'; line-height:30px;}
	&::before{color:#c4c4c4;}
	&::after{overflow:hidden; width:calc(var(--score) * 30px); color:#ffb906;}
}

@media screen and (max-width: 374px){
	.fgr-totals .btn3{padding:5px 10px;font-size:var(--size-text);}
}
@media screen and (min-width: 560px){
	#main{}
	.main-inner>.wrap{padding-left:var(--space-tb); padding-right:var(--space-tb);}
	.main-header>.wrap{display: flex; align-items:center; justify-content:space-between;}
	.main-header h1{padding:0;}
	.main-subheader>.wrap{display: flex; align-items:flex-end; padding-left:calc(var(--space-tb) * 2); padding-right:calc(var(--space-tb) * 2);}
	.main-subheader .sels{padding:15px var(--space-tb) 0 0;width:50%; max-width:300px;}
	.main-subheader .sels:last-child{padding:0}
	.btn1.faq{margin-top:0;}
}
@media screen and (min-width: 960px){
	#main{}
	.main-inner>.wrap{padding-left:var(--space-pc); padding-right:var(--space-pc);}
	.main-subheader>.wrap{padding-left:calc(var(--space-pc) ); padding-right:calc(var(--space-pc) );}
	.main-subheader .sels{padding:15px var(--space-pc) 0 0;}

}

/*tab*/
.tabs>.wrap {position:relative; margin: 0 auto;}
.tabs_ttl,.tabs_ttl.pc_ttl,.tabs_ttl.tb_ttl{display:none;}
.tab_item {width:calc(100%/2); height:var(--size-tab); line-height:var(--size-tab); background-color:var(--color-bg-strong); font-size:var(--size-text-strong); color: #FFF; display: block; float: left; text-align: center; transition: all 0.2s ease; z-index:90; position:relative;}
.tab_item:hover{}
.tab_item1 {padding-left:calc(var(--space-sp)); border-radius: 50px 0 10px 0;}
.tab_item2 {padding-right:calc(var(--space-sp)); border-radius:0 50px 0 10px;}
.tab_item3,.tab_item4{display:inline;padding-left:10px;font-size:14px;}/*add ver2.5*/
.tabbg1{position:absolute; z-index:89; width:50%; left:25%; height:var(--size-tab); background: linear-gradient(0deg, #FFF 0%, #FFF 30%, var(--color-bg-strong) 30%, var(--color-bg-strong) 100%);}
.tabbg2{position:absolute; z-index:88; width:100%; height:var(--size-tab); background-color: var(--color-bg-weak);}
input[name="tab_item"],input[name="fgr_item"] {display: none;}
#tab1:checked ~ #tab1_content, #tab2:checked ~ #tab2_content, #tab3:checked ~ #tab3_content, #tab4:checked ~ #tab4_content {display: block;}
#tab1:checked ~ .tab_item1{border-radius:0 50px 0 0;}
#tab2:checked ~ .tab_item2{border-radius:50px 0 0 0;}
#tab3:checked ~ .tab_item3{color:var(--color-text);font-weight:600;}
#tab4:checked ~ .tab_item4{color:var(--color-text);font-weight:600;}
.tabs input:checked + .tab_item { background-color: #FFF; color:var(--color-text);border:1px solid #FFF;}
#tab3_content>.wrap,#tab4_content>.wrap{padding:0;}

.tab_content {display: none; margin:0; padding:15px 0 0; clear: both; overflow: hidden;}
.visual{padding-left:var(--space-sp); padding-right:var(--space-sp);margin-bottom:15px;}
.vessel{width:100%; height:50px; border:2px solid var(--color-border); border-right:0; border-radius:25px 0 0 25px; margin:0; padding:0;}
.scale{display:flex; align-items:flex-end; margin-top:10px;width:100%;height:15px;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);}
.scale span{width:5%;border-left:1px solid var(--color-border);border-bottom:1px solid var(--color-border);}
.scale span:nth-child(2n){height:8px;}
.scale span:nth-child(2n-1){height:15px;}
.scale span:first-child{border-left:0;}

.fgrstatus{text-align: center;}
.fgrstatus .fgrlist{max-width:380px; margin: 1em auto; color: var(--color-text);}
.fgrstatus .fgrlist .fgr-name{font-size: var(--size-text-heading); margin:0; display:flex; justify-content:space-between;}
.fgrstatus .fgrlist .fgr-name span{padding-left:10px;}
.fgrstatus .fgrlist .fgr-name>div{margin-right:1em;}
.fgrstatus .fgrlist .fgr-name>div:last-child{margin-right:0;}
.fgrstatus-mini .vessel{height:30px; border:1px solid var(--color-border); border-right: 0;}
.fgrstatus-mini .fgrlist{margin: 0.5em 0; display: flex; flex-flow: wrap;}
.fgrstatus-mini .fgrlist .fgr-name{font-size: var(--size-text); margin:0 0.5em; display:inline-block;}


@media screen and (min-width: 700px){
	.tabs>.wrap{display:flex;}
	.tabs_ttl{display: block;margin: 0;padding: 0 0 10px 0;font-weight: 300;font-size: var(--size-text-heading-strong);text-align:center;}
	.tabs_ttl,.tabs_ttl.tb_ttl{display:block;}
	.tabs_ttl.pc_ttl{display:none;}
	#tab1_content,#tab2_content{display: block;width:50%;}
	.tab_item,.tabbg{display: none;}
	#tab1_content>.wrap{padding-left:var(--space-tb); padding-right:calc(var(--space-tb) / 2);}
	#tab2_content>.wrap{padding-left:calc(var(--space-tb) / 2); padding-right:var(--space-tb);}
	.fgrstatus .fgrlist{margin: 1em;}
}



/*add fgr*//*add recipe*/
.add-btn,.recipe-btn,.faq-btn,.save-btn,.close-icon,.del-btn,.edit-btn,.edit-btn2{display:none; cursor:pointer;}/*add ver2.5*/
.add-popup,.recipe-popup,.faq-popup,.save-popup,.edit-popup,.edit-popup2{display:none; position:fixed; background-color:#FFF;width:100%;height:100%;top: 0;left: 0; z-index:101;border-top:5px solid var(--color-border);}/*add ver2.5*/
.faq-cover,.save-cover,.edit-cover,.edit-cover2{display:none; position:fixed; background-color:#FFF;width:100%;height:100%;top: 0;left: 0; z-index:100;}/*add ver2.5*/
.fgr-delbtn{display:none;}
.faq-popup{left: unset; right: 0;}
.edit-popup,.edit-popup2{height:250px;top:calc((100vh - 250px - 70px) / 2);}/*add ver2.5*/
.my .edit-popup,.my .edit-popup2{height:200px;top:calc((100vh - 200px - 70px) / 2);}/*add ver2.5*/
.faq-cover,.save-cover,.edit-cover,.edit-cover2{z-index:100; background: rgba(0,0,0,0.7);}/*add ver2.5*/
.popup-header{position:relative; color:var(--color-text);background-color:var(--color-bg);text-align: center; padding: 15px var(--space-sp); font-weight:300;font-size:var(--size-text-heading-max);}
.close-icon{position:absolute; top:15px; right:var(--space-sp); cursor:pointer; margin:0;}
.close-icon:after{font-family:'icomoon'; content:"\e90c"; display: inline-block; font-size:var(--size-text-heading-max); font-weight:300;}

.add-btn:checked ~ .add-popup,.recipe-btn:checked ~ .recipe-popup,.faq-btn:checked ~ .faq-popup,.faq-btn:checked ~ .faq-cover,.save-btn:checked ~ .save-popup,.save-btn:checked ~ .save-cover,.edit-btn:checked ~ .edit-popup,.edit-btn:checked ~ .edit-cover,.edit-btn2:checked ~ .edit-popup2,.edit-btn2:checked ~ .edit-cover2{display:block;}/*add ver2.5*/
.add-btn:checked ~ .add-popup .close-icon,.recipe-btn:checked ~ .recipe-popup .close-icon,.faq-btn:checked ~ .faq-popup .close-icon,.save-btn:checked ~ .save-popup .close-icon,.edit-btn:checked ~ .edit-popup .close-icon,.edit-btn2:checked ~ .edit-popup2 .close-icon{display:inline-block;}/*add ver2.5*/
.del-btn:checked ~ .main-subsection>.fgr-delbtn{display:inline-block;}



.popup-body{background-color:var(--color-bg-weak);color:var(--color-text-weak);padding: 10px 0 150px; height: inherit; overflow-y: scroll;}
.edit-popup .popup-body,.edit-popup2 .popup-body{padding-bottom:20px;}/*add ver2.5*/
.addfgr-cond>.wrap{display: flex; flex-flow: wrap;}
.addfgr-cond p{margin:0 0 5px 0;}
.addfgr-cond select{color: var(--color-text); background-color: #FFF; border-radius: 4px; padding: 5px 10px; font-size: var(--size-text-heading); cursor: pointer; border: 1px solid var(--color-border);margin:0 var(--space-sp) 10px 0;}

.addfgr-cond2>.wrap{display: flex; flex-flow: wrap; align-items:end;}
.addfgr-cond2 div{padding-right:10px;}
.addfgr-cond2 select{color: var(--color-text); background-color: #FFF; border-radius: 4px; padding: 0; font-size: var(--size-text-heading); cursor: pointer; border: 1px solid var(--color-border);}
.addfgr-cond2 input,.addfgr-cond2 select{height:30px;}
input[name="addfgr"],input[name="addrecipe"] {display: none;}
ul.addfgr-list {margin: 0; padding: 0; list-style: none;}
ul.addfgr-list>li {border:2px solid #FFF;margin-bottom:1em;}
ul.addfgr-list>li:has(>input[name="addfgr"]:checked),ul.addfgr-list>li:has(>input[name="addrecipe"]:checked){border:2px solid var(--ex-color);}
ul.addfgr-list>li label {cursor:pointer;}
ul.addfgr-list>li.re {border:1px solid var(--color-text);margin-bottom:30px;background-size:cover;background-position:center;display:flex;}/*add ver2*/
ul.addfgr-list>li.re>.sand{background-color:rgb(255,255,255,0.85); margin:-10px; padding:10px;flex-grow:1}/*add ver2*/

ul.addpdt-list {margin: 0; padding: 0; padding-inline-start: 0; list-style: none;}


.addfgrbtn{display: flex; justify-content: space-between; align-items: flex-start;}
.addrecipebtn{margin-top:10px; text-align:center; margin:0 0 20px;}/*add ver2.5*/
.addfgrbtn .addfgr-btn, .addrecipebtn .addrecipe-btn{border: 1px solid var(--color-border); background-color: var(--color-bg-strong); border-radius: 4px; color: #FFF; font-size: var(--size-text-heading); padding: 5px 10px; margin: 0;white-space: nowrap; display:inline-block;}
.addfgrbtn .addfgr-btn:hover, .addrecipebtn .addrecipe-btn:hover{background-color:#FFF;color:var(--color-text);}
ul.addfgr-list>li>input:checked[name="addfgr"] ~ label .addfgr-btn,ul.addfgr-list>li>input:checked[name="addrecipe"] ~ label .addrecipe-btn{border: 1px solid var(--ex-color);background-color:var(--ex-color);}

.addrecipeimg{display:flex;align-items: flex-start;}
.addrecipeimg img{width:25%; padding-left:5px; padding-bottom:5px;}/*add ver2.5*/

.imglist .main-subsection{padding:0;}
.imglist .addfgrbtn{align-items: flex-end;padding:10px;}
.imglist .fgr-name{padding:0;}
.imglist .fgr-addprice{padding:0 10px 10px; margin-top:-10px}
.fgr-image{background-size:cover; background-position:center; display:flex; align-items:flex-end; min-height:120px; padding: 10px 10px 0;}

@media screen and (min-width: 300px){
}
@media screen and (min-width: 450px){
	.faq-popup{max-width:450px;}
	.save-popup,.edit-popup,.edit-popup2{max-width:450px; left:calc((100vw - 450px) / 2);}
}
@media screen and (min-width: 560px){
	ul.addfgr-list {display:flex; flex-flow:wrap;}
	ul.addfgr-list>li {width:calc(100% / 2 - var(--space-tb) / 2); margin-bottom:var(--space-tb);}
	ul.addfgr-list>li:nth-child(2n){margin-left:calc(var(--space-tb) / 2);}
	ul.addfgr-list>li:nth-child(2n-1){margin-right:calc(var(--space-tb) / 2);}
	ul.addfgr-list>li:last-child{margin-bottom:var(--space-tb);}
}
@media screen and (min-width: 960px){
	ul.addfgr-list>li {width:calc(100% / 3 - var(--space-pc) * 2 / 3); margin-bottom:var(--space-pc);}
	ul.addfgr-list>li:nth-child(2n){margin-left:0;}
	ul.addfgr-list>li:nth-child(2n-1){margin-right:0;}
	ul.addfgr-list>li:nth-child(3n){margin-left:calc(var(--space-pc) / 2);}
	ul.addfgr-list>li:nth-child(3n-1){margin-left:calc(var(--space-pc) / 2);margin-right:calc(var(--space-pc) / 2);}
	ul.addfgr-list>li:nth-child(3n-2){margin-right:calc(var(--space-pc) / 2);}
	ul.addfgr-list>li:last-child{margin-bottom:var(--space-pc);}
}

/*rating*/
.rating5 {}
ul.rating5 {margin: 0; padding: 0;}
ul.rating5 li {list-style: none; margin: 0; padding: 0;}}
ul.rating5 li:before { content: unset;}
.rating5-label {}
.rating5-wrap {display: flex; flex-flow: column; margin: 0 0 10px 0;}
ul.rating5 li:last-child .rating5-wrap { margin:0;}
.rating5-axis { width: 100%; margin-top: 10px; position: relative; display: flex; justify-content: space-between; padding:0 4px;}
.rating5-axis:before { content: ""; display: inline-block; height: 3px; background-color: var(--color-bg); width: calc(100% - 8px); position: absolute;}
.rating5-basis { display: flex; justify-content: space-between;}
.rating5-basis-inner {display: inline-block; color: var(--color-text); font-size: var(--size-text-strong); padding: 5px 0;}
.rating5-input{display: flex; flex-direction: column; align-items: center; z-index: 1; margin: -8px 0 0 0; width:18px; height:18px;}
.rating5-scale {display: flex; flex-direction: column; align-items: center; z-index: 1; width: 12px; margin-top: 0;}
.rating5-scale:before { content: ""; display: block; width: 12px; height: 12px; border-radius: 50%; margin-top: -5px; margin-bottom: 10px; background-color: var(--color-bg);}
.rating5-scale[data-check='true']:before {width:16px; height:16px; margin-top:-7px; background-color:var(--color-bg-strong);}
.rating5-axis:after, .rating5-scale:after { content: unset;}
.rating5 .rating5-scale .rating5-item { width: 42px; display: block; color: var(--color-text); text-align: center; padding-top: 5px; margin-top: -10px;}


/*faq*/
.faq-cond{color:var(--color-text-weak);font-size:var(--size-text-strong);}
.faq-cond ul{margin:0 0 1em 0;padding:0; text-align:left;}
.faq-cond ul li{display:inline-block; margin:0;padding:0 1em 0 0;list-style:none;}
.faq-cond ul li a{color:var(--color-text-weak);}
.faq{}
.faq p{color:var(--color-text); font-size:var(--size-text-heading);margin:0 0 1em 0;}
.faq dl{margin:0 0 2em 0;text-align:left;}

.faq-i {display:none;}
.faq-l,.faq-c {background-color:#FFF;-webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: all 0.3s;}
.faq-l{border-radius:4px 4px 0 0;margin-top:10px;}
.faq-c{border-radius:0 0 4px 4px;height: 0; overflow: hidden;}
.faq-c span{display:inline-block; padding:10px; font-size: var(--size-text-strong); color: var(--color-text-weak);/*display: flex;align-items: center;justify-content: center;*/}
.faq-c span:before{content:"A."; font-weight:bold;/*align-self:flex-start;*/}
.faq-c img{margin-top:10px;}

.faq-icon{display:flex; align-items:center; justify-content:center; font-size: var(--size-text-strong); color: var(--color-text); border-bottom: 2px solid var(--color-bg); padding: 10px;font-weight:400;cursor:pointer;}
.faq-icon:before{content:"Q."; font-weight:bold; align-self:flex-start;}
.faq-icon:after{font-family:'icomoon'; content: "\e908";color:#999; display: inline; font-size:var(--size-text-heading);font-weight:300;}

.faq-i:checked + .faq-l + .faq-c {height:auto; transition: all .3s;}
.faq-i:checked + .faq-l>.faq-icon:after{content: "\e90b";}

/*save*/
.save-cond dl{margin-top:2em;}
.save-cond dt{color: var(--color-text); font-size: var(--size-text-heading); margin: 0 0 0.5em; display: flex; justify-content: space-between; align-items: center;}
.save-cond dt>span{ border: 1px solid var(--color-border-weak); font-size: var(--size-text); padding: 1px 5px; border-radius: 4px; color: var(--color-text-weak);}
.save-cond dd>p{margin:0.5em 0 0.5em;}/*mod ver5*/
.save-input{width:100%; border-radius: 4px; border: 1px solid var(--color-border); padding: 5px; font-size: var(--size-text-strong); color:var(--color-text);}
.save-input-half,.save-input-tri{display: flex; justify-content: space-between; align-items: center; font-size: var(--size-text-strong); color:var(--color-text);}
.save-input-half .save-input{width:43%;}
.save-input-tri .save-input{width:27%;}
.save-input-left{justify-content:flex-start;}/*add ver2*/
.check-input{font-size: var(--size-text-strong); color:var(--color-text); display:flex; align-items:center; flex-flow:wrap;}
.check-input label{margin-right:5px;}
.savetag{display: inline-flex; align-items: center; font-size: var(--size-text-strong); color: var(--color-text);}
.savetag-i{width:18px; height:18px; border-radius: 4px; border: 1px solid var(--color-border);}
.savetag-l{font-size: var(--size-text-strong); color:var(--color-text); padding: 5px 10px 5px 0; display: inline-block;}
.save-comp{text-align:center; margin: 30px 0; display: flex; justify-content: center;}
.save-comp-space{text-align:center; margin: 50px 0 200px; display: flex; justify-content: center;}
.save-comp-btn{width: auto; background-color: var(--color-bg-strong); color:var(--color-bg-weak); border:1px solid var(--color-border); padding: 10px 50px; border-radius:4px; font-size: var(--size-text-heading); cursor: pointer; text-decoration: none;}
.save-comp-btn:hover{background-color: var(--color-bg-weak); color:var(--color-text); border:1px solid var(--color-border);}
.save-comp .btn4,.save-comp-space .btn4{width: unset; display: inline-block;}
.save-return-btn{text-align:center; display: flex; justify-content: center; font-size:var(--size-text-heading); color:var(--color-text); text-decoration: none;}
.save-return-btn:before{font-family:'icomoon'; content:"\e905"; display: inline-block; font-weight:300;}

.save-cond .rating5-basis-inner {font-size: var(--size-text-heading);}
.save-cond .fgr-tag span {font-size: var(--size-text-strong); border: 1px solid var(--color-border); color: var(--color-text); padding: 2px 10px; margin: 5px 10px 5px 0; border-radius: 15px;}

.fgr-ids{text-align: center; margin: 0 auto 30px; max-width: 500px;}
.fgr-ids.orders{border: 2px solid var(--ex-color); border-radius: 10px;}
.fgr-ids p{margin:10px; color:var(--color-text); font-size:var(--size-text-heading);}
.fgr-ids p span{font-size: var(--size-text-heading-max2); font-weight: 400;}
.fgr-ids .ttl{font-weight: 600; color: var(--color-errmsg);}
.fgr-ids.orders2{border: 2px solid var(--color-border); border-radius: 10px;}
.fgr-ids.orders2 p{color: var(--color-text-weak);}
.fgr-ids.orders2 .ttl2{font-weight: 600; color: var(--color-text);}

/*sns*/
.sns-box{position:relative; border: 2px solid var(--color-border); display: flex; justify-content: center; max-width: 500px; margin: 30px auto 15px;}
.sns-box p{position: absolute; margin: -12px auto 0; background-color: var(--color-bg-weak); text-align: center; font-size: var(--size-text-strong); padding: 0 10px; color: var(--color-text);}
.sns-box.bgwhite p{background-color:#FFF;}
.sns-btn-list{display: flex; justify-content: center; margin-top:10px;}
.sns-btn-list a{padding:15px;}
.main-mylist .sns-btn-list a{padding:5px 10px;}
.sns-btn-list img{width:40px;}
.main-mylist .sns-btn-list img{width:30px;}
.sns-box.mini{border:0;justify-content:flex-start;margin:0;}/*add ver2.5*/
.sns-box.mini .sns-btn-list{margin-top:0;}/*add ver2*/
.sns-box.mini .sns-btn-list a{margin-right:20px; padding:0;}/*add ver2*/
.sns-box.mini .sns-btn-list a:last-child{margin-right:0;}/*add ver2*/
.sns-box.mini .sns-btn-list img{width:20px;}/*add ver2*/
.sns-box.mini .sns-btn-list img.favorite-off{filter: invert(68%) sepia(4%) saturate(8%) hue-rotate(41deg) brightness(89%) contrast(88%);}/*add ver2.5*/
.sns-box.mini .sns-btn-list img.favorite-on{filter: invert(51%) sepia(30%) saturate(749%) hue-rotate(269deg) brightness(95%) contrast(86%);}/*add ver2.5*/
/*loading*/
.loader { display: flex; align-items: center; justify-content: center; flex-direction: column; margin: 20px 0;}
.loader p{margin:5px 0 0;font-size:var(--size-text-strong);}
@-webkit-keyframes line-scale {
  0% {-webkit-transform: scaley(1); transform: scaley(1);}
  50% {-webkit-transform: scaley(0.4); transform: scaley(0.4);}
  100% {-webkit-transform: scaley(1); transform: scaley(1);}
}
@keyframes line-scale {
  0% {-webkit-transform: scaley(1); transform: scaley(1);}
  50% {-webkit-transform: scaley(0.4); transform: scaley(0.4);}
  100% {-webkit-transform: scaley(1); transform: scaley(1);}
}
.line-scale > div:nth-child(1) { -webkit-animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.line-scale > div:nth-child(2) { -webkit-animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.line-scale > div:nth-child(3) { -webkit-animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.line-scale > div:nth-child(4) { -webkit-animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.line-scale > div:nth-child(5) { -webkit-animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.line-scale > div {background-color: var(--color-text); width: 4px; height: 35px; border-radius: 2px; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; }


/*pc_mode*/
.pc-scl{margin-bottom:10px;}
@media screen and (min-width: 1000px){
	.tabs>.wrap {max-width:var(--size-canvas); margin: 0 auto; padding:0;}
	.pc-scl{/*overflow-y:scroll; max-height:calc(100vh - 350px);*/}
	.tabs_ttl.pc_ttl{display:block;}
	.tabs_ttl.tb_ttl{display:none;}
	#tab1_content{width:45%;/*width:calc(100% / 3);*/}
	#tab2_content{width:55%;/*width:calc(100% / 3 * 2);*/}
	#tab1_content>.wrap{padding-left:var(--space-pc); padding-right:calc(var(--space-pc) / 2); display:flex;}
	#tab2_content>.wrap{padding-left:calc(var(--space-pc) / 2); padding-right:var(--space-pc); display:flex;}
	#tab2_content .pc_sec{width:50%;padding-right:var(--space-pc);}
	#tab2_content .pc_sec:last-child{padding-right:0;}

	.visual{transform: rotate(270deg);padding:0;margin:0;}
	.vessel{width:400px; margin: 0 0 0 -330px;}
	.fgrstatus .vessel,.fgrstatus-mini .vessel{width:100%; margin:0;}
	.scale{width:400px; margin:10px 0 0 -330px;}
	.pc_visual_mgn{width:100%;margin-left:20px;}

}

/*order*/
.order-disp{font-size: var(--size-text-heading-max); color:var(--color-text); font-weight:500;}
.order-disp span{font-size: var(--size-text-heading); padding-left: 5px; font-weight:400;}
.order-disp2{font-size: var(--size-text-heading); color:var(--color-text); font-weight:500;}/*add ver2.5*/
.order-disp2 span{font-size: var(--size-text-strong); padding-left: 5px; font-weight:400; color:var(--color-text-weak);}/*add ver5*/
/*add ver5*/
@media screen and (min-width: 375px){
	.order-disp2 label{display:inline-block; min-width:210px;}
}
@media screen and (min-width: 600px){
	.order-disp2 label{min-width:230px;}
}
/*add ver5*/

.progressbar {display: flex; flex-wrap: wrap; align-items: center; justify-content: center;margin: 20px 0;}
.progressbar .item {position: relative; width: calc(100% / 3); text-align: center; background-color: #FFF; color: var(--color-text-weak); font-size: var(--size-text); padding: 10px 0 10px 10px;}
.progressbar .item:first-child{padding: 10px 0;}
.progressbar .item3 {width: calc(100% / 3);}
.progressbar .item4 {width: calc(100% / 4);}
.progressbar .item:not(:last-child)::before,.progressbar .item:not(:last-child)::after {position: absolute; top: 0; bottom: 0; left: 100%; z-index: 2; content: ''; border: 37px solid transparent; border-left: 20px solid #FFF; margin: auto; border-width: 28px; border-left-width: 12px;}
.progressbar .item:not(:last-child)::before {margin-left: 1px; border-left-color: var(--color-text-weak);}
.progressbar .item.active {background-color: var(--color-bg); color: var(--color-text);}
.progressbar .item.active:not(:last-child)::after {border-left-color: var(--color-bg);}
/*.progressbar .item.active:not(:last-child)::before {border-left: none;}*/

.pkg-order{display:flex;flex-direction:column;}/*add ver2*/
.pkg-order img{width:100%;}/*add ver2*/
.pkg-order .pkg-order-img{width:100%; text-align:center;}/*add ver2.5*/
.pkg-order .pkg-order-img a{display:inline-block; font-size:12px; margin-top: 10px;}/*add ver2.5*/
.sel-pkgimg-ttl{display:block; font-size:var(--size-text-strong);color:var(--color-text); margin: 5px 10px 10px 0;}
.sel-pkgimg img{width:120px; max-width:120px; border: 10px solid #FFF; padding: 0;margin-right: 10px;}
.sel-pkgimg label{cursor:pointer;}
.selpkgimgbox{display: flex; overflow-x: scroll;}
.sel-pkgimg input[type="radio"]{display:none;}
.sel-pkgimg input[type="radio"]:checked + label img{border: 10px solid var(--color-border);}

.kiyakubox{border: 1px solid var(--color-border-weak); margin: 0; padding: 10px; min-height: 100px; height: 20vh; overflow-y: scroll;}/*add ver2*/
.kiyakubox p{font-size:var(--size-text-strong);color:var(--color-text);}/*add ver2*/

.disp-9{display:block;}
.disp-10{display:none;}



@media screen and (min-width: 560px){
	.save-cond.full-scr dl{display: flex; align-items: flex-start;}
	.save-cond.full-scr dt{width: 27%; min-width: 200px; max-width: 280px; flex-direction: column; align-items: flex-start; margin-top: 3px;}
	.save-cond.full-scr dt>span{margin-top:5px;}
	.save-cond.full-scr dd{width: 73%;}

/*add ver2*/
	.pkg-order{flex-direction:row;}
	.pkg-order img{width:27%; min-width:200px; max-width:280px; height:fit-content; padding-right:20px;}
	.pkg-order .pkg-order-img{width:27%; min-width:200px; max-width:280px; height:fit-content; text-align:left;}/*add ver2.5*/
	.sel-pkgimg img{padding-right:0;}
	.pkg-order .pkg-order-inner{width:73%}
	.save-cond.full-scr .pkg-order dl{flex-direction:column;}
	.save-cond.full-scr .pkg-order dl:first-child{margin-top:0;}
	.save-cond.full-scr .pkg-order dd{width:100%;}
/*add ver2*/

}
/*add ver2*/
@media screen and (min-width: 960px){
	.save-cond.full-scr .pkg-order dl{flex-direction:row;}
	.save-cond.full-scr .pkg-order dd{width:73%;}
}
/*add ver2*/

/*my*/
.odr-date{font-size: var(--size-text); padding:0 0 0 5px; text-align: right; float: right;}/*add ver2.5*/
.pagination{text-align:center; margin:30px 0; display:flex; justify-content:center; align-items:center;}
.pagination a,.pagination p{margin:0; padding:10px 15px; line-height:1; border:1px solid var(--color-border); border-radius:4px; text-decoration:none; color:var(--color-text); font-size:var(--size-text-heading);}
.pagination a:hover{background-color:var(--color-bg-strong); color:#FFF;}
.pagination .prev{margin-right:10px;}
.pagination .prev:before{font-family:'icomoon'; content:"\e905";}
.pagination .next{margin-left:10px;}
.pagination .next:before{font-family:'icomoon'; content:"\e906";}
.pagination .current{border:0; font-weight:bold;}
.scoreset{display:flex;flex-direction:row-reverse;justify-content:flex-end;}
.score-i{display:none;}
.score-l:before{content:'★';font-size:30px;line-height:30px;color:#c4c4c4;}
.score-i:checked ~ .score-l:before{color:#ffb906;}


/*top*/
.lp{font-family:"Zen Kaku Gothic New";}
.lp h1,.lp h2,.lp h3{font-family:"Shippori Mincho";}
.main-visual{height:calc(100vh - var(--size-header)); background-image:url(/top_mv.jpg); background-position: center; background-size: cover;}
.main-visual h1,.main-visual h2{margin:0;font-weight:400;}
.main-visual h1{padding-top:calc(15vh - var(--size-header));font-size:20px;}
.main-visual h2{padding-top: calc(5vh - var(--size-text-heading));font-size:14px;line-height:2;}
.mv-btn-box{padding-top:30px; position:absolute; bottom:120px; left:calc(50vw - 118px);}
a.mv-btn{color:#FFF;background-color:var(--color-text);border:2px solid var(--color-border);padding:8px 50px;font-size: var(--size-text-heading-strong);text-align:center;text-decoration:none;}
a.mv-btn:hover{color:var(--color-text);background-color:transparent;}
.topMainScroll{position: absolute; z-index: 97; bottom: 30px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); color: #ffd900; animation: arrow-move 2s 0.7s infinite;}
.topMainScroll a{display: block; font-size: 9px; letter-spacing: 0.15em; color: #ffd900;}
.topMainScroll svg{width:40px;}
.topMainScroll svg path{fill: var(--main-color);}
@keyframes arrow-move{0%{bottom:35px}50%{bottom:25px}100%{bottom:35px}}

.top-content{padding-top:var(--size-header); background-color:var(--color-bg-weak);}
.top-box h2,.top-faq h2{text-align:center; color:var(--color-text); font-weight: 400; font-size: var(--size-text-heading-max2);margin-top:3em;}
.top-faq h3{text-align:center; font-weight: 400;}
.top-prof{align-self:center; font-size: var(--size-text-strong);line-height: 1.8;margin-bottom:1em;}
.top-thumb{align-self:center;}
.selfcheck-box{border: 1px solid; text-align: center; padding:40px 40px;}
.selfcheck-box p{margin-bottom:3em;}
.selfcheck-box a.btn3,.top-faq a.btn3{display:inline-block;}

ol.top-steps,ol.top-sub-steps {list-style: none; margin: 0; padding: 0;}
ol.top-steps>li{text-align:center; margin-bottom: 2em; color:var(--color-text);}
ol.top-steps>li .pct{background-color:#FFF; text-align: center; padding: 10px; margin: 0 auto;}
ol.top-steps>li .pct h3{margin:1em 0;font-weight:400;}
ol.top-steps>li .pct img{width:160px; height:160px;}
ol.top-steps>li .txt{font-size:var(--size-text-strong); margin-top:1em; text-align: left;}
ol.top-sub-steps{margin-top:1em;}
ol.top-sub-steps>li{position:relative; color:var(--color-text-weak); margin-bottom:30px; border: 1px solid; padding: 10px;}
ol.top-sub-steps>li:last-child{margin-bottom:0;}
ol.top-sub-steps>li:after{content: "↓"; position: absolute; bottom: -25px; left: 50%;}
ol.top-sub-steps>li:last-child:after{content:none;}
.top-faq{padding-bottom:10em;}
.top-faq dl{margin-bottom:3em;}

/*add ver4*/
.lft{text-align:left;}
.ctr{text-align:center;}
.rgt{text-align:right;}
.bg-white{background-color:#FFF !important;}
a.mv-btn{display:inline-block;}
.top-btn-box{margin-top:20px;text-align:center;}
.top-thumb2{align-self:center;margin-top:10px;}
.top-pricecard{border:1px solid var(--color-border-weak); max-width:500px; margin:10px auto; padding:5px;}
@media screen and (min-width: 560px) {
    .lp .main-subheader>.wrap {justify-content: space-between;}
}
/*add ver4*/

@media screen and (min-width: 560px){
	.main-visual h1{font-size:30px;}
	.main-visual h2{font-size:18px;}
	.mv-btn-box{position:relative; bottom:unset; left:0;}
	.top-prof{margin-bottom:0;margin-right:1em;}
	.top-thumb{ max-width: calc(100% / 3);}
	.top-thumb2{ max-width: calc(100% / 2);}
	.top-thumb2:first-child{padding-right:10px;}
	.top-thumb2:last-child{padding-left:10px;}
	ol.top-steps>li{display:flex;flex-flow: row wrap;}
	ol.top-steps>li .pct{width:200px; height:200px; margin-right:20px; border-radius:50%; display:flex; align-items:center; justify-content:center;}
	ol.top-steps>li .pct img{width:80px; height:80px;}
	ol.top-steps>li .txt{width: calc(100% - 220px); align-self:center; margin-top:0;}
	.top-faq dl{display:flex; flex-flow:row wrap; justify-content:space-between;}
	.top-faq dl>div{width: calc((100% - 20px) / 2);}
}
@media screen and (min-width: 960px){
	.list-header{padding-left:0;}
	.main-visual h1{font-size:34px;padding-top:calc(15vh - var(--size-header));}
	.main-visual h2{font-size:20px;}
	.top-prof{font-size: var(--size-text-heading);}
	.selfcheck-box{padding:50px 100px;}
	.top-faq dl>div{width: calc((100% - 40px) / 3);}
}

/*add ver2*/
.pager{display:flex;justify-content:center;align-items:center;}
.pager span,.pager a{font-size:var(--size-text-heading);border:1px solid var(--color-text-weak-max);background-color:var(--color-text-weak-max);color:#FFF;padding:10px;margin:0 10px;}
.pager span.current{border:0;background-color:#FFF;color:var(--color-text);}
.pager a{border:1px solid var(--color-text);background-color:var(--color-text);color:#FFF;text-decoration:none;}
.pager a:hover{background-color:#FFF;color:var(--color-text);}
/*add ver2*/


/*add ver2.5*//*mod ver5*/
#popup-wrapper,#popup2-wrapper {display: none; background-color: rgba(0, 0, 0, .5); position: fixed; top: 0; left: 0; width: 100%; height: 100%;}
#popup-inside {text-align: center;width: 100%; max-width: 300px; background: white; margin: 100px auto; padding: 20px; position: relative;}
#popup-message a { background: purple; color: white; text-decoration: none; padding: 6px 10px;}
#popup-close,#popup2-close {font-size: 30px; position: absolute; top: 5px; right: 5px; cursor: pointer;}

@media screen and (min-width: 560px){
	#popup-inside {max-width: 500px;}
	#popup-inside img{width:100%; max-width:400px;}
}

.list-header{display:flex;flex-flow:row wrap;align-items:baseline;justify-content:space-between;font-size:var(--size-text-strong);margin-bottom:12px;padding-left:0;}
.list-header a nohref{font-size:bold;}

.addrcp-cond>.wrap{}
.addrcp-cond div{display:flex;flex-flow:row wrap;align-items:center;}
.addrcp-cond>div>div{padding-right:0;margin-bottom:1em;}
.addrcp-cond div p{padding-right:10px;margin:0.5em 0;}
.addrcp-cond div .savetag{padding-right:0;margin-bottom:0;}
.addrcp-cond select{color: var(--color-text); background-color: #FFF; border: 1px solid var(--color-border); border-radius: 4px; padding: 0; font-size: var(--size-text-heading); cursor: pointer;}
.addrcp-cond input[type="text"],.addrcp-cond select{height:30px;}
.addrcp-cond input[type="text"]{width:180px;}
.collaboration-public .main-subheader.mini{background-color:var(--color-bg-weak);}
.collaboration-public .main-subheader.mini > div{
	width:100%;
	max-width:none;
	margin:0;
	background-color:transparent;
}
.collaboration-public .main-subheader .accd-basic{
  justify-content:center;
  gap:6px;
  padding-right:0;
  margin:0 auto;
  width:auto;
  color:var(--color-text);
  font-size:16px;
  font-weight:700;
}
.collaboration-public .main-subheader .acc-l{
  padding:10px 0;
}
.collaboration-public .main-subheader .accd-basic:after{
  padding-right:0;
  padding-left:0;
  color:var(--color-text);
  font-size:16px;
  font-weight:700;
}
.collaboration-public .main-subheader .acc-c{display:block;}
.collaboration-public .addrcp-cond{padding-top:18px; padding-bottom:22px;}
.collaboration-public .addrcp-cond .wrap{width:100%;}
.collaboration-public .addrcp-cond-row{display:flex; align-items:flex-start;}
.collaboration-public .addrcp-cond-row + .addrcp-cond-row{margin-top:8px;}
.collaboration-public .addrcp-cond-field{display:flex; flex-flow:row wrap; align-items:center;}
.collaboration-public .addrcp-cond-field > p{flex:0 0 auto; min-width:0; margin:0.5em 0;}
.collaboration-public .addrcp-cond-field input[type="text"],
.collaboration-public .addrcp-cond-field select{
	height:30px;
	border-radius:4px;
	font-size:var(--size-text-heading);
	appearance:auto;
	background-color:#FFF;
	color:var(--color-text);
	border:1px solid;
	border-color:light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
	padding:1px 2px;
	box-shadow:none;
}
.collaboration-public .addrcp-cond-keyword{width:100%;}
.collaboration-public .addrcp-cond-keyword input[type="text"]{flex:1 1 180px; width:auto; min-width:180px; max-width:600px;}
.collaboration-public .addrcp-cond-genre{width:100%;}
.collaboration-public .addrcp-cond-genre select{width:100%; max-width:420px; min-width:180px;}
.collaboration-public .addrcp-cond-status{width:100%;}
.collaboration-public .addrcp-cond-status-list{display:flex; flex-flow:row wrap; gap:10px 18px;}
.collaboration-public .addrcp-cond-status .savetag{display:inline-flex; align-items:center;}
.collaboration-public .addrcp-cond-status .savetag-i{width:18px; height:18px;}
.collaboration-public .addrcp-cond-status .savetag-l{padding:5px 10px 5px 0;}
.collaboration-public .addrcp-cond-submit{margin-bottom:0;}
.collaboration-public .addrcp-cond-submit .addrecipe-btn{padding:5px 10px; font-size:var(--size-text-heading);}
@media screen and (min-width: 560px){
	.list-header{padding-left:0;}
	.addrcp-cond input[type="text"]{width:300px;}
	.addrcp-cond>div>div{padding-right:20px;}
	.collaboration-public .addrcp-cond-row-primary > div{padding-right:0;}
	.collaboration-public .addrcp-cond-row-primary{flex-wrap:nowrap; justify-content:flex-start; gap:0;}
	.collaboration-public .addrcp-cond-row-primary .addrcp-cond-keyword{flex:0 0 auto;}
	.collaboration-public .addrcp-cond-row-primary .addrcp-cond-keyword{width:auto;}
	.collaboration-public .addrcp-cond-row-primary .addrcp-cond-keyword{flex-flow:row nowrap;}
	.collaboration-public .addrcp-cond-row-primary .addrcp-cond-keyword > p{margin:0; padding-right:10px;}
	.collaboration-public .addrcp-cond-row-primary .addrcp-cond-keyword input[type="text"]{
		width:300px;
		min-width:300px;
		max-width:300px;
		flex:0 0 300px;
	}
	.collaboration-public .addrcp-cond-row-primary .addrcp-cond-keyword{margin-right:20px; padding-right:0;}
	.collaboration-public .addrcp-cond-row-primary .addrcp-cond-genre{flex:0 1 auto;}
	.collaboration-public .addrcp-cond-row-primary .addrcp-cond-genre{width:auto;}
	.collaboration-public .addrcp-cond-row-primary .addrcp-cond-genre{flex-flow:row nowrap;}
	.collaboration-public .addrcp-cond-row-primary .addrcp-cond-genre > p{margin:0; padding-right:10px;}
	.collaboration-public .addrcp-cond-row-primary .addrcp-cond-genre select{width:220px; max-width:220px;}
}

.sns-lp dl{margin-bottom:1em;}
.sns-lp dl dt{margin-bottom:0.5em;}
.sns-lp .tab_content {display:block;}
.sns-lp .tab_content>.wrap {padding:0;}
.sns-lp .fgr-tag span{font-size:var(--size-text-strong); color:var(--color-text); border-radius:20px; padding:3px 10px; margin: 0 10px 10px 0;}
/*add ver2.5*/

/*add ver5*/
.discount-table{border-spacing:0; border-collapse:collapse; margin:0 auto;color:var(--color-text);}
.discount-table tr>th,.discount-table tr>td{border:1px solid var(--color-border-weak);padding:5px 10px;}
.discount-table tr>th{border-bottom:2px solid var(--color-border-weak);}

.order-discount s{color:var(--color-text-weak); text-decoration:line-through; margin-right:5px;}
.order-discount span{background-color:var(--color-errmsg); color:#fff; padding:1px 5px;}

/*add ver6*/
/*product*/
.collaboration-public{
    --pdt-main-color:#E0872F;
    --pdt-sub-color:#FFE5CC;
    --pdt-bg-color-rgba:rgba(255,255,255,0.8);
    --pdt-font-family:'Hiragino Maru Gothic ProN W4','Meiryo','MS PGothic',sans-serif;
    --pdt-font-size:18px;
    --pdt-font-size-sp:14px;
    --pdt-font-color-main:#FFF;
    --pdt-font-color-main-brightness:100%;
    --pdt-font-color-sub:#000;
    --pdt-font-color-catch:#000;
    --pdt-font-color-catch-kage:#FFF;
}
#header img{filter:brightness(100%);}
.header-box .header-btn{border:1px solid #FFF;}
.header-box a{color:#FFF;}
#footer{color:#FFF;}
.pdt-cv-fixed{display:none; height:var(--size-header); background:rgba(0, 0, 0, 0.4); color:#FFF; position:fixed; width:100%; text-align:left; z-index:99; font-weight:400; left:0; bottom:0;}
.pdt-cv-fixed .cv-box{justify-content:center; position:relative;}
.pdt-cv-fixed .pdt-cv-btn{display:inline-flex; justify-content:center; align-items:center; background-color:var(--pdt-main-color); border-color:var(--pdt-main-color); color:var(--pdt-font-color-main);}
.pdt-cv-btn{color:var(--pdt-font-color-main); border:2px solid var(--pdt-font-color-main); padding:15px 30px; font-size:22px; text-align:center; background-color:var(--pdt-main-color); border-radius:5px; text-decoration:none; cursor:pointer;}
.pdt-cv-btn:hover{color:var(--pdt-main-color); border:2px solid var(--pdt-main-color); background-color:var(--pdt-font-color-main);}
.pdt-shere-fixed{position:absolute; right:0; display:flex; gap:5px; margin:0 5px;}
.pdt-shere-fixed .share-circle{display:inline-flex; justify-content:center; align-items:center;}
.pdt-shere-fixed .share-copy-button{padding:0; border:none; cursor:pointer; appearance:none; -webkit-appearance:none;}
.pdt-shere-fixed .share-circle-image{display:block; width:20px; height:20px; filter:brightness(0) invert(1);}
.pdt-shere-fixed .share-copy-button svg{position:static; width:22px; height:22px; color:var(--pdt-font-color-main); fill:currentColor;}
.share-circle{display:inline-block; width:35px; height:35px; border-radius:50%; position: relative; border:2px solid var(--pdt-font-color-main); background-color:var(--pdt-main-color); color:var(--pdt-font-color-main);}
.share-circle svg{position:absolute; width:20px; top:calc(50% - 10px); left:calc(50% - 10px); fill:currentColor;}
a.share-circle:hover,
a.share-circle:focus-visible,
button.share-circle.share-copy-button:hover,
button.share-circle.share-copy-button:focus-visible{color:var(--pdt-main-color); border:2px solid var(--pdt-main-color); background-color:var(--pdt-font-color-main);}
a.share-circle:hover svg,
a.share-circle:focus-visible svg,
button.share-circle.share-copy-button:hover svg,
button.share-circle.share-copy-button:focus-visible svg{fill:currentColor;}

.pdt{font-family:var(--pdt-font-family); font-size:var(--pdt-font-size); color:#000; margin-bottom:80px;}
.pdt p{line-height:1.8;}
.pdt-cv-box{position:relative; display:flex; justify-content:center; align-items:center; margin-top:20px;}
.pdt-cv-box .pdt-shere-fixed{gap:15px; margin:0;}
.pdt-cv-box .pdt-share-actions{position:absolute; right:0; top:50%; transform:translateY(-50%); display:flex; align-items:center; gap:18px; margin-left:0;}
.pdt-cv-box .share-circle{width:50px; height:50px; border:2px solid var(--pdt-font-color-main);}
.pdt-cv-box .share-circle svg{width:30px; top:calc(50% - 15px); left:calc(50% - 15px);}
.pdt-cv-box .share-circle{display:inline-flex; justify-content:center; align-items:center; color:var(--pdt-font-color-main); background-color:var(--pdt-main-color);}
.pdt-cv-box .share-circle-image{width:28px; height:28px; filter:brightness(0) invert(1);}
.pdt-cv-box .share-copy-button{padding:0; cursor:pointer; appearance:none; -webkit-appearance:none;}
.pdt-cv-box .share-copy-button svg{position:static; width:32px; height:32px; color:var(--pdt-font-color-main); fill:currentColor;}
.pdt-cv-box .share-copy-button:hover svg,
.pdt-cv-box .share-copy-button:focus-visible svg{color:var(--pdt-main-color); fill:currentColor;}
.soldout{color:#FFF; border:2px solid #FFF; padding:15px 80px; font-size:22px; text-align:center; background-color:var(--color-btn-gray); border-radius:5px; text-decoration:none;}
.pdt-cv-fixed .soldout{font-size:16px; padding:10px 35px;}

.pdt-mv{position:relative; background-repeat:no-repeat; background-size:cover; background-position:center; padding:40px var(--space-pc) 80px;}
.collaboration-public .pdt-mv{background-image:url(/assets/collaboration/sample_bg-57b39fe34f87171917f104d8e6a49ff8b474aadd4736ba7665fff18a783aa1d0.jpg);}
.pdt-mv:after{position:absolute;left:0;bottom:0; content:"";width:100%; height:80px; background-image:linear-gradient(180deg, transparent, #ffffff);}
.pdt-mv>.wrap{max-width:1024px; margin:0 auto;}
.catch-box{color:var(--pdt-font-color-catch); font-size:40px; font-weight:bold; transform:rotate(-3deg); display:flex; justify-content:space-evenly; padding:10px 0; margin-bottom:40px; max-width:100vw;}
.catch-box .catch1, .catch-box .catch2, .catch-box .catch3{display:flex; justify-content:center; align-items:center; text-shadow: 0px 0px 10px var(--pdt-font-color-catch-kage),0px 0px 10px var(--pdt-font-color-catch-kage),0px 0px 10px var(--pdt-font-color-catch-kage);}
.catch-box .catch1{margin-bottom:60px; margin-right:0;}
.catch-box .catch2{margin-top:60px; margin-left:-320px;}
.catch-box .catch3{}
.overview-box{display:flex; justify-content:center; align-items:start; gap:20px;}
.pkg-box{flex:1; margin:0 auto; text-align:center; padding-left:20px;}
.pdt-box.pc{display:block;}
.pdt-box.sp{display:none;}
.pkg-box img{width:425px;}
.pdt-box{flex-basis:500px; margin-top:var(--size-header-nega); padding-top:var(--size-header);}
.pdt-ttl{display:flex; justify-content:space-between; align-items:center;}
.pdt-ttl h2{position:relative; margin:0 30px 0 0; padding:5px 5px 5px 15px; background-color:var(--pdt-main-color); color:var(--pdt-font-color-main); font-weight:normal; font-size:18px;}
.pdt-ttl h2:after{position:absolute;top:0;right:-29px; content:""; background-color:var(--pdt-main-color); width:30px; height:calc(100% + 1px); clip-path: polygon(0 0, 1px 0, 100% 100%, 0 100%);}
.pdt-ttl span{color:var(--pdt-main-color);}
.overview-box .pdt-ttl span{/*color:var(--pdt-font-color-main);*/}
#overview .pdt-bdy,
#overview .pdt-bdy .pdt-name,
#overview .pdt-bdy .pdt-type,
#overview .pdt-bdy .pdt-note,
#overview .pdt-bdy .pdt-note dt,
#overview .pdt-bdy .pdt-note dd{color:var(--pdt-font-color-catch);}
.pdt-bdy{background-color:var(--pdt-bg-color-rgba); border:1px solid var(--pdt-main-color); padding:30px 15px;}
.pdt-bdy .pdt-name{font-size:36px; text-align:center; margin-bottom:30px;}
.pdt-bdy .pdt-type{font-size:24px; position:relative; text-align:center; margin-bottom:30px;}
.pdt-bdy .pdt-type:after{position:absolute;bottom:-15px; left:calc(50% - 50px); content:""; background-color:var(--pdt-main-color); width:100px; height:3px;}
.pdt-bdy .pdt-note{font-size:16px;}
.pdt-bdy .pdt-note div{display:flex; margin-bottom:15px;}
.pdt-bdy .pdt-note div:last-child{margin-bottom:0;}
.pdt-bdy .pdt-note dt{flex-basis:80px;}
.pdt-bdy .pdt-note dd{flex:1;}
.desc-box{background-color:var(--pdt-bg-color-rgba); padding:15px; margin-top:40px;}
.desc-box .pdt-desc{color:var(--pdt-font-color-catch); margin-bottom:0;}

.pdt-sec{padding:0 var(--space-pc);}
.pdt-sec>.wrap{max-width:1024px; margin:0 auto;}
.recipe-box{display:flex; justify-content:space-between; align-items:start; gap:20px;}
.recipe-box.no-recipe{justify-content:center;}
.recipe-box .pdt-bdy{padding:0;}
.slide{margin:0 0 0 20px; justify-items:center;}
.slide>.wrap{position:relative; margin:0 30px; max-width:400px;}
.slide .face{position:relative; width:100%; height:100%; aspect-ratio: 1 / 1; border:1px solid var(--pdt-main-color); background-color:#FFF;}
.slide .face img{object-fit:contain; width:100%; height:100%; transition:opacity .24s ease;}
.slide .face img.is-changing{opacity:.35;}
.slide ul.thumb{margin:0;padding:0;list-style:none; display:flex; justify-content:space-evenly; gap:10px; margin-top:5px;}
.slide ul.thumb li{width:100%; height:100%; max-width:72px; max-height:77px; border-top:5px solid transparent;}
.slide ul.thumb li.current{border-top:5px solid var(--pdt-main-color);}
.slide ul.thumb li img{object-fit:cover; width:100%; height:100%;}
.slide .navi .slide-prev,.slide .navi .slide-next{position:absolute; width:30px; height:60px; top:calc(50% - 30px); background-color:var(--pdt-main-color); display:flex; justify-content:center; align-items:center; font-size:24px; color:var(--pdt-font-color-main);}
.slide .navi .slide-prev{left:-30px; border-radius: 5px 0 0 5px;}
.slide .navi .slide-prev:before{font-family:'icomoon'; content:"\e909";}
.slide .navi .slide-next{right:-30px; border-radius: 0 5px 5px 0;}
.slide .navi .slide-next:before{font-family:'icomoon'; content:"\e90a";}
.pdt-recipe{display:flex; justify-content:flex-end; align-items:center;}
.pdt-recipe .fgrlist{background-color:#fff; padding:30px 20px; width:calc(100% - 25px);}
.pdt-recipe .fgr-name{padding:0 0 15px 0; display:flex; justify-content:space-between; align-items:center;}
.pdt-recipe .fgr-name:last-child{padding:0;}
.pdt-recipe .fgr-name span{padding-right:10px; font-size:18px;}
.pdt-recipe .fgr-name span:last-child{padding-right:0;}
.pdt-recipe .fgr-text{display:flex; align-items:center;}

.paragraph-box{display:flex; flex-flow:column; gap:40px; margin:80px auto;}
.paragraph-box .paragraph-right{display:flex; flex-flow:row; justify-content:space-between; align-items:center; gap:30px;}
.paragraph-box .paragraph-left{display:flex; flex-flow:row-reverse; justify-content:space-between; align-items:center; gap:30px;}
.paragraph-box img{flex-basis:350px; width:350px; max-height:350px; object-fit:contain;}
.paragraph-box p{flex:1; position:relative; display:flex; align-items:center; margin-bottom:0; padding:40px; background-color:var(--pdt-sub-color);}
.paragraph-box p:before,.paragraph-box p:after{position:absolute;left:0;bottom:0; content:""; width:100%; height:40px; background-image:linear-gradient(180deg, transparent, #ffffff);}
.paragraph-box p:before{top:0; background-image:linear-gradient(0deg, transparent, #ffffff);}
.paragraph-box p span:before,.paragraph-box p span:after{position:absolute;right:0;top:0; content:""; width:40px; height:100%; background-image:linear-gradient(90deg, transparent, #ffffff);}
.paragraph-box p span:before{left:0; background-image:linear-gradient(270deg, transparent, #ffffff);}

.creator-box{max-width:750px; margin-left:auto; margin-right:auto;}
.creator-box.creator-box-without-content{margin-top:10px;}
.creator-box .pdt-bdy{padding:30px;}
.pdt-creator{display:flex; flex-flow:row; justify-content:space-between; align-items:center; gap:30px;}
.pdt-creator img{flex-basis:200px; width:200px; max-height:200px; object-fit:contain;}
.pdt-creator .creators{flex:1; text-align:center; display:flex; flex-flow:column; justify-content:center; gap:20px;}
.creator-name{font-size:24px;}
.creator-name span{font-size:16px; margin-left:10px; display:inline-block;}
.creator-position{position:relative; padding:0 60px;}
.creator-position:before,.creator-position:after{position:absolute; top:50%; content:""; background-color:var(--pdt-main-color); width:50px; height:3px;}
.creator-position:before{left:0;}
.creator-position:after{right:0;}
.creator-desc{margin: 20px 0 0;}
ul.creator-sns{margin:0;padding:0;list-style:none; display:flex; flex-flow:row wrap; justify-content:center; gap:15px;}
ul.creator-sns li{width:40px; line-height:1;}
ul.creator-sns li a:hover{opacity:0.5;}

.tag-box{display:flex; justify-content:center; align-items:stretch; background-size:cover; background-repeat:no-repeat; background-position:center; min-height:300px; margin:30px 0; padding:60px 30px; gap:30px;}
.collaboration-public .tag-box{background-image:url(/assets/collaboration/sample_bg-tag-b4b2b5e83378c94804f912d61d61bce607516c290b3e41d980120f24e3a901d5.jpg);}
.cloud-box{display:flex; align-items:center; border:3px solid #FFF; max-width:750px; flex:1;}
.rating-box{display:flex; align-items:center; width:calc(50% - 30px); max-width:750px;}
.tag-box ul.fgr-cloud{padding:30px; display:flex; justify-content:center; align-items:center; flex-flow:row wrap; gap:15px;}
.tag-box ul.fgr-cloud>li{margin-right:0;}
.tag-box ul.fgr-cloud>li.xl{font-size:32px;}
.tag-box ul.fgr-cloud>li.l{font-size:28px;}
.tag-box ul.fgr-cloud>li.m{font-size:24px;}
.tag-box ul.fgr-cloud>li.s{font-size:20px;}
.tag-box ul.fgr-cloud>li.xs{font-size:16px;}
.tag-box .rating5{width:100%;}
.tag-box .rating5-basis-inner{color:#000; font-size:18px; padding:0;}
.tag-box .rating5-axis:before{background-color:#999; height:2px;}
.tag-box .rating5-scale:before{background-color:#999;}
.tag-box .rating5-scale[data-check='true']:before{background-color: var(--pdt-main-color);}

.price-box{max-width:750px; margin-left:auto; margin-right:auto;}
.price-box .pdt-bdy{padding:30px;}
.price-box .pdt-bdy .subtxt{font-size:16px;}

.price-list{position:relative; margin-bottom:60px;}
.price-list div{display:flex; justify-content:center; align-items:normal; margin-bottom:20px}
.price-list div:last-child{margin-bottom:0;}
.price-list dt{display:inline-flex; align-items:center; border:1px solid; margin:0 20px 0 0; padding:5px 15px; font-size:24px;}
.price-list dd{display:inline-flex; flex-flow:column; justify-content:center; align-items:baseline; font-size:32px; min-width:250px; text-align:right;}
.price-list dd p{margin:0; line-height:1;}
.price-list dd span{font-size:20px; margin-left:10px;}
.price-list dd s{font-size:var(--size-text-strong); color:var(--color-errmsg); margin-bottom:5px;}
.price-list dd s.reg:before{content:"通常価格：";}

.price-date{position:relative; margin-bottom:60px;}
.price-date:before{
	position:absolute;
	top:0;
	left:0;
	content:"";
	display:block;
	width:25px;
	height:31.2px;
	background-color:currentColor;
	-webkit-mask-image:url(/images/svg-icons/date.svg);
	mask-image:url(/images/svg-icons/date.svg);
	-webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;
	-webkit-mask-size:24px 24px;
	mask-size:24px 24px;
	-webkit-mask-position:left 3px;
	mask-position:left 3px;
}
.price-date p{padding-left:34px; margin-bottom:5px;}
.price-date p span{display:inline-block; margin-right:5px;}
.price-date p span:last-child{margin-right:0;}
.price-list:after,.price-date:after{position:absolute;bottom:-30px; left:calc(50% - 50px); content:""; background-color:var(--pdt-main-color); width:100px; height:3px;}

.price-delivery{position:relative; margin-bottom:30px;}
.price-delivery:before{
	position:absolute;
	top:0;
	left:0;
	content:"";
	display:block;
	width:25px;
	height:31.2px;
	background-color:currentColor;
	-webkit-mask-image:url(/images/svg-icons/shopping.svg);
	mask-image:url(/images/svg-icons/shopping.svg);
	-webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;
	-webkit-mask-size:24px 24px;
	mask-size:24px 24px;
	-webkit-mask-position:left 3px;
	mask-position:left 3px;
}
.price-delivery p{padding-left:34px; margin-bottom:5px;}
.price-delivery .subtxt{padding-left:34px;}

.price-remarks{position:relative; margin-bottom:30px;}
.price-remarks:before{
	position:absolute;
	top:0;
	left:0;
	content:"";
	display:block;
	width:25px;
	height:31.2px;
	background-color:currentColor;
	-webkit-mask-image:url(/images/svg-icons/delivery.svg);
	mask-image:url(/images/svg-icons/delivery.svg);
	-webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;
	-webkit-mask-size:24px 24px;
	mask-size:24px 24px;
	-webkit-mask-position:left 3px;
	mask-position:left 3px;
}
.price-remarks p{padding-left:34px; margin-bottom:5px;}
.price-remarks .subtxt{padding-left:34px;}
.price-box .price-remarks{font-size:16px;}
.price-ended{display:table; margin:40px auto 0; color:#FFF; border:2px solid #FFF; padding:15px 80px; font-size:22px; text-align:center; background-color:var(--color-btn-gray); border-radius:5px; text-decoration:none;}


@media screen and (max-width: 960px) {
	.pdt-cv-btn{padding:10px 20px; font-size:16px; border:none;}
	.pdt-cv-fixed{display:block;}
	.pdt-cv-fixed .pdt-shere-fixed a.share-circle{border:none;}
	.pdt-cv-box{display:none;}
	.pdt-mv{padding-left:var(--space-tb); padding-right:var(--space-tb);}
	.pkg-box{}
	.pdt-box{flex-basis:400px;}
	.pdt-ttl h2{padding:5px 0 5px 15px; font-size:16px;}
	.pdt-ttl span{font-size:16px;}
	.pdt-bdy{padding:20px 15px;}
	.pdt-bdy .pdt-name{font-size:32px; margin-bottom:20px;}
	.pdt-bdy .pdt-type{font-size:20px;}
	.pdt-bdy .pdt-note{font-size:16px;}
	.pdt-sec{padding:0;}
	.recipe-box{flex-flow:column-reverse; gap:0;}
	.recipe-box .pdt-box{flex:1; width:100%; max-width:500px; margin-left:auto; margin-right:auto;}
	.slide{position:relative; width:100%; background-color:var(--pdt-sub-color); padding:80px var(--space-tb); margin:0;}
	.slide:before,.slide:after{position:absolute;left:0;bottom:0; content:""; width:100%; height:80px; background-image:linear-gradient(180deg, transparent, #ffffff);}
	.slide:before{top:0; background-image:linear-gradient(0deg, transparent, #ffffff);}
	.slide>.wrap{margin: 0 auto;}

	.paragraph-box{padding-left:var(--space-tb); padding-right:var(--space-tb); margin:0 auto 40px;}
	.paragraph-box img{flex-basis:300px; width:300px; max-height:300px;}

	.creator-box{padding-left:var(--space-tb); padding-right:var(--space-tb);}
	.creator-box.creator-box-without-content{margin-top:10px;}

	.tag-box{flex-flow:column; align-items:center; padding-left:var(--space-tb); padding-right:var(--space-tb);}
	.cloud-box{max-width:calc(750px - var(--space-tb) * 2);}
	.rating-box{max-width:calc(750px - var(--space-tb) * 2); width:100%;}

	.price-box{padding-left:var(--space-tb); padding-right:var(--space-tb);}
	.price-box .pdt-cv-box{display:flex;}
	.price-box .pdt-cv-btn{padding:15px 25px; font-size:20px;}
}
@media screen and (max-width: 700px) {
	.pdt-cv-box{flex-direction:column; gap:16px;}
	.pdt-cv-box .pdt-share-actions{position:static; top:auto; right:auto; transform:none;}
}
@media screen and (max-width: 700px) {
	.pdt-mv{background-image:none; padding:0;}
	.pdt-mv:after{content:none;}
	.pdt-sec{padding:0;}
	.bg-box{position:relative; background-repeat:no-repeat; background-size:cover; background-position:center; padding:40px var(--space-tb);}
	.collaboration-public .bg-box{background-image:url(/assets/collaboration/sample_bg-57b39fe34f87171917f104d8e6a49ff8b474aadd4736ba7665fff18a783aa1d0.jpg);}
	.bg-box.upper:before,.bg-box:after{position:absolute;left:0;bottom:0; content:""; width:100%; height:40px; background-image:linear-gradient(180deg, transparent, #ffffff);}
	.bg-box.upper:before{top:0; background-image:linear-gradient(0deg, transparent, #ffffff);}
	.bg-box.upper .desc-box:first-child{margin-top:0;}
	.catch-box{font-size:32px; justify-content:space-around;}
	.overview-box{flex-flow:column;}
	.pkg-box{margin:0 auto;}
	.pdt-box{flex-basis:100%; max-width:750px; margin-left:auto; margin-right:auto; padding-left:var(--space-tb); padding-right:var(--space-tb);}
	.pdt-box.pc{display:none;}
	.pdt-box.sp{display:block;}
	.pdt-box.sp#overview .overview-sp-background{margin-left:calc(var(--space-tb) * -1); margin-right:calc(var(--space-tb) * -1); padding-left:var(--space-tb); padding-right:var(--space-tb); background-color:#FFF;}
	.pdt-box.sp#overview .pdt-bdy{background-color:#FFF;}

	.paragraph-box{gap:15px;}
	.paragraph-box .paragraph-right,.paragraph-box .paragraph-left{flex-flow:column; gap:15px;}
	.paragraph-box img{flex-basis:100%; width:400px; max-height:400px;}

	.creator-box .pdt-bdy{padding:30px 15px;}
	.pdt-creator{gap:15px;}
	.pdt-creator img{flex-basis:150px; width:150px; max-height:150px;}
	ul.creator-sns{gap:10px;}

	.price-box .pdt-bdy{padding:30px 15px;}
}
@media screen and (max-width: 560px) {
	.pdt{font-size:var(--pdt-font-size-sp);}
	.pdt-cv-box{margin-top:20px;}
	.pdt-cv-box{flex-wrap:wrap; gap:16px;}
	.pdt-cv-box .pdt-share-actions{margin-left:0;}
    .bg-box{padding:40px var(--space-sp) 40px var(--space-sp);}
    .catch-box{font-size:28px; margin-bottom:20px;}
    .catch-box .catch1{margin-bottom:40px;}
    .catch-box .catch2{margin-top:40px;}
    .pdt-box{padding-left:var(--space-sp); padding-right:var(--space-sp);}
    .pkg-box img{width:300px;}
    .pdt-ttl h2{padding:5px 0 5px 15px; font-size:14px;}
    .pdt-ttl span{font-size:14px;}
    .pdt-bdy{padding:20px 15px;}
    .pdt-bdy .pdt-name{font-size:24px; margin-bottom:20px;}
    .pdt-bdy .pdt-type{font-size:16px;}
    .pdt-bdy .pdt-note{font-size:12px;}
    .desc-box{margin-top:20px;}
    .slide{padding:40px var(--space-sp);}
    .slide:before,.slide:after{height:40px;}

	    .paragraph-box{padding-left:0; padding-right:0; margin:0 auto 30px;}
		.paragraph-box.paragraph-box-without-slide{margin-top:30px;}
    .paragraph-box img{padding-left:var(--space-sp); padding-right:var(--space-sp);}
    .paragraph-box p{padding:30px;}
    .paragraph-box p:before,.paragraph-box p:after{height:30px;}
    .paragraph-box p span:before,.paragraph-box p span:after{width:30px;}

	.creator-box{padding-left:var(--space-sp); padding-right:var(--space-sp);}
	.creator-box.creator-box-without-content{margin-top:10px;}
	.pdt-creator{flex-flow:column;}
	.pdt-creator img{flex-basis:200px; width:200px; max-height:200px;}
	.pdt-creator .creators{width:100%;}

	.tag-box{padding:30px var(--space-sp);}
	.cloud-box{max-width:calc(750px - var(--space-sp) * 2);}
	.rating-box{max-width:calc(750px - var(--space-sp) * 2);}
	.tag-box ul.fgr-cloud{padding:15px; gap:10px;}
	.tag-box ul.fgr-cloud>li.xl{font-size:22px;}
	.tag-box ul.fgr-cloud>li.l{font-size:20px;}
	.tag-box ul.fgr-cloud>li.m{font-size:18px;}
	.tag-box ul.fgr-cloud>li.s{font-size:16px;}
	.tag-box ul.fgr-cloud>li.xs{font-size:14px;}
	.tag-box .rating5-basis-inner{font-size:14px;}

	.price-box{padding-left:var(--space-sp); padding-right:var(--space-sp);}
	.price-box .pdt-bdy .subtxt{font-size:12px;}
	.price-list dt{padding:5px 10px; font-size:16px;}
	.price-list dd{font-size:24px; min-width:200px;}
	.price-list dd span{font-size:16px;}
	.price-date:before,.price-delivery:before,.price-remarks:before{top:-5px;}
	.price-ended{font-size:20px;}
}
@media screen and (max-width: 500px) {
    .catch-box{font-size:24px; justify-content:space-between;}
    .pdt-recipe .fgrlist{padding:10px;}
    .pdt-recipe .fgr-name{padding:0 0 10px 0;}
    .pdt-recipe .fgr-name span{font-size:14px;}
}
@media screen and (max-width: 460px) {
    .slide .navi .slide-prev{left:calc((100vw - 100%) / 2 - 32px); border-radius:0 5px 5px 0;}
    .slide .navi .slide-next{right:calc((100vw - 100%) / 2 - 32px); border-radius:5px 0 0 5px;}

    .paragraph-box img{flex-basis:100%; width:100vw; max-height:calc(100vw - var(--space-sp) * 2);}
}

@media screen and (max-width: 374px) {
    .pdt-ttl h2{margin:0 20px 0 0; padding:5px 0 5px 10px; font-size:12px;}
    .pdt-ttl h2:after{right:-19px; width:20px;}
    .pdt-ttl span{font-size:12px;}
    .pdt-cv-btn{margin-right:10px;}
    .pdt-recipe .fgr-name span{font-size:12px;}
    .price-box .pdt-cv-btn{margin-right:0;}
    .price-list dt{margin:0 10px 0 0;}
    .price-list dd{min-width:180px;}
    .price-list dd span{font-size:14px;}
    .price-list dd s{font-size:12px;}
    .price-ended{font-size:20px;}
}

/*product list*/
.addpdt-list .pdt-box{margin:0 0 30px 0; padding:0; list-style:none; margin-top:0; padding-top:0;}
.addpdt-list .pdt-box::marker{content:'';}
.addpdt-list .pdt-box{
    max-width:none;
    margin-left:0;
    margin-right:0;
    font-family:var(--pdt-font-family,'Hiragino Maru Gothic ProN W4','Meiryo','MS PGothic',sans-serif);
    font-size:var(--pdt-font-size,18px);
}
.addrecipe{padding:0;}
.addpdt-list .list1,
.addpdt-list .list2,
.addpdt-list .list3{font-family:var(--pdt-font-family,'Hiragino Maru Gothic ProN W4','Meiryo','MS PGothic',sans-serif);}
.addpdt-list .pdt-ttl h2,
.addpdt-list .pdt-ttl h2:after{background-color:var(--pdt-main-color);color:var(--pdt-font-color-main,#FFF);}
.addpdt-list .pdt-ttl span{color:var(--pdt-main-color);}
.addpdt-list .pdt-bdy{
    border:1px solid var(--pdt-main-color);
    background-color:var(--pdt-sub-color,transparent);
    background-image:var(--collaboration-body-image,none);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
}
.addpdt-list .catch-box{color:var(--pdt-font-color-catch);}
.addpdt-list .catch-box .catch1,
.addpdt-list .catch-box .catch2,
.addpdt-list .catch-box .catch3,
.addpdt-list .creator-name,
.addpdt-list .creator-position{text-shadow:0 0 10px var(--pdt-font-color-catch-kage),0 0 10px var(--pdt-font-color-catch-kage),0 0 10px var(--pdt-font-color-catch-kage);}
.addpdt-list .pdt-creator{color:var(--pdt-font-color-catch);}
.addpdt-list .pdt-cv-btn{background-color:var(--pdt-main-color);color:var(--pdt-font-color-main,#FFF);border:2px solid var(--pdt-font-color-main,#FFF);}
.addpdt-list .pdt-cv-btn:hover{background-color:var(--pdt-font-color-main,#FFF);color:var(--pdt-main-color);border:2px solid var(--pdt-main-color);}
.addpdt-list .list-price-box,
.addpdt-list .list-info-box{color:var(--pdt-font-color-catch);background-color:var(--pdt-panel-bg-color,var(--pdt-sub-color,#FFFFFF));}
.addpdt-list .pdt-ttl h2 {font-size:24px;}
.addpdt-list .pdt-ttl span {font-size:20px;}
.addpdt-list .pdt-bdy {padding:0;}
.addpdt-list .pdt-bdy .pdt-list-wrap{padding: 40px 40px 40px 20px; display:flex; flex-flow:row; gap:30px;}
.addpdt-list .pdt-bdy .pdt-list-wrap>div{width:50%; text-align:center;}
.addpdt-list .pdt-bdy .pdt-list-wrap .catch-box{display:block; transform:rotate(0); font-size:28px; margin-bottom:20px; padding:0;}
.addpdt-list .pdt-bdy .pdt-list-wrap .catch-box .catch1{margin:0;}
.addpdt-list .pdt-bdy .pdt-list-wrap .catch-box .catch2{margin:5px 0 0 0;}
.addpdt-list .pdt-bdy .pdt-list-wrap .pkg-box {padding-left:0; margin-bottom:20px;}
.addpdt-list .pdt-bdy .pdt-list-wrap .pkg-box img{width:70%; max-width:350px;}
.addpdt-list .pdt-bdy .pdt-list-wrap .pdt-creator {display:inline-flex; flex-flow:row; justify-content:center; gap:15px}
.addpdt-list .pdt-bdy .pdt-list-wrap .pdt-creator .creator-image-box {flex:0 0 80px; width:80px; aspect-ratio:1 / 1; overflow:hidden; background-color:#FFF; border-radius:50%;}
.addpdt-list .pdt-bdy .pdt-list-wrap .pdt-creator .creator-image-box img {display:block; width:100%; height:100%; object-fit:cover;}
.addpdt-list .pdt-bdy .pdt-list-wrap .pdt-creator .creators{gap:5px;}
.addpdt-list .pdt-bdy .pdt-list-wrap .pdt-creator .creator-name{font-size:28px;}
.addpdt-list .pdt-bdy .pdt-list-wrap .pdt-creator .creator-name span{font-size:20px;}
.addpdt-list .pdt-bdy .pdt-list-wrap .pdt-creator .creator-position{padding:0; text-align:center; font-size:20px;}
.addpdt-list .pdt-bdy .pdt-list-wrap .pdt-creator .creator-position:before, .addpdt-list .pdt-bdy .pdt-list-wrap .creator-position:after{content:none;}
.addpdt-list .pdt-bdy .pdt-list-wrap .pdt-list-right{text-align:left; display:flex; flex-flow:column; gap:24px;}
.addpdt-list .pdt-bdy .pdt-list-wrap .list-info-box{padding:30px; margin:0;}
.addpdt-list .pdt-bdy .pdt-list-wrap .list-info-box .list-info-title{font-size:30px; line-height:1.35; font-weight:500; margin-bottom:30px; text-align:center;}
.addpdt-list .pdt-bdy .pdt-list-wrap .list-info-box .list-info-combination{font-size:22px; line-height:1.4; margin-bottom:20px; text-align:center; position:relative; padding-bottom:20px;}
.addpdt-list .pdt-bdy .pdt-list-wrap .list-info-box .list-info-combination:after{position:absolute; left:calc(50% - 50px); bottom:0; content:""; width:100px; height:3px; background-color:var(--pdt-main-color);}
.addpdt-list .pdt-bdy .pdt-list-wrap .list-info-box .list-info-note{margin:0; text-align:left;}
.addpdt-list .pdt-bdy .pdt-list-wrap .list-info-box .list-info-note > div{display:flex; gap:15px; margin-bottom:16px;}
.addpdt-list .pdt-bdy .pdt-list-wrap .list-info-box .list-info-note > div:last-child{margin-bottom:0;}
.addpdt-list .pdt-bdy .pdt-list-wrap .list-info-box .list-info-note dt{flex:0 0 120px; font-size:14px; line-height:1.5;}
.addpdt-list .pdt-bdy .pdt-list-wrap .list-info-box .list-info-note dd{margin:0; font-size:14px; line-height:1.7;}
.addpdt-list .pdt-bdy .pdt-list-wrap .list-price-box{padding:30px; margin:0;}
.addpdt-list .pdt-bdy .pdt-list-wrap .list-price-box .price-date{text-align:left; font-size:22px; margin-bottom:40px;}
.addpdt-list .pdt-bdy .pdt-list-wrap .list-price-box .price-date .subtxt{font-size:20px;}
.addpdt-list .pdt-bdy .pdt-list-wrap .list-price-box .price-list{margin-bottom:0;}
.addpdt-list .pdt-bdy .pdt-list-wrap .list-price-box .price-list:after, .addpdt-list .pdt-bdy .pdt-list-wrap .list-price-box .price-date:after{content:none;}
.addpdt-list .pdt-bdy .pdt-list-wrap .list-price-box .price-list dt{font-size:22px;}
.addpdt-list .pdt-bdy .pdt-list-wrap .list-price-box .price-list dd{min-width:150px;}
.addpdt-list .pdt-bdy .pdt-list-wrap .list-price-box .price-list dd s{font-size:20px;}
.addpdt-list .pdt-bdy .pdt-list-wrap .list-price-box .price-list dd p{font-size:28px;}
.addpdt-list .pdt-bdy .pdt-list-wrap .list-price-box .price-list dd span{font-size:20px;}

.addpdt-list .pdt-bdy .pdt-list-wrap{padding: 30px 30px 30px 15px;}
.addpdt-list .pdt-bdy .pdt-list-wrap .catch-box{font-size:24px;}
.addpdt-list .pdt-bdy .pdt-list-wrap .pdt-creator .creator-name{font-size:24px;}
.addpdt-list .pdt-bdy .pdt-list-wrap .pdt-creator .creator-name span{font-size:16px;}
.addpdt-list .pdt-bdy .pdt-list-wrap .pdt-creator .creator-position{font-size:16px;}
.addpdt-list .pdt-bdy .pdt-list-wrap .pdt-list-right{gap:15px;}
.addpdt-list .pdt-bdy .pdt-list-wrap .list-info-box{padding:15px;}
.addpdt-list .pdt-bdy .pdt-list-wrap .list-info-box .list-info-title{font-size:30px; margin-bottom:30px;}
.addpdt-list .pdt-bdy .pdt-list-wrap .list-info-box .list-info-combination{font-size:22px; margin-bottom:15px;}
.addpdt-list .pdt-bdy .pdt-list-wrap .list-info-box .list-info-note dt{flex-basis:100px; font-size:14px;}
.addpdt-list .pdt-bdy .pdt-list-wrap .list-info-box .list-info-note dd{font-size:14px;}
.addpdt-list .pdt-bdy .pdt-list-wrap .list-price-box{padding:15px;}
.addpdt-list .pdt-bdy .pdt-list-wrap .list-price-box .price-date{font-size:20px; margin-bottom:20px;}
.addpdt-list .pdt-bdy .pdt-list-wrap .list-price-box .price-date .subtxt{font-size:12px;}
.addpdt-list .pdt-bdy .pdt-list-wrap .list-price-box .price-list dt{font-size:20px;}
.addpdt-list .pdt-bdy .pdt-list-wrap .list-price-box .price-list dd s{font-size:16px;}
.addpdt-list .pdt-bdy .pdt-list-wrap .list-price-box .price-list dd p{font-size:28px;}
.addpdt-list .pdt-bdy .pdt-list-wrap .list-price-box .price-list dd span{font-size:16px;}

@media screen and (max-width: 960px) {
	.addpdt-list .pdt-box{max-width:none; margin-left:0; margin-right:0; padding-left:0; padding-right:0;}
	.addpdt-list .pdt-ttl h2 {font-size:22px;}
	.addpdt-list .pdt-ttl span {font-size:18px;}
	.addpdt-list .pdt-bdy .pdt-list-wrap{padding: 20px 20px 20px 15px; flex-flow:column;}
    .addpdt-list .pdt-bdy .pdt-list-wrap>div{width:100%;}
	.addpdt-list .pdt-bdy .pdt-list-wrap .catch-box{font-size:20px; margin-bottom:20px;}
	.addpdt-list .pdt-bdy .pdt-list-wrap .pkg-box {margin-bottom:20px;}
	.addpdt-list .pdt-bdy .pdt-list-wrap .pdt-creator .creator-image-box {flex-basis:60px; width:60px;}
	.addpdt-list .pdt-bdy .pdt-list-wrap .pdt-cv-box {display:flex;}
		.addpdt-list .pdt-bdy .pdt-list-wrap .pdt-creator .creators .creator-name{font-size:20px;}
		.addpdt-list .pdt-bdy .pdt-list-wrap .pdt-creator .creators .creator-name span {font-size:14px;}
		.addpdt-list .pdt-bdy .pdt-list-wrap .pdt-creator .creator-position{padding:0; text-align:center; font-size:14px;}
		.addpdt-list .pdt-bdy .pdt-list-wrap .pdt-list-right{max-width:520px; margin:0 auto;}
		.addpdt-list .pdt-bdy .pdt-list-wrap .list-price-box .price-date{font-size:16px;}
		.addpdt-list .pdt-bdy .pdt-list-wrap .list-price-box .price-list dt{font-size:16px;}
		.addpdt-list .pdt-bdy .pdt-list-wrap .list-price-box .price-list dd s{font-size:12px;}
		.addpdt-list .pdt-bdy .pdt-list-wrap .list-info-box .list-info-title{font-size:30px;}
		.addpdt-list .pdt-bdy .pdt-list-wrap .list-info-box .list-info-combination{font-size:22px;}
	}
@media screen and (max-width: 560px) {
	.list-header{padding-left:0;}
	.addpdt-list .pdt-box{max-width:none; margin-left:0; margin-right:0; padding-left:0; padding-right:0;}
	.addpdt-list .pdt-box{font-size:var(--pdt-font-size-sp,14px);}
	.addpdt-list .pdt-ttl{align-items:flex-start; flex-flow:column-reverse;}
    .addpdt-list .pdt-ttl h2 {font-size:18px;}
    .addpdt-list .pdt-ttl span {font-size:16px;}
    .addpdt-list .pdt-bdy .pdt-list-wrap{padding: 20px 15px;}
	.addpdt-list .pdt-bdy .pdt-list-wrap .catch-box{font-size:20px;}
		.addpdt-list .pdt-bdy .pdt-list-wrap .pdt-creator .creator-image-box {flex-basis:60px; width:60px;}
		.addpdt-list .pdt-bdy .pdt-list-wrap .pdt-creator .creators .creator-name{font-size:20px;}
		.addpdt-list .pdt-bdy .pdt-list-wrap .pdt-creator .creators .creator-name span {font-size:14px;}
		.addpdt-list .pdt-bdy .pdt-list-wrap .pdt-list-right{max-width:none;}
		.addpdt-list .pdt-bdy .pdt-list-wrap .list-info-box .list-info-title{font-size:30px;}
		.addpdt-list .pdt-bdy .pdt-list-wrap .list-info-box .list-info-combination{font-size:22px;}
		.addpdt-list .pdt-bdy .pdt-list-wrap .list-info-box .list-info-note > div{gap:10px;}
		.addpdt-list .pdt-bdy .pdt-list-wrap .list-info-box .list-info-note dt{flex-basis:90px; font-size:14px;}
		.addpdt-list .pdt-bdy .pdt-list-wrap .list-info-box .list-info-note dd{font-size:14px;}
		.addpdt-list .pdt-bdy .pdt-list-wrap .list-price-box .price-date{font-size:16px;}
		.addpdt-list .pdt-bdy .pdt-list-wrap .list-price-box .price-list dd p{font-size:22px;}
	}
@media screen and (max-width: 360px) {
		.addpdt-list .pdt-bdy .pdt-list-wrap .list-price-box .price-date .subtxt{font-size:12px;}
		.addpdt-list .pdt-bdy .pdt-list-wrap .list-price-box .price-list dt{font-size:14px;padding: 5px 5px;}
		.addpdt-list .pdt-bdy .pdt-list-wrap .list-price-box .price-list dd s{font-size:10px;}
		.addpdt-list .pdt-bdy .pdt-list-wrap .list-price-box .price-list dd span{font-size:14px;}
	}

/*aside*/
#aside{}
#aside>.wrap{max-width:var(--size-canvas); margin: 0 auto 80px; padding:0 var(--space-sp);}
.about-kinkuma{background:url(/bg_about-kinkuma.jpg); background-repeat:no-repeat; background-position:center bottom; background-size:contain; background-color:#DFE9E9; padding:15px 20px 110px 15px; max-width:1024px; margin:0 auto;}
.about-kinkuma .ttl{font-size:24px; text-align:center; margin-bottom:20px; font-weight:bold;}
.about-kinkuma .ttl:before{font-size:26px; font-family:'icomoon'; content:"\e900"; display:inline; padding-right:10px;}
.about-kinkuma .txt{font-size:14px;line-height:1.8;}
.about-kinkuma .top-btn-box{margin-top:10px;}
.about-kinkuma .top-btn-box{position:static; left:auto; bottom:auto; padding-top:0;}
.about-kinkuma .top-btn-box .mv-btn{min-width:220px; background-color:#0B3E4A; border-color:#0B3E4A; color:#FFF;}
.about-kinkuma .top-btn-box .mv-btn:hover{background-color:transparent; color:#0B3E4A; border-color:#0B3E4A;}

@media screen and (min-width: 560px) {
    .main-inner>.wrap{padding-left:var(--space-tb); padding-right:var(--space-tb);}
    .about-kinkuma{padding:20px 20px 220px 20px;}
    .about-kinkuma .ttl{font-size:26px;}
    .about-kinkuma .ttl:before{font-size:28px;}
    .about-kinkuma .txt{font-size:16px;}
    .about-kinkuma .top-btn-box{margin-top:15px;}
}

@media screen and (min-width: 960px) {
    #aside>.wrap{padding-left:var(--space-pc); padding-right:var(--space-pc);}
    .about-kinkuma{padding:40px 40px 280px 40px;}
    .about-kinkuma .ttl{font-size:30px;}
    .about-kinkuma .ttl:before{font-size:32px;}
    .about-kinkuma .txt{font-size:18px;}
    .about-kinkuma .top-btn-box{margin-top:20px;}
}