@charset "UTF-8";
/* ==========================================================================
*	YAMAN共通CSS
* ========================================================================== */
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 100;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 200;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 300;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 400;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Bold");
font-weight: bold;
}




html {
font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
line-height: 1.231;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
font-size: 62.5%;
}
.flex {
display: flex;
display: -webkit-flex;
}
.flex--style1 {
justify-content: space-between;
}
.flex--center {
justify-content: center;
}
.flex-wrap {
flex-wrap: wrap;
}
.cf:before,
.cf:after {
content: " ";
display: table;
}
.cf:after {
clear: both;
}
.cf {
*zoom: 1;
}

a {
color: black;
text-decoration: none;
transition: 0.3s ease-out;
outline: none;
}

a:hover {
opacity: .8;
}

img {
max-width: 100%;
height: auto;
vertical-align: bottom;
}

video {
max-width: 100%;
height: auto;
}


@media (min-width: 801px) {
body {
font-size: 1.4rem;
}
}
@media (min-width: 641px) {
.col2-block {
display: flex;
display: -webkit-flex;
}

.col2-block .col {
width: 50%;
}
}
@media (max-width: 640px) {
.col2-block .col:not(:last-child) {
margin-bottom: 30px;
}
}
@media (min-width: 641px) {
.col3-block {
display: flex;
display: -webkit-flex;
}

.col3-block .col {
width: calc(100% / 3);
}
}
@media (max-width: 640px) {
.col3-block .col:not(:last-child) {
margin-bottom: 30px;
}
}
@media (min-width: 641px) {
.sp_only {
display: none !important;
}

.flex-pc {
display: flex;
display: -webkit-flex;
}
.nowrap-pc{
flex-wrap:nowrap!important;
}  
}
@media (min-width: 801px) {
.flex-801 {
display: flex;
display: -webkit-flex;
}
}
@media (max-width: 640px) {
.pc_only {
display: none !important;
}
}
sup {
vertical-align: super;
font-size: 8px;
transform: scale(0.8);
display: inline-block;
}

.btn-style {
max-width: 580px;
line-height: 70px;
display: block;
margin: auto;
text-align: center;
font-size: 1.8rem;
letter-spacing: 0.075em;
border: solid 1px #727272;
}

@media (max-width: 640px) {
.btn-style {
line-height: 6rem;
}
}
#wrapper {
padding-top: 60px;
}

@media (min-width: 641px) {
#wrapper {
padding-top: 100px;
}
}

/*-----------------------------------------
Header
-------------------------------------------*/
.header-area {
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 100;
background: white;
font-family: 'Montserrat', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

.header {
margin: auto;
border-bottom: solid 1px #dddddd;
}

@media (min-width: 641px) {
.header {
height: 100px;
}

.header .header-nav {
max-width: 1280px;
width: 90%;
margin: auto;
}
}
@media (max-width: 640px) {
.header {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 20px;
height: 60px;
margin-bottom: 0;
}

.header .header-nav {
align-items: center;
flex-wrap: wrap;
height: 100%;
}
}
@media (max-width: 640px) {
.header__info__wrap {
display: none;
position: absolute;
left: 0;
top: 60px;
background: white;
z-index: 100;
width: 100%;
overflow: scroll;
max-height: calc(100vh - 60px);
-webkit-overflow-scrolling: touch;
}
}
@media (min-width: 641px) {
.header__info__wrap {
width: 85%;
}
}
@media (min-width: 641px) and (max-width: 1279px) {
.header__info__wrap {
width: calc(900/1280*100vw);
}
}
@media (min-width: 641px) and (max-width: 960px) {
.header__info__wrap {
font-size: .8rem;
}
}
@media (min-width: 961px) and (max-width: 1279px) {
.header__info__wrap {
font-size: 1.2rem;
}
}


@media (min-width: 1280px) {
.header__info__wrap {
width: 73%;
}
}


.header__info {
margin-left: auto;
line-height: 1;
font-family: 'Montserrat', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
font-size:95%;
font-weight:500;
}

@media (max-width: 640px) {
.header__info {
display: flex;
display: -webkit-flex;
flex-direction: column;
}
}
.brand-logo {
padding-top: 16px;
}


@media (max-width: 1279px) {
.brand-logo {
width: calc(190/1280*100vw);
}
}
@media (max-width: 640px) {
.brand-logo {
padding-top: 0;
width: 95px;
}
}
@media (max-width: 640px) {
.header__info {
width: 100%;
z-index: 1;
}
}
.menu-icon {
padding-top: 20px;
height: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-left: solid 1px #e7e7e7;
padding-left: 17px;
margin-left: auto;
}

.menu-icon a {
display: inline-block;
width: 20px;
height: 20px;
background: url(../images/common/menu-icon.png) no-repeat;
background-size: 100%;
}

.menu-icon .on {
background: url(../images/common/icon-close.png) no-repeat;
background-size: 100%;
}

@media (max-width: 640px) {
.header__foreign-link {
order: 2;
display: flex;
display: -webkit-flex;
}

.header__foreign-link .change-lang {
width: 50%;
}

.header__foreign-link .change-lang:first-child {
border-right: solid 1px #6d6d6d;
}

.header__foreign-link a {
display: block;
line-height: 58px;
border-bottom: solid 1px #6d6d6d;
padding: 0 20px;
color: black;
font-size: 1.6rem;
background: #f5f5f5 url(../images/common/icon-arrow.png) no-repeat right 20px center;
background-size: 8px;
line-height: 44px;
}
}
@media (min-width: 641px) {
.header__foreign-link {
display: inline-block;
border-left: solid 1px #e7e7e7;
border-right: solid 1px #e7e7e7;
padding: 17px 2.67442% 4px;
padding-bottom: 4px;
margin-left: auto;
float: right;
}

.header__foreign-link li {
display: inline-block;
}

.header__foreign-link a {
line-height: 16px;
}

.header__foreign-link .change-lang:first-child:after {
content: "|";
margin: 0 .5em;
display: inline-block;
padding-left: .5rem;
}
}
@media (max-width: 640px) {
.header__ec-link {
order: 2;
display: flex;
display: -webkit-flex;
}

.header__ec-link li {
width: 100%;
}

.header__ec-link a {
display: block;
line-height: 58px;
border-bottom: solid 1px #6d6d6d;
padding: 0 20px;
color: black;
font-size: 1.6rem;
background: #f5f5f5 url(../images/common/icon-arrow.png) no-repeat right 20px center;
background-size: 8px;
line-height: 44px;
}
}
@media (min-width: 641px) {
.header__ec-link {
display: inline-block;
border-right: solid 1px #e7e7e7;
padding: 17px 2.67442% 4px;
padding-bottom: 4px;
margin-left: auto;
float: right;
}

.header__ec-link li {
display: inline-block;
}

.header__ec-link a {
line-height: 16px;
}
}
.header-nav__menu {
width: 100%;
}

@media (min-width: 641px) {
.header-nav__menu {
float: left;
margin-top: 27px;
/*padding-right: 2.67442%;*/
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

}
@media (min-width: 641px) and (max-width: 800px) {
.header-nav__menu {
margin-top: 10px;
}
}
@media (max-width: 640px) {
.header-nav__menu {
border-top: solid 1px #6d6d6d;
}

.header-nav__menu a {
display: block;
line-height: 58px;
border-bottom: solid 1px #6d6d6d;
padding: 0 20px;
color: black;
font-size: 1.5rem;
background: #f5f5f5 url(../images/common/icon-arrow.png) no-repeat right 20px center;
background-size: 8px;
line-height: 44px;
}

.header-nav__menu .have-child > a {
background: #f5f5f5 url(../images/common/nav-open.png) no-repeat right 20px center;
background-size: 13px;
}
.header-nav__menu .have-child > a.on {
background: #f5f5f5 url(../images/common/nav-close.png) no-repeat right 20px center;
background-size: 13px;
}

.header-nav__menu .sub-menu a {
background: #dfdfdf url(../images/common/icon-arrow.png) no-repeat right 20px center;
/*padding-left: 40px;*/
background-size: 8px;
}
.header-nav__menu .sub-menu .other a {
background: #dfdfdf url(../images/common/icon-other.png) no-repeat right 20px center;
background-size: 10px;
}
}
.header + #lineup__tab,
#owner__tab {
display: none;
}

.lineup__tab.show + .breadcrumb-wrap {
border-top: none;
}

.header-area .lineup__tab {
border-top: none;
}

.flex-end {
align-items: flex-end;
}

.lineup__tab {
text-align: center;
border-top: solid 1px #dddddd;
border-bottom: solid 1px #dddddd;
padding: 20px 0;
position: relative;
display:none;
}
.lineup__tab #lineup__tab--close,
.lineup__tab #owner__tab--close {
position: absolute;
right: 40px;
top: 40px;
width: 20px;
display: inline-block;
}
@media (min-width: 641px) {
.lineup__tab {
padding: 40px 0;
}
.lineup__tab .lineup__tab__inner {
max-width: 1280px;
width: 80%;
margin: auto;
}
.lineup__tab .tab {
width: calc(50% - 15px);
}
.lineup__tab .tab__ttl {
font-size: 1.8rem;
padding-bottom: 20px;
margin-bottom: 30px;
border-bottom: solid 1px #ddd;
}
.lineup__tab .tab--series .col2 li {
width: calc(50% - 8px);
margin: 0;
}
.lineup__tab .tab--series .col2 li:nth-child(n+3) {
margin-top: 16px;
}
.lineup__tab .tab--series .col2 li a {
display: block;
line-height: 80px;
height: 80px;
opacity: 1;
position: relative;
text-align: left;
padding-left: 30px;
font-size: 1.8rem;
}
}
@media (min-width: 1080px) {
.lineup__tab {
padding: 60px 0;
}
}
@media (min-width: 641px) and (min-width: 641px) and (max-width: 1440px) {
.lineup__tab .tab--series .col2 li a {
padding-left: 2.08333vw;
font-size: 1.25vw;
line-height: 5.55556vw;
height: 5.55556vw;
}
}

@media (min-width: 641px) {
.lineup__tab .tab--series .col2 li a:after {
content: "";
display: block;
width: 6px;
height: 9px;
background: url(../images/common/nav-arrow.png) no-repeat center bottom;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 8.19672%;
}
.lineup__tab .tab--series .col2 .bg--series1 a {
background: url(../images/common/nav-bg1.png) no-repeat right bottom, url(../images/common/nav-bg.jpg);
background-size: auto 100%,cover;
}
}
@media (min-width: 641px) and (min-width: 641px) and (max-width: 1023px) {
.lineup__tab .tab--series .col2 .bg--series1 a {
background-size: auto 90%,cover;
}
}

@media (min-width: 641px) {
.lineup__tab .tab--series .col2 .bg--series2 a {
background: url(../images/common/nav-bg2.png) no-repeat right bottom, url(../images/common/nav-bg.jpg);
background-size: auto 100%,cover;
}
}
@media (min-width: 641px) and (min-width: 641px) and (max-width: 1023px) {
.lineup__tab .tab--series .col2 .bg--series2 a {
background-size: auto 90%,cover;
}
}

@media (min-width: 641px) {
.lineup__tab .tab--series .col2 .bg--series3 a {
background: url(../images/common/nav-bg3.png) no-repeat right bottom, url(../images/common/nav-bg.jpg);
background-size: auto 100%,cover;
}
}
@media (min-width: 641px) and (min-width: 641px) and (max-width: 1023px) {
.lineup__tab .tab--series .col2 .bg--series3 a {
background-size: auto 90%,cover;
}
}

@media (min-width: 641px) {
.lineup__tab .tab--series .col2 .bg--series4 a {
background: url(../images/common/nav-bg4.png) no-repeat right bottom, url(../images/common/nav-bg.jpg);
background-size: auto 100%,cover;
}
}
@media (min-width: 641px) and (min-width: 641px) and (max-width: 1023px) {
.lineup__tab .tab--series .col2 .bg--series4 a {
background-size: auto 90%,cover;
}
}

@media (min-width: 641px) {
.lineup__tab .tab--category .col2 li {
width: calc(50% - 8px);
margin: 0;
}
.lineup__tab .tab--category .col2 li a {
display: block;
line-height: 58px;
height: 58px;
font-size: 1.8rem;
position: relative;
border-bottom: solid 1px #ddd;
opacity: 1;
text-align: left;
}
.lineup__tab .tab--category .col2 li a:after {
content: "";
display: block;
width: 6px;
height: 9px;
background: url(../images/common/nav-arrow.png) no-repeat center bottom;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 8.19672%;
}
}
@media (min-width: 641px) and (min-width: 641px) and (max-width: 1440px) {
.lineup__tab .tab--category .col2 li a {
font-size: 1.25vw;
line-height: 4.16667vw;
height: 4.16667vw;
}
}

@media (min-width: 641px) {
.lineup__tab .bottom__banner {
margin-top: 30px;
}
.lineup__tab .bottom__banner img {
width: 100%;
}
}

.lineup__tab a {
display: inline-block;
}

@media (max-width: 640px) {
.lineup__tab {
padding: 18px 20px;
display: flex;
display: -webkit-flex;
justify-content: space-between;
}
.lineup__tab img {
width: auto;
}
}

.lineup__tab li {
display: inline-block;
}

@media (min-width: 641px) {
.lineup__tab li {
margin-right: 77px;
}
}

.lineup__tab li a {
opacity: .5;
}

.lineup__tab li a:hover,
.lineup__tab li .active {
opacity: 1;
}

.lineup__tab li:last-child {
margin-right: 0;
}

@media (max-width: 640px) {
.lineup__tab li {
margin-right: 16px;
}
}

@media (min-width: 641px) and (max-width: 1023px) {
.lineup__tab li {
margin-right: calc(77/1280*100vw);
}
}


/*-----------------------------------------
2019/03/28
-------------------------------------------*/
.header__sns-link {
padding: 10px 0 0 10px;
float: right;
}

.header__sns-link li {
margin: 0 8px;
display: inline-block;
box-sizing: border-box;
}

.header__sns-link.on-sp {
order: 3;
display: flex;
display: -webkit-flex;
display: block;
line-height: 58px;
border-bottom: solid 1px #6d6d6d;
padding: 0 20px;
color: black;
font-size: 1.6rem;
background: #f5f5f5 url(../images/common/icon-arrow.png) no-repeat right 20px center;
background-size: 8px;
line-height: 44px;
text-align: center;
background: #f5f5f5;
}

.header__sns-link.on-sp li {
display: inline-block;
padding: 5px 10px 2px;
}

.header__sns-link.on-sp li img {
margin-bottom: 10px;
}

@media (min-width: 641px) and (max-width: 800px) {
.header__sns-link {
padding-top: 17px;
}

.header__sns-link li {
width: 15px;
margin: 0 2px;
}
}
@media (min-width: 801px) and (max-width: 1080px) {
.header__sns-link li {
width: 20px;
margin: 0 4px;
}
}


/*-----------------------------------------
2022/06/20
-------------------------------------------*/

@media (max-width: 640px){
.header-nav__menu .sub-menu .series {
width: 50%;
display: block;
float: left;
box-sizing: border-box;
}
.header-nav__menu .sub-menu .series:nth-child(odd) {
border-right: #6d6d6d 1px solid;
}
.header-nav__menu .sub-menu .clear {
clear: both;
}
.header-nav__menu .sub-menu a {
padding-left: 20px;
}
}
.pulldown_btn{
cursor:pointer;
}
.pulldown_btn:after{
content: "";
border-top: #999 2px solid;
border-right: #999 2px solid;
width: 5px;
height: 5px;
display: inline-block;
transform: rotate(135deg) translateY(4px);
margin-left: 11px;
}

.sub-menu.owner_sp a{
width: 50%;
display: block;
float: left;
box-sizing: border-box;
padding: 5px;
}
.sub-menu.owner_sp a:nth-of-type(odd){
padding-right: 2.5px;
}
.sub-menu.owner_sp a:nth-of-type(even){
padding-left: 2.5px;
}




/*-----------------------------------------
Footer
-------------------------------------------*/
.footer {
background: #f5f5f5;
padding-top: 60px;
padding-bottom: 40px;
position: relative;
}

.footer li.col {
display: block;
padding: 0;
}


@media (max-width: 640px) {
.footer {
padding-top: 40px;
width: 100%;
}

.footer .footer-inner {
width: 100%;
}
}
.footer .gotop {
position: absolute;
right: 7.14286%;
top: -120px;
font-size: 0;
z-index: 100;
}
@media (min-width: 641px) {
.footer .gotop .fix {
position: fixed;
right: 7.14286%;
bottom: 40px;
}
}

.footer .gotop a {
background: url(/images/common/go-top@sp.png) no-repeat;
background-size: 100%;
display: block;
width: 50px;
height: 50px;
text-indent: -9999px;
font-size: 0;
padding: 0;
}

@media (max-width: 640px) {
.footer .gotop {
width: 37px;
position: absolute;
right: 20px;
top: -57px;
font-size: 0;
}

.footer .gotop a {
background: url(/images/common/go-top@sp.png) no-repeat;
background-size: 100%;
display: block;
/*
height: 100%;
padding: 0;
*/
width: 37px;
height: 37px;
text-indent: -9999px;
font-size: 0;
padding: 0;
}

.footer .gotop .fix {
position: fixed;
right: 20px;
bottom: 20px;
}
}
.footer .footer-inner {
max-width: 1380px;
margin: auto;
}

@media (min-width: 641px) {
.footer .footer-inner {
width: 80%;
}
}
.footer .footer-logo {
margin-bottom: 80px;
text-align: center;
}

@media (max-width: 800px) {
.footer .footer-logo {
width: 13.19444%;
}
}
@media (max-width: 640px) {
.footer .footer-logo {
padding-top: 0;
width: 118px;
margin: auto;
margin-bottom: 40px;
}
}
@media (min-width: 801px) and (max-width: 1440px) {
.footer .footer-nav__list {
font-size: 0.97222vw;
}
}
@media (max-width: 800px) {
.footer .footer-nav__list {
flex-wrap: wrap;
justify-content: flex-start;
}

.footer .footer-nav__list .nav-menu {
margin-bottom: 50px;
margin-top: -1px;
}

.footer .footer-nav__list .nav-menu:nth-child(n+3) {
margin-bottom: 0;
}
}
.nav-menu dt {
margin-bottom: 1em;
}

@media (max-width: 640px) {
.nav-menu dl:not(:first-child) .nav-menu__ttl {
border-top: none;
}
}
@media (min-width: 641px) {
.nav-menu dl:not(:last-child) {
margin-bottom: 20px;
}

.nav-menu4 dl:not(:last-child) {
margin-bottom: 50px;
}
}
@media (max-width: 640px) {
.footer .footer-nav__list .nav-menu {
margin-bottom: 0;
}
}
@media (min-width: 641px) {
.footer .footer-nav__list .nav-menu1,
.footer .footer-nav__list .nav-menu2 {
width: 20.48611%;
}
}
@media (min-width: 641px) and (max-width: 800px) {
.footer .footer-nav__list .nav-menu1,
.footer .footer-nav__list .nav-menu2,
.footer .footer-nav__list .nav-menu4 {
width: 30%;
margin-right: 50px;
}
}
.footer .footer-nav__list .nav-menu2 .flex {
padding-right: 1em;
}

@media (min-width: 641px) {
.footer .footer-nav__list .nav-menu3 {
width: 23.04688%;
}
}
@media (min-width: 641px) and (max-width: 800px) {
.footer .footer-nav__list .nav-menu3 {
width: 30%;
margin-right: 50px;
}
}
@media (min-width: 641px) {
.footer .footer-nav__list .nav-menu4 {
width: 14.0625%;
}
}
@media (min-width: 641px) and (max-width: 800px) {
.footer .footer-nav__list .nav-menu4 {
width: 30%;
}
}
.footer .footer-nav__list .nav-menu__ttl {
font-size: 2.4rem;
border-bottom: solid 1px #6d6d6d;
padding-bottom: 16px;
margin-bottom: 18px;
font-family: 'Montserrat', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

@media (min-width: 801px) and (max-width: 1440px) {
.footer .footer-nav__list .nav-menu__ttl {
font-size: 1.66667vw;
}
}
@media (max-width: 640px) {
.footer .footer-nav__list .nav-menu__ttl {
cursor: pointer;
line-height: 58px;
border-top: solid 1px #6d6d6d;
padding-bottom: 0;
font-size: 1.6rem;
margin-bottom: 0;
}

.footer .footer-nav__list .nav-menu__ttl a {
padding-left: 20px;
display: block;
background: url(../images/common/icon-arrow.png) no-repeat right 20px center;
background-size: 8px;
}
}
.footer .footer-nav__list .nav-menu__list {
color: #8f8f8f;
line-height: 1.6;
}

.footer .footer-nav__list .nav-menu__list li {
margin-bottom: .8rem;
}

.footer .footer-nav__list .nav-menu__list a {
color: #8f8f8f;
}

.nav-menu__list a.external {
display: flex;
align-items: center;
position: relative;
}
.nav-menu__list a.external img {
box-sizing: content-box !important; /* 特定ページはborder-boxなので、旧方式仕様で上書き */
}

@media (max-width: 640px) {
.footer .footer-nav__list .nav-menu__list a {
padding: 0 20px 0 32px;
color: black;
display: block;
font-size: 1.6rem;
line-height: 58px;
border-bottom: solid 1px #6d6d6d;
}
}

.footer .sns-list li {
margin: 0 15px;
}

.footer .sns-list li:first-child {
margin-left: 20px;
}

.footer .sns-list a {
height: 24px;
background: url(/images/common/sns.png) no-repeat;
display: inline-block;
background-blend-mode: multiply;
}

@media (max-width: 640px) {
.footer .sns-list a {
height: 37px;
}
}
.footer .sns-list .sns--fb {
background-size: auto 100%;
width: 14px;
}

@media (max-width: 640px) {
.footer .sns-list .sns--fb {
width: 21.58333px;
}
}
.footer .sns-list .sns--tw {
background-size: auto 100%;
width: 24px;
background-position-x: -46px;
}

@media (max-width: 640px) {
.footer .sns-list .sns--tw {
width: 34px;
background-position-x: -70px;
}
}
.footer .sns-list .sns--insta {
background-size: auto 100%;
width: 21px;
background-position-x: -99px;
}

@media (max-width: 640px) {
.footer .sns-list .sns--insta {
width: 33px;
background-position-x: -152px;
}
}
.footer .footer-nav--bottom {
margin-top: 100px;
}

@media (max-width: 640px) {
.footer .footer-nav--bottom {
margin-top: 0;
margin-bottom: 42px;
}
}
@media (max-width: 640px) {
.footer .footer-nav--bottom__list a {
display: block;
line-height: 58px;
border-bottom: solid 1px #6d6d6d;
padding: 0 20px;
color: black;
font-size: 1.6rem;
background: #f5f5f5 url(../images/common/icon-arrow.png) no-repeat right 20px center;
background-size: 8px;
}
}
@media (min-width: 641px) {
.footer .footer-nav--bottom__list {
text-align: center;
}

.footer .footer-nav--bottom__list li {
display: inline-block;
}

.footer .footer-nav--bottom__list li:not(:last-child):after {
content: "  ｜  ";
}
}
.footer .footer__copyright {
text-align: center;
margin-top: 1em;
font-family: 'Montserrat', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

@media (max-width: 640px) {
.footer .footer__copyright {
font-size: 1.1rem;
}
}
.footer .follow-us {
text-align: center;
font-family: Helvetica, Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
font-size: 1.3rem;
margin-bottom: 38px;
margin-top: 20px;
}









/*-----------------------------------------
Template
-------------------------------------------*/
.main-content {
width: calc(100% - 40px);
max-width: 1280px;
margin: auto;
padding-bottom: 140px;
}

@media (min-width: 641px) {
.main-content {
width: 80%;
}
}
@media (max-width: 800px) {
.main-content {
padding-bottom: 78px;
}
}
.main-content--style1 {
padding-top: 40px;
}

@media (min-width: 641px) {
.main-content--style1 {
padding-top: 111px;
}
}
.main-ttl {
font-family: Helvetica, Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
font-weight: bold;
text-align: center;
font-size: 2.1rem;
margin-bottom: 3.6rem;
}

@media (min-width: 641px) {
.main-ttl {
font-size: 3.4rem;
margin-bottom: 2em;
}
}
.index-title {
text-align: center;
line-height: 1.6;
font-size: 2.2rem;
padding-bottom: 30px;
font-family: 'Montserrat', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
font-weight:600;
}

@media (min-width: 641px) {
.index-title {
font-size: 4rem;
padding-bottom: 50px;
}
}
@media (min-width: 641px) and (max-width: 1280px) {
.index-title {
padding: 3.90625vw 0 3.90625vw;
}
}







/*-----------------------------------------
パンくずリスト
-------------------------------------------*/
.breadcrumb-wrap {
font-family: 'Montserrat', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
font-weight:500;
/*border-top: solid 1px #dddddd;*/
border-bottom: solid 1px #dddddd;
}

@media (max-width: 640px) {
.breadcrumb-wrap {
border-top: none;
}
}
.breadcrumb-wrap .breadcrumb {
max-width: 1280px;
margin: auto;
padding: 20px 0;
font-size: 0;
}

@media (min-width: 641px) {
.breadcrumb-wrap .breadcrumb {
width: 80%;
}
}
@media (max-width: 640px) {
.breadcrumb-wrap .breadcrumb {
padding: 10px 20px;
}
}
.breadcrumb-wrap li {
display: inline-block;
font-size: 1.4rem;
}

@media (max-width: 640px) {
.breadcrumb-wrap li {
font-size: 1.2rem;
}
}
.breadcrumb-wrap a {
color: black;
}

.breadcrumb-wrap li:last-child {
color: #616161;
}

.product .breadcrumb-wrap .breadcrumb {
width: 100%;
}





/*-----------------------------------------
Fade
-------------------------------------------*/
.fade {
opacity: 0;
}
.fadeIn {
animation-name: fadeIn;
animation-duration: 1s;
animation-fill-mode: forwards;
}

@keyframes fadeIn {
0% {
opacity: 0;
transform: translateY(10%);
}
100% {
opacity: 1;
transform: translateY(0%);
}
}



/*-----------------------------------------
Footer Custom
-------------------------------------------*/
@media (min-width: 641px) and (max-width: 1023px) {
.footer .footer-nav__list .nav-menu__ttl {
font-size: 1.95313vw;
}
}

@media (max-width: 640px) {
.footer-nav__list2 {
border-bottom: solid 1px #6d6d6d;
}
}

@media (max-width: 640px) {
.footer .footer-nav__list .nav-menu__ttl {
border-bottom: none;
}
.footer .footer-nav__list .nav-menu__list li {
margin-bottom: 0;
}
.footer .footer-nav__list .nav-menu__list li a {
padding-left: 20px;
display: block;
background: url(../images/common/icon-arrow.png) no-repeat right 20px center;
background-size: 8px;
border-top: solid 1px #6d6d6d;
border-bottom: none;
}
}
@media (min-width: 751px) {
.footer .footer-nav__list {
margin-bottom: 40px;
}
}
@media (min-width: 751px) {
.footer .footer-nav__list .footer-nav__list--col2 {
margin-right: auto;
width: 40%;
}
.footer .footer-nav__list  .footer-nav__list--col2 {
/* width: 48%; */
/* margin-right: auto; */
}
.footer .footer-nav__list .footer-nav__list--col3 {
width: 73%;
}
}
@media (min-width: 751px) {
.footer .footer-nav__list .list--col3 {
display: flex;
display: -webkit-flex;
justify-content: space-between;
}
}
@media (min-width: 751px) {
.footer .footer-nav__list.footer-nav__list1 .col {
width: 40%;
}
.footer .footer-nav__list .list--col3 .col {
width: 48%;
}
.footer .footer-nav__list.footer-nav__list2 .col {
width: 30%;
}
/* .footer .footer-nav__list .footer-nav__list--col2 + .col {
width: 25%;
} */
}
@media (min-width: 751px) {
.footer .footer-nav__list .footer-nav__list--col1 {
width: 22%;
}
.footer .footer-nav__list1 .footer-nav__list--col1 {
width: 22%;
}
.footer .footer-nav__list1 .footer-nav__list--col2 {
width: 50%;
}
}
@media (min-width: 751px) {
.footer .footer-nav__list .footer-nav__list--left {
margin-right: auto;
}
}
@media (min-width: 751px) {
.footer .footer-nav__list .footer-nav__list--right {
margin-left: auto;
}
}
































/*-----------------------------------------
basic style
-------------------------------------------*/

:root {

/*スマホ、タブレット、PC 基本フォントサイズ*/
--font-size-sp:14px;
--font-size-tb:15px;
--font-size-pc:16px;

/*フォントサイズ*/
--10px: 59%;	--11px: 65%;	--12px: 71%;
--13px: 76%;	--14px: 82%;	--15px: 88%;
--16px: 94%;	--17px: 100%;	--18px: 106%;
--19px: 112%;	--20px: 118%;	--21px: 124%;
--22px: 129%;	--23px: 135%;	--24px: 141%;
--25px: 147%;	--26px: 153%;	--27px: 159%;
--28px: 165%;	--29px: 171%;	--30px: 176%;
--31px: 182%;	--32px: 188%;	--33px: 194%;
--34px: 200%;	--35px: 206%;	--36px: 212%;
--37px: 218%;	--38px: 226%;	--39px: 229%;
--40px: 235%;

/*スマホ時のパディング値調整*/
--05em-sp:.25em;
--1em-sp:.5em;
--2em-sp:1em;
--3em-sp:1.5em;
--4em-sp:2em;
--5em-sp:2.5em;
--6em-sp:3em;
--7em-sp:3.5em;
--8em-sp:4em;
--9em-sp:4.5em;
--10em-sp:5em;

/*カラムサイズ*/
--col1:8.3333%;
--col2:16.6666%;
--col3:25%;
--col4:33.3333%;
--col5:41.6666%;
--col6:50%;
--col7:58.333%;
--col8:66.666%;
--col9:75%;
--col10:83.333%;
--col11:91.666%;
--col12:100%;

} /* root */


/* margin */
.mt-0{ margin-top: 0!important; }
.mt-1em{ margin-top: var(--1em-sp)!important; }
.mt-2em{ margin-top: var(--2em-sp)!important; }
.mt-3em{ margin-top: var(--3em-sp)!important; }
.mt-4em{ margin-top: var(--4em-sp)!important; }
.mt-5em{ margin-top: var(--5em-sp)!important; }
.mt-6em{ margin-top: var(--6em-sp)!important; }
.mt-7em{ margin-top: var(--7em-sp)!important; }
.mt-8em{ margin-top: var(--8em-sp)!important; }
.mr-0{ margin-right: 0!important; }
.mr-1em{ margin-right: var(--1em-sp)!important; }
.mr-2em{ margin-right: var(--2em-sp)!important; }
.mr-3em{ margin-right: var(--3em-sp)!important; }
.mr-4em{ margin-right: var(--4em-sp)!important; }
.mr-5em{ margin-right: var(--5em-sp)!important; }
.mr-6em{ margin-right: var(--6em-sp)!important; }
.mr-7em{ margin-right: var(--7em-sp)!important; }
.mr-8em{ margin-right: var(--8em-sp)!important; }
.mb-0{ margin-bottom: 0 !important; }
.mb-1em{ margin-bottom: var(--1em-sp)!important; }
.mb-2em{ margin-bottom: var(--2em-sp)!important; }
.mb-3em{ margin-bottom: var(--3em-sp)!important; }
.mb-4em{ margin-bottom: var(--4em-sp)!important; }
.mb-5em{ margin-bottom: var(--5em-sp)!important; }
.mb-6em{ margin-bottom: var(--6em-sp)!important; }
.mb-7em{ margin-bottom: var(--7em-sp)!important; }
.mb-8em{ margin-bottom: var(--8em-sp)!important; }
.ml-0{ margin-left: 0!important; }
.ml-1em{ margin-left: var(--1em-sp)!important; }
.ml-2em{ margin-left: var(--2em-sp)!important; }
.ml-3em{ margin-left: var(--3em-sp)!important; }
.ml-4em{ margin-left: var(--4em-sp)!important; }
.ml-5em{ margin-left: var(--5em-sp)!important; }
.ml-6em{ margin-left: var(--6em-sp)!important; }
.ml-7em{ margin-left: var(--7em-sp)!important; }
.ml-8em{ margin-left: var(--8em-sp)!important; }
.mg-0{ margin: 0; }

/* padding */
.pt-0{ padding-top: 0 !important; }
.pt-1em{ padding-top: var(--1em-sp)!important; }
.pt-2em{ padding-top: var(--2em-sp)!important; }
.pt-3em{ padding-top: var(--3em-sp)!important; }
.pt-4em{ padding-top: var(--4em-sp)!important; }
.pt-5em{ padding-top: var(--5em-sp)!important; }
.pt-6em{ padding-top: var(--6em-sp)!important; }
.pt-7em{ padding-top: var(--7em-sp)!important; }
.pt-8em{ padding-top: var(--8em-sp)!important; }
.pr-0{ padding-right: 0 !important; }
.pr-1em{ padding-right: var(--1em-sp)!important; }
.pr-2em{ padding-right: var(--2em-sp)!important; }
.pr-3em{ padding-right: var(--3em-sp)!important; }
.pr-4em{ padding-right: var(--4em-sp)!important; }
.pr-5em{ padding-right: var(--5em-sp)!important; }
.pr-6em{ padding-right: var(--6em-sp)!important; }
.pr-7em{ padding-right: var(--7em-sp)!important; }
.pr-8em{ padding-right: var(--8em-sp)!important; }
.pb-0{ padding-bottom: 0 !important; }
.pb-1em{ padding-bottom: var(--1em-sp) !important; }
.pb-2em{ padding-bottom: var(--2em-sp) !important; }
.pb-3em{ padding-bottom: var(--3em-sp)!important; }
.pb-4em{ padding-bottom: var(--4em-sp)!important; }
.pb-5em{ padding-bottom: var(--5em-sp)!important; }
.pb-6em{ padding-bottom: var(--6em-sp)!important; }
.pb-7em{ padding-bottom: var(--7em-sp)!important; }
.pb-8em{ padding-bottom: var(--8em-sp)!important; }
.pl-0{ padding-left: 0 !important; }
.pl-1em{ padding-left: var(--1em-sp)!important; }
.pl-2em{ padding-left: var(--2em-sp)!important; }
.pl-3em{ padding-left: var(--3em-sp)!important; }
.pl-4em{ padding-left: var(--4em-sp)!important; }
.pl-5em{ padding-left: var(--5em-sp)!important; }
.pl-6em{ padding-left: var(--6em-sp)!important; }
.pl-7em{ padding-left: var(--7em-sp)!important; }
.pl-8em{ padding-left: var(--8em-sp)!important; }

/* padding all */
.pd-0{ padding: 0 }
.pd-05em{ padding: .25rem }
.pd-1em{ padding: .375rem .5rem }
.pd-2em{ padding: .75rem 1rem }
.pd-3em{ padding: 1.125rem 1.5rem }
.pd-4em{ padding: 1.5rem 2rem }
.pd-5em{ padding: 1.875rem 2.5rem }
.pd-6em{ padding: 2.25rem 3rem }





/* container */
.container p{font-size:1.4rem;}
.container-1em{ padding: .5rem 0; }
.container-2em{ padding: 1rem 0; }
.container-3em{ padding: 1.5rem 0; }
.container-4em{ padding: 2rem 0; }
.container-5em{ padding: 2.5rem 0; }
.container-6em{ padding: 3rem 0; }
.container-7em{ padding: 3.5rem 0; }
.container-8em{ padding: 4rem 0; }
.container-9em{ padding: 4.5rem 0; }
.container-10em{ padding: 5rem 0; }
.container-11em{ padding: 5.5rem 0; }
.container-12em{ padding: 6rem 0; }


/* padding all */
.pd-0{ padding: 0!important; }
.pd-05em{ padding: .25rem; }
.pd-1em{ padding: .375rem .5rem; }
.pd-2em{ padding: .75rem 1rem; }
.pd-3em{ padding: 1.125rem 1.5rem; }
.pd-4em{ padding: 1.5rem 2rem; }
.pd-5em{ padding: 1.875rem 2.5rem; }
.pd-6em{ padding: 2.25rem 3rem; }

/* container */
.container.pd-1em{ padding: .5rem 0; }
.container.pd-2em{ padding: 1rem 0; }
.container.pd-3em{ padding: 1.5rem 0; }
.container.pd-4em{ padding: 2rem 0; }
.container.pd-5em{ padding: 2.5rem 0; }
.container.pd-6em{ padding: 3rem 0; }
.container.pd-7em{ padding: 3.5rem 0; }
.container.pd-8em{ padding: 4rem 0; }
.container.pd-9em{ padding: 4.5rem 0; }
.container.pd-10em{ padding: 5rem 0; }
.container.pd-11em{ padding: 5.5rem 0; }
.container.pd-12em{ padding: 6rem 0; }


/*スマホファーストのレイアウト時のカラムサイズ*/
.col1_sp,.col2_sp,.col3_sp,.col4_sp,.col5_sp,.col6_sp {
display: block;
align-items: flex-start;
align-content: flex-start;
position: relative;
padding:4.545%;
box-sizing: border-box;
}
.col1_sp{ width:var(--col2); }
.col2_sp{ width:var(--col4); }
.col3_sp{ width:var(--col6); }
.col4_sp{ width:var(--col8); }
.col5_sp{ width:var(--col10); }
.col6_sp{ width:var(--col12); }









/* Container .wrapper */
.wrapper {
width: 100%;
display: block;
position: relative;
margin: 0 auto;
letter-spacing: -0.5em;
/* i-b 隙間埋め用 */
display: block\9;
/* i-b 隙間埋め用 IE 8,9対応 */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
box-sizing: border-box;
}
.wrapper:after {
content: "";
display: block;
clear: both;
box-sizing: border-box;
}

.inner-wrapper{
width:calc(100% - 30px);
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
position:relative;
margin:0 auto;
box-sizing: border-box;
}

.w100 {max-width: 100% !important;width: 100% !important;}
.letter-normal {letter-spacing: normal;}

/* column*/
.wrapper .col1, .wrapper .col2, .wrapper .col3, .wrapper .col4, .wrapper .col5, .wrapper .col6,
.wrapper .col7, .wrapper .col8, .wrapper .col9, .wrapper .col10, .wrapper .col11, .wrapper .col12,
.inner-wrapper .col1, .inner-wrapper .col2, .inner-wrapper .col3, .inner-wrapper .col4, .inner-wrapper .col5, .inner-wrapper .col6,
.inner-wrapper .col7, .inner-wrapper .col8, .inner-wrapper .col9, .inner-wrapper .col10, .inner-wrapper .col11, .inner-wrapper .col12 {
display: inline-block;
vertical-align: middle;
position: relative;
padding:15px;
width: 100%;
letter-spacing: normal;
/* i-b 隙間埋め用 */
box-sizing: border-box;
line-height: 1.6;
text-align: left;
}

.wrap-pd-0 .wrapper .col1, .wrap-pd-0 .wrapper .col2, .wrap-pd-0 .wrapper .col3, .wrap-pd-0 .wrapper .col4, .wrap-pd-0 .wrapper .col5, .wrap-pd-0 .wrapper .col6, .wrap-pd-0 .wrapper .col7, .wrap-pd-0 .wrapper .col8, .wrap-pd-0 .wrapper .col9, .wrap-pd-0 .wrapper .col10, .wrap-pd-0 .wrapper .col11, .wrap-pd-0 .wrapper .col12 {
padding: 0;
}

.wrap-pd-5px .wrapper .col1, .wrap-pd-5px .wrapper .col2, .wrap-pd-5px .wrapper .col3, .wrap-pd-5px .wrapper .col4, .wrap-pd-5px .wrapper .col5, .wrap-pd-5px .wrapper .col6, .wrap-pd-5px .wrapper .col7, .wrap-pd-5px .wrapper .col8, .wrap-pd-5px .wrapper .col9, .wrap-pd-5px .wrapper .col10, .wrap-pd-5px .wrapper .col11, .wrap-pd-5px .wrapper .col12 {
padding: 5px;
}

.wrap-pd-10px .wrapper .col1, .wrap-pd-10px .wrapper .col2, .wrap-pd-10px .wrapper .col3, .wrap-pd-10px .wrapper .col4, .wrap-pd-10px .wrapper .col5, .wrap-pd-10px .wrapper .col6, .wrap-pd-10px .wrapper .col7, .wrap-pd-10px .wrapper .col8, .wrap-pd-10px .wrapper .col9, .wrap-pd-10px .wrapper .col10, .wrap-pd-10px .wrapper .col11, .wrap-pd-10px .wrapper .col12 {
padding: 10px;
}

.wrap-pd-0, .wrap-pd-5px, .wrap-pd-10px {
letter-spacing: -0.5em;/* i-b 隙間埋め用 */
text-align: center;
}
.wrapper .col12.wrap-pd-0,
.wrapper .col12.wrap-pd-5px,
.wrapper .col12.wrap-pd-10px {
width: 96.29%;
}
.wrapper .header-l,
.wrapper .header-m,
.wrapper .header-r,
.wrapper .header-s,
.inner-wrapper .header-l,
.inner-wrapper .header-r,
.inner-wrapper .header-m,
.inner-wrapper .header-s{
/*font-weight: 600;*/
line-height: 1.5;
}
.wrapper .header-l.light,
.wrapper .header-m.light,
.wrapper .header-r.light,
.wrapper .header-s.light,
.wrapper .header-l .light,
.wrapper .header-m .light,
.wrapper .header-s .light,
.inner-wrapper .header-l.light,
.inner-wrapper .header-r.light,
.inner-wrapper .header-m.light,
.inner-wrapper .header-s.light,
.inner-wrapper .header-l .light,
.inner-wrapper .header-r .light,
.inner-wrapper .header-m .light,
.inner-wrapper .header-s .light{
font-weight: 300;
}
.wrapper .header-l.small,
.wrapper .header-r.small,
.wrapper .header-m.small,
.wrapper .header-s.small,
.inner-wrapper .header-l.small,
.inner-wrapper .header-m.small,
.inner-wrapper .header-r.small,
.inner-wrapper .header-s.small{
font-weight: 300;
font-size: 70%;
display: inline-block;
}

.wrapper .header-l.line:after,
.wrapper .header-m.line:after,
.wrapper .header-r.line:after,
.wrapper .header-s.line:after,
.inner-wrapper .header-l.line:after,
.inner-wrapper .header-m.line:after,
.inner-wrapper .header-r.line:after,
.inner-wrapper .header-s.line:after{
content: "";
display: block;
margin: auto;
height: 0;
border-bottom: solid 2px #727272;
width: 60px;
margin-top: 20px;
}

.wrapper .header-l,
.inner-wrapper .header-l{
font-size: 2.2rem;
margin-bottom: 1.5rem;
text-align: center;
font-family:'Montserrat', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.wrapper .header-m,
.inner-wrapper .header-m{
font-size: 1.8rem;
margin-bottom: 1.2rem;
}
.wrapper .header-r,
.inner-wrapper .header-r{
font-size: 1.7rem;
margin-bottom: 1.1rem;
}
.wrapper .header-s,
.inner-wrapper .header-s{
font-size: 1.6rem;
margin-bottom: 1rem;
}
.wrapper .header-m.gray,
.wrapper .header-r.gray,
.wrapper .header-s.gray,
.inner-wrapper .header-m.gray,
.inner-wrapper .header-r.gray,
.inner-wrapper .header-s.gray{
text-align: center;
background: #808080;
color: white;
padding: 1.2rem;
}
.wrapper .border-text,
.inner-wrapper .border-text{
border: #ccc 1px solid;
padding: 5px 10px 2px;
display: inline-block;
font-size:80%;
font-family: 'Montserrat', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.wrapper .border-text.large,
.inner-wrapper .border-text.large {
font-size:126%;
border-color: #999;
}
.wrapper .border-text.large > .num,
.inner-wrapper .border-text.large > .num {
font-size:120%;
}

.wrapper .border-text.round,
.inner-wrapper .border-text.round{
border: #333 1px solid;
border-radius: 50px;
line-height: 1.2;
margin-right: .7rem;
width:.6rem;
height:1.8rem;
text-align: center;
padding: 4px 10px 3px 9px;
transform: translateY(-2px);
font-family: 'Montserrat', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.flex .border-text.round{
line-height: 1.5;
width: .8rem;
}


.wrapper.box-white,
.wrapper .box-white,
.inner-wrapper.box-white,
.inner-wrapper .box-white{
position: relative;
margin-bottom: 2em;
background: #FFF;
}
.wrapper.box-line,
.wrapper .box-line,
.inner-wrapper.box-line,
.inner-wrapper .box-line{
border: #f5f5f5 6px solid;
border-radius: 6px;
background: #FFF;
}
.wrapper.box-white.line,
.wrapper .box-white.line{
border: #ddd 1px solid;
background: #f5f5f5;
}

.wrapper .underline{
border-bottom: 1px dotted #333;
padding-bottom: 5px;
text-decoration: inherit;
line-height: 2;
}

hr.light{
border:none;
border-top:#ccc solid 1px;
margin: 1rem 0;
}


/* display */
.db {display: block;}
.di {display: inline;}
.dib {display: inline-block;}
.dt {display: table !important;}
.dtc {display: table-cell !important;vertical-align: middle;}

/* overflow */
.over-hidden {overflow: hidden;}

/* text-align */
.text-right {text-align: right !important;}
.text-left {text-align: left !important;}
.text-center {text-align: center !important;}

@media screen and (max-width:768px){
.text-right-sp {text-align: right !important;}
.text-left-sp {text-align: left !important;}
.text-center-sp {text-align: center !important;}
}

/* v-align */
.vertical-top {vertical-align: top !important;}
.vertical-middle {vertical-align: middle !important;}
.vertical-bottom {vertical-align: bottom !important;}

/* float */
.fl {float: left;}
.fr {float: right;}
.fi {float: inherit;text-align: center;}

/* on off */
/*.on-sp { display:block; }*/
.on-sp {display: inline-block;}
.off-sp {display: none !important;}
.on-tb {display: none;}
.off-tb {display: none;}
.on-pc {display: none;}
.off-pc {display: inline-block;}

/* flex */
.wrapper.flex, .wrapper .flex,
.inner-wrapper.flex, .inner-wrapper .flex{ display: flex!important; }
.wrapper.flex {
flex-wrap: wrap;
justify-content: center;
}
.i-flex{ display: inline-flex!important; }
.jc-start {justify-content:flex-start!important;}
.jc-end {justify-content:flex-end!important;}
.jc-center {justify-content:center!important;}
.jc-between {justify-content:space-between!important;}
.jc-around {justify-content:space-around!important;}
.ac-start {align-content: flex-start!important;}
.ac-end {align-content: flex-end!important;}
.ac-center {align-content: center;}
.ac-between {align-content: space-between;}
.ac-around {align-content: space-around;}
.ac-stretch {align-content: stretch;}
.ai-start {align-items:flex-start!important;}
.ai-end {align-items:flex-end;}
.ai-center {align-items:center;}
.ai-baseline {align-items:baseline;}
.ai-stretch {align-items:stretch;}
.nowrap { flex-wrap: nowrap; }
.wrap { flex-wrap: wrap!important; }
.wrap-reverse { flex-wrap: wrap-reverse!important; }
.fd-row {flex-direction: row;}
.fd-row-reverse {flex-direction: row-reverse;}
.fd-column {flex-direction: column;}
.fd-column-reverse {flex-direction: column-reverse;}
.grow-0{ flex-grow:0; }
.grow-1{ flex-grow:1; }
.grow-2{ flex-grow:2; }
.grow-3{ flex-grow:3; }
.grow-4{ flex-grow:4; }
.flex-s100{ flex-basis:100%; max-width:100%; }
.flex-s90{ flex-basis:90%; max-width:90%; }
.flex-s80{ flex-basis:80%; max-width:80%; }
.flex-s70{ flex-basis:70%; max-width:70%; }
.flex-s60{ flex-basis:60%; max-width:60%; }
.flex-s50{ flex-basis:50%; max-width:50%; }
.flex-s40{ flex-basis:40%; max-width:40%; }
.flex-s33{ flex-basis:33%; max-width:33%; }
.flex-s30{ flex-basis:30%; max-width:30%; }
.flex-s25{ flex-basis:25%; max-width:25%; }
.flex-s20{ flex-basis:20%; max-width:20%; }
.flex-s10{ flex-basis:10%; max-width:10%; }
.flex-s100,.flex-s90,.flex-s80,.flex-s70,.flex-s60,.flex-s50,.flex-s40,.flex-s33,.flex-s30,.flex-s25,.flex-s20,.flex-s10{box-sizing:border-box;letter-spacing:0;}
/* gap */
.gap-0{ gap: 0; }
.gap-1{ gap: 1%; }
.gap-2{ gap: 2%; }
.gap-3{ gap: 3%; }
.gap-4{ gap: 4%; }
.gap-5{ gap: 5%; }
.gap-6{ gap: 6%; }
.gap-7{ gap: 7%; }
.gap-8{ gap: 8%; }
.gap-9{ gap: 9%; }
.gap-10{ gap: 10%; }
.nowrap-sp { flex-wrap: nowrap; }
.wrap-sp { flex-wrap: wrap; }













































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

/* on off */
.on-sp {display: none !important;}
.off-sp {display: inline-block !important;}
.on-tb {display: inline-block;}
.off-tb {display: none;}
.on-pc {display: none !important;}
.off-pc {display: inline-block;}

.text-left-pc {text-align: left !important;}


/* column*/
.wrapper .col1, .wrapper .col2, .wrapper .col3, .wrapper .col4, .wrapper .col5, .wrapper .col6,
.wrapper .col7, .wrapper .col8, .wrapper .col9, .wrapper .col10, .wrapper .col11, .wrapper .col12,
.inner-wrapper .col1, .inner-wrapper .col2, .inner-wrapper .col3, .inner-wrapper .col4, .inner-wrapper .col5, .inner-wrapper .col6,
.inner-wrapper .col7, .inner-wrapper .col8, .inner-wrapper .col9, .inner-wrapper .col10, .inner-wrapper .col11, .inner-wrapper .col12 {
padding:2.27%;
}

.wrapper .col{ width: auto; }
.wrapper .col1 { width:var(--col1); }
.wrapper .col2 { width:var(--col2); }
.wrapper .col3 { width:var(--col3); }
.wrapper .col4 { width:var(--col4); }
.wrapper .col5 { width:var(--col5); }
.wrapper .col6 { width:var(--col6); }
.wrapper .col7 { width:var(--col7); }
.wrapper .col8 { width:var(--col8); }
.wrapper .col9 { width:var(--col9); }
.wrapper .col10 { width:var(--col10); }
.wrapper .col11 { width:var(--col11); }
.wrapper .col12 { width:var(--col12); }

/*スマホファーストのレイアウト時のカラムサイズ*/
.col1_sp{ width:var(--col1); }
.col2_sp{ width:var(--col2); }
.col3_sp{ width:var(--col3); }
.col4_sp{ width:var(--col4); }
.col5_sp{ width:var(--col5); }
.col6_sp{ width:var(--col6); }

.inner-wrapper .col{ width: auto; }
.inner-wrapper .col1 { width:8.73%; }
.inner-wrapper .col2 { width:17.46%; }
.inner-wrapper .col3 { width:26.19%; }
.inner-wrapper .col4 { width:34.92%; }
.inner-wrapper .col5 { width:43.65%; }
.inner-wrapper .col6 { width:52.38%; }
.inner-wrapper .col7 { width:61.11%; }
.inner-wrapper .col8 { width:69.84%; }
.inner-wrapper .col9 { width:78.57%; }
.inner-wrapper .col10 { width:87.3%; }
.inner-wrapper .col11 { width:96.03%; }
.inner-wrapper .col12 { width:104.76%; }

.wrapper .header-l,
.inner-wrapper .header-l{
font-size: 4rem;
margin-bottom: 6rem;
}
.wrapper .header-m,
.inner-wrapper .header-m{
font-size: 2.5rem;
margin-bottom: 2rem;
}
.wrapper .header-r,
.inner-wrapper .header-r{
font-size: 2.2rem;
margin-bottom: 1.7rem;
}
.wrapper .header-s,
.inner-wrapper .header-s{
font-size: 2rem;
margin-bottom: 1.5rem;
}
.wrapper .border-text,
.inner-wrapper .border-text{
font-size:90%;
}
.wrapper .border-text.round,
.inner-wrapper .border-text.round{
margin-right: 1rem;
width:1.7rem;
height:3rem;
padding: 5px 9px 2px 10px;
}
.flex .border-text.round{
width: 2.5rem;
}
.wrapper .header-l.line:after,
.wrapper .header-m.line:after,
.wrapper .header-r.line:after,
.wrapper .header-s.line:after,
.inner-wrapper .header-l.line:after,
.inner-wrapper .header-m.line:after,
.inner-wrapper .header-r.line:after,
.inner-wrapper .header-s.line:after{
content: "";
width: 100px;
margin-top: 40px;
}

/* container */
.container p{font-size:1.6rem;}
.container-1em{ padding: 1rem 0; }
.container-2em{ padding: 2rem 0; }
.container-3em{ padding: 3rem 0; }
.container-4em{ padding: 4rem 0; }
.container-5em{ padding: 5rem 0; }
.container-6em{ padding: 6rem 0; }
.container-7em{ padding: 7rem 0; }
.container-8em{ padding: 8rem 0; }
.container-9em{ padding: 9rem 0; }
.container-10em{ padding: 10rem 0; }
.container-11em{ padding: 11rem 0; }
.container-12em{ padding: 12rem 0; }



/* margin */
.mt-0{ margin-top: 0!important; }
.mt-05em{ margin-top: .5rem!important; }
.mt-1em{ margin-top: 1rem!important; }
.mt-2em{ margin-top: 2rem!important; }
.mt-3em{ margin-top: 3rem!important; }
.mt-4em{ margin-top: 4rem!important; }
.mt-5em{ margin-top: 5rem!important; }
.mt-6em{ margin-top: 6rem!important; }
.mt-7em{ margin-top: 7rem!important; }
.mt-8em{ margin-top: 8rem!important; }
.mr-0{ margin-right: 0!important; }
.mr-05em{ margin-right: .5rem!important; }
.mr-1em{ margin-right: 1rem!important; }
.mr-2em{ margin-right: 2rem!important; }
.mr-3em{ margin-right: 3rem!important; }
.mr-4em{ margin-right: 4rem!important; }
.mr-5em{ margin-right: 5rem!important; }
.mr-6em{ margin-right: 6rem!important; }
.mr-7em{ margin-right: 7rem!important; }
.mr-8em{ margin-right: 8rem!important; }
.mb-0{ margin-bottom: 0 !important; }
.mb-05em{ margin-bottom: .5rem!important; }
.mb-1em{ margin-bottom: 1rem!important; }
.mb-2em{ margin-bottom: 2rem!important; }
.mb-3em{ margin-bottom: 3rem!important; }
.mb-4em{ margin-bottom: 4rem!important; }
.mb-5em{ margin-bottom: 5rem!important; }
.mb-6em{ margin-bottom: 6rem!important; }
.mb-7em{ margin-bottom: 7rem!important; }
.mb-8em{ margin-bottom: 8rem!important; }
.ml-0{ margin-left: 0!important; }
.ml-05em{ margin-left: .5rem!important; }
.ml-1em{ margin-left: 1rem!important; }
.ml-2em{ margin-left: 2rem!important; }
.ml-3em{ margin-left: 3rem!important; }
.ml-4em{ margin-left: 4rem!important; }
.ml-5em{ margin-left: 5rem!important; }
.ml-6em{ margin-left: 6rem!important; }
.ml-7em{ margin-left: 7rem!important; }
.ml-8em{ margin-left: 8rem!important; }
.mg-0{ margin: 0; }


/* padding */
.pt-05em{ padding-top: .5rem!important; }
.pt-1em{ padding-top: 1rem!important; }
.pt-2em{ padding-top: 2rem!important; }
.pt-3em{ padding-top: 3rem!important; }
.pt-4em{ padding-top: 4rem!important; }
.pt-5em{ padding-top: 5rem!important; }
.pt-6em{ padding-top: 6rem!important; }
.pt-7em{ padding-top: 7rem!important; }
.pt-8em{ padding-top: 8rem!important; }
.pr-0{ padding-right: 0 !important; }
.pr-05em{ padding-right: .5rem!important; }
.pr-1em{ padding-right: 1rem!important; }
.pr-2em{ padding-right: 2rem!important; }
.pr-3em{ padding-right: 3rem!important; }
.pr-4em{ padding-right: 4rem!important; }
.pr-5em{ padding-right: 5rem!important; }
.pr-6em{ padding-right: 6rem!important; }
.pr-7em{ padding-right: 7rem!important; }
.pr-8em{ padding-right: 8rem!important; }
.pb-0{ padding-bottom: 0 !important; }
.pb-05em{ padding-bottom: .5rem!important; }
.pb-1em{ padding-bottom: 1rem !important; }
.pb-2em{ padding-bottom: 2rem !important; }
.pb-3em{ padding-bottom: 3rem!important; }
.pb-4em{ padding-bottom: 4rem!important; }
.pb-5em{ padding-bottom: 5rem!important; }
.pb-6em{ padding-bottom: 6rem!important; }
.pb-7em{ padding-bottom: 7rem!important; }
.pb-8em{ padding-bottom: 8rem!important; }
.pl-05em{ padding-left: .5rem!important; }
.pl-0{ padding-left: 0 !important; }
.pl-1em{ padding-left: 1rem!important; }
.pl-2em{ padding-left: 2rem!important; }
.pl-3em{ padding-left: 3rem!important; }
.pl-4em{ padding-left: 4rem!important; }
.pl-5em{ padding-left: 5rem!important; }
.pl-6em{ padding-left: 6rem!important; }
.pl-7em{ padding-left: 7rem!important; }
.pl-8em{ padding-left: 8rem!important; }


/* padding all */
.pd-0{ padding: 0!important; }
.pd-05em{ padding: .5rem; }
.pd-1em{ padding: .75rem 1rem; }
.pd-2em{ padding: 1.5rem 2rem; }
.pd-3em{ padding: 2.25rem 3rem; }
.pd-4em{ padding: 3rem 4rem; }
.pd-5em{ padding: 3.75rem 5rem; }
.pd-6em{ padding: 4.5rem 6rem; }

/* Container */
.container.pd-1em{ padding: 1rem 0; }
.container.pd-2em{ padding: 2rem 0; }
.container.pd-3em{ padding: 3rem 0; }
.container.pd-4em{ padding: 4rem 0; }
.container.pd-5em{ padding: 5rem 0; }
.container.pd-6em{ padding: 6rem 0; }
.container.pd-7em{ padding: 7rem 0; }
.container.pd-8em{ padding: 8rem 0; }
.container.pd-9em{ padding: 9rem 0; }
.container.pd-10em{ padding: 10rem 0; }
.container.pd-11em{ padding: 11rem 0; }
.container.pd-12em{ padding: 12rem 0; }

/* flex */
.flex-100{ flex-basis:100%; max-width:100%; }
.flex-90{ flex-basis:90%; max-width:90%; }
.flex-80{ flex-basis:80%; max-width:80%; }
.flex-70{ flex-basis:70%; max-width:70%; }
.flex-60{ flex-basis:60%; max-width:60%; }
.flex-50{ flex-basis:50%; max-width:50%; }
.flex-40{ flex-basis:40%; max-width:40%; }
.flex-33{ flex-basis:33.3333%; max-width:33.3333%; }
.flex-30{ flex-basis:30%; max-width:30%; }
.flex-25{ flex-basis:25%; max-width:25%; }
.flex-20{ flex-basis:20%; max-width:20%; }
.flex-10{ flex-basis:10%; max-width:10%; }
.flex-100,.flex-90,.flex-80,.flex-70,.flex-60,.flex-50,.flex-40,.flex-33,.flex-30,.flex-25,.flex-20,.flex-10{box-sizing:border-box;letter-spacing:0;}
.nowrap-sp { flex-wrap: wrap; }
.wrap-sp { flex-wrap: nowrap; }
.nowrap-pc { flex-wrap: nowrap; }
.wrap-pc { flex-wrap: wrap; }

hr.light{
margin: 2rem 0;
}



}/*@media screen and (min-width:641px)*/
















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

.wrapper {max-width: 1320px;}
.inner-wrapper{width:calc(1320px - 60px);}

/* column*/
.wrapper .col1, .wrapper .col2, .wrapper .col3, .wrapper .col4, .wrapper .col5, .wrapper .col6,
.wrapper .col7, .wrapper .col8, .wrapper .col9, .wrapper .col10, .wrapper .col11, .wrapper .col12 {
padding:30px;
}

.col12 {max-width: 1320px;}

/* on off */
.off-tb {display: inline-block;}
.on-pc {display: inline-block !important;}
.off-pc {display: none;}

}/*@media screen and (min-width: 1320px)*/
















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

.wrapper .col1-sp {width: 8.3333%;}
.wrapper .col2-sp {width: 16.6666%;}
.wrapper .col3-sp {width: 25%;}
.wrapper .col4-sp {width: 33.3333%;}
.wrapper .col5-sp {width: 41.6666%;}
.wrapper .col6-sp {width: 50%;}
.wrapper .col7-sp {width: 58.333%;}
.wrapper .col8-sp {width: 66.666%;}
.wrapper .col9-sp {width: 74.999%;}
.wrapper .col10-sp {width: 83.333%;}
.wrapper .col11-sp {width: 91.666%;}
.inner-wrapper .col1-sp { width:10%; }
.inner-wrapper .col2-sp { width:20%; }
.inner-wrapper .col3-sp { width:30%; }
.inner-wrapper .col4-sp { width:40%; }
.inner-wrapper .col5-sp { width:50%; }
.inner-wrapper .col6-sp { width:60%; }
.inner-wrapper .col7-sp { width:70%; }
.inner-wrapper .col8-sp { width:80%; }
.inner-wrapper .col9-sp { width:90%; }
.inner-wrapper .col10-sp { width:100%; }


/* margin */
.mt-0-sp{ margin-top:0!important; }
.mt-1em-sp{ margin-top:1em!important; }
.mt-2em-sp{ margin-top:2em!important; }
.mt-3em-sp{ margin-top:3em!important; }
.mt-4em-sp{ margin-top:4em!important; }
.mt-5em-sp{ margin-top:5em!important; }
.mt-6em-sp{ margin-top:6em!important; }
.mt-7em-sp{ margin-top:7em!important; }
.mt-8em-sp{ margin-top:8em!important; }
.mr-0-sp{ margin-right:0!important; }
.mr-1em-sp{ margin-right:1em!important; }
.mr-2em-sp{ margin-right:2em!important; }
.mr-3em-sp{ margin-right:3em!important; }
.mr-4em-sp{ margin-right:4em!important; }
.mb-0-sp{ margin-bottom:0!important; }
.mb-1em-sp{ margin-bottom:1em!important; }
.mb-2em-sp{ margin-bottom:2em!important; }
.mb-3em-sp{ margin-bottom:3em!important; }
.mb-4em-sp{ margin-bottom:4em!important; }
.mb-5em-sp{ margin-bottom:5em!important; }
.mb-6em-sp{ margin-bottom:6em!important; }
.ml-0-sp{ margin-left:0!important; }
.ml-1em-sp{ margin-left:1em!important; }
.ml-2em-sp{ margin-left:2em!important; }
.ml-3em-sp{ margin-left:3em!important; }
.ml-4em-sp{ margin-left:4em!important; }

/* padding */
.pd-0-sp{ padding:0 !important; }
.pt-0-sp{ padding-top:0 !important; }
.pt-1em-sp{ padding-top:1em!important; }
.pt-2em-sp{ padding-top:2em!important; }
.pt-3em-sp{ padding-top:3em!important; }
.pt-4em-sp{ padding-top:4em!important; }
.pt-5em-sp{ padding-top:5em!important; }
.pt-6em-sp{ padding-top:6em!important; }
.pr-0-sp{ padding-right:0 !important; }
.pr-1em-sp{ padding-right:1em!important; }
.pr-2em-sp{ padding-right:2em!important; }
.pr-3em-sp{ padding-right:3em!important; }
.pr-4em-sp{ padding-right:4em!important; }
.pb-0-sp{ padding-bottom:0 !important; }
.pb-1em-sp{ padding-bottom:1em!important; }
.pb-2em-sp{ padding-bottom:2em!important; }
.pb-3em-sp{ padding-bottom:3em!important; }
.pb-4em-sp{ padding-bottom:4em!important; }
.pb-5em-sp{ padding-bottom:5em!important; }
.pb-6em-sp{ padding-bottom:6em!important; }
.pl-0-sp{ padding-left:0 !important; }
.pl-1em-sp{ padding-left:1em!important; }
.pl-2em-sp{ padding-left:2em!important; }
.pl-3em-sp{ padding-left:3em!important; }
.pl-4em-sp{ padding-left:4em!important; }

.inner--sp {padding-left: 20px;padding-right: 20px;}

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
















/* basic design */
/* Text */
.small { font-size:var(--14px)!important; }
.smaller { font-size:var(--12px)!important; }
.smallest {font-size: 40%!important;}
.big{font-size:var(--20px)!important; }
.bigger{font-size:var(--22px)!important; }
.big-14 {font-size: 120% !important;}
.big-18 {font-size: 160%;}
.strong {font-weight: 600;}
.normal {font-weight: normal!important;}
.caption,.caution { font-size:var(--12px)!important; margin-top:1.5rem; }
.sup {font-size: 70%;vertical-align: super;padding-right: 2px;}
.sub {font-size: 70%;}
.underline {text-decoration: underline;}
ul.list-circle, ul.list-decimal, ul.list-disc {
list-style-type: circle;
list-style-position: outside;
padding-left: 2rem;
}
ul.list-circle li, ul.list-decimal li {margin-bottom: .5em;}
ul.list-decimal {list-style-type: decimal;}
ul.list-disc {list-style-type: disc;}
ul.list-dot li {
list-style: none;
padding-left: 20px;
margin-bottom: .5rem;
}
ul.list-dot li:before {
content: "・";
display: inline-block;
transform: translateX(-20px);
margin-right: -15px;
}
.vertical-top {vertical-align: top !important;}
.montserrat {font-family: 'Montserrat', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;}
.montserrat.strong {font-weight: 500;}
hr.period{border: none;border-top: #ccc 1px solid;}
.bold {font-weight: bold !important;}


.icon_caution em{
display:inline-block;
padding-left: 1px;
font-size:5px;
vertical-align: top;
transform: translateX(-4px);
}



/* 動画popup用 */
#js-show-popup,
.js-show-popup {
transition: all .2s;
cursor: pointer;
}
#js-show-popup:hover,
.js-show-popup:hover {
opacity: .7;
}

.popup {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9999;
opacity: 0;
visibility: hidden;
transition: .6s;
display: none;
}
.popup.is-show {
opacity: 1;
visibility: visible;
}
.popup .modal_content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 90%;
z-index: 9997;
}
.popup .modal_content .movie {
padding-top: 0;
}
.popup .btn-modal-close {
z-index: 9999;
display: block;
cursor: pointer;
}
.black-background {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.8);
z-index: -1;
cursor: pointer;
}

.btn-modal-close {
width: 40px;
height: 40px;
position: absolute;
right:5px;
top:40px;
color: #FFF;
cursor: pointer;
transition: all .2s;
}
.btn-modal-close:hover {
opacity: .7;
}
.btn-modal-close:before,
.btn-modal-close:after {
position: absolute;
top:20px;
right:0;
content: "";
display: block;
width: 40px;
height: 1px;
background:#FFF;
transform: rotate(45deg);
}
.btn-modal-close:after {
transform: rotate(-45deg);
}


@media screen and (min-width:768px) {
.popup .modal_content {
width: 70%;
}
.btn-modal-close {
right:15px;
top:10px;
}
}


.list_price {
display: block;
margin: 10px 0;
font-size: 14px;
font-family: 'Montserrat', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
font-weight: 600;
text-align: right;
}
.list_price:after {
content: "円（税込）";
display: inline-block;
font-weight: normal;
}
.recommend-list .list_price {
text-align: center;
}
@media screen and (max-width:640px) {
.list_price {
font-size: 12px;
}
}






/* メディリフトbanner用 */

.shop-section + .flg_banner {
margin-top: 5rem;
}
.hyojo-science_banner a {
display: flex;
flex-wrap: wrap;
border:1px solid #C6CFDE;
justify-content: center;
}
.hyojo-science_banner.wrapper {
margin:4rem auto 2rem;
}
.hyojo-science_banner .link-btn {
display: block;
border: solid 1px #ccc;
margin-top: 22px;
line-height: 45px;
text-align: center;
background: url(../images/common/link-arrow-black.png) no-repeat right 14px center;
font-size: 1.3rem; }
.performance_section .sub-section .link-btn {
background-color: #FFF;
}
.flg_banner.wrapper {
padding: 15px;
box-sizing: border-box;
}
.flg_banner a {
display: flex;
flex-wrap: wrap;
align-items: center;
border:1px solid #C7CFDE;
letter-spacing: normal;
}
.flg_banner a > figure {
width: 100%;
}
.flg_banner a > div {
padding: 20px 40px;
box-sizing: border-box;
line-height: 1.7;
width: 100%;
}
#series--medilift .flg_banner a > div {
padding: 20px 15px;
}
.flg_banner a > div .big {
display: block;
margin-top: 1rem;
font-size: 1.7rem;
font-weight: normal;
}





@media (min-width: 640px) {
.shop-section + .flg_banner {
margin-top: 9rem;
}
.flg_banner.wrapper,
.hyojo-science_banner.wrapper {
width: 80%;
padding: 20px 0;
max-width: 1280px;
}
.hyojo-science_banner.wrapper {
margin:6rem auto 4rem;
}
#series--medilift .flg_banner.wrapper,
#series--medilift .hyojo-science_banner.wrapper {
width: 100%;
padding: 30px;
}

.hyojo-science_banner a {
justify-content: flex-start;
align-items: center;
}
.flg_banner a > figure {
width: 50%;
max-width: 606px;
}
.flg_banner a > div,
#series--medilift .flg_banner a > div {
padding: 20px 10% 20px 6%;
width: 50%;
}
.flg_banner a > div .big {
font-size: 2.4rem;
}

.hyojo-science_banner .col12 {
padding: 0;
}
.hyojo-science_banner.challenge .col6 {
width: 52.3%;
}
.flg_banner span.link-btn {
display: inline-block;
}


} /*min-width: 640px*/









/*product detail shop button*/
.shop_title{
border-left:2px solid #000;
padding-left:1em;
font-weight:600;
margin-top:3em;
}
.link_line_section a:not(:last-child){
margin-right:5px;
}
.link_line,
.link_line_other{
font-size: 110%;
display:inline-block;
padding:14px 14px 14px 14px;
margin-top:5px;
margin-bottom:5px;
border:#ccc 1px solid;
border-radius:4px;
background-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(240, 240, 240, 1));
}
.link_line_other:after{
content:"";
display:inline-block;
width:10px;
height:10px;
background:url(/images/icon/other_window.svg) right center;
background-size:contain;
margin-left:5px;
}
.link_text_other{
font-size: 110%;
display:inline-block;
margin-top: 1rem;
}
.link_text_other:after{
content:"";
display:inline-block;
width:10px;
height:10px;
background:url(/images/icon/other_window.svg) right center;
background-size:contain;
margin-left:5px;
}



/* ビューティージャーナル リンク */
.bj_link_box{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding: 3rem;
border: #f5f5f5 6px solid;
font-size: 1.4rem;
line-height: 1.75;
box-sizing: border-box;
}
.bj_link_box .bj_link_box_head {
text-align: center;
margin-bottom: 2rem;
font-weight: 500;
line-height: 1.5;
font-family: 'Montserrat', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
font-size: 1.7rem;
}
.bj_link_box figure {
margin-top: 2rem;
}


@media (min-width: 768px) {
.bj_link_box{
padding: 5rem;
font-size: 1.6rem;
}
.bj_link_box figure {
margin-top: 0;
width: 40%;
max-width: 350px;
}
.bj_link_box > div {
width: 60%;
padding-right: 30px;
box-sizing: border-box;
}
.bj_link_box .bj_link_box_head {
font-size: 3rem;
text-align: left;
}
}/* min-width: 768px */




.product_cm_link {
font-size: 1.4rem !important;
font-weight: normal;
}





/* 汎用 表示/非表示（jsはscript.jsに記載） */
.open_button{
display: block;
padding: 5px 20px;
background: #666;
color: #fff;
border-radius: 20px;
margin: 0 auto 6rem;
width: 20rem;
text-align: center;
cursor:pointer;
}
.open_button:after{
display: inline-block;
border-right: #fff solid 2px;
border-bottom: #fff solid 2px;
width: 6px;
height: 6px;
content: "";
transform: rotate(45deg) translateY(-6px);
margin-left: 3px;
}
.open_button.opend:after{
transform: rotate(-135deg) translate(-2px,3px);
}




/* 2022.10.5 products.cssの設定を共通設定とし先行移動 */
.section__ttl {
font-size: 2.2rem;
text-align: center;
margin-bottom: 3rem;
line-height: 3;
font-family: 'Montserrat', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
@media (min-width: 641px) {
.section__ttl {
font-size: 4rem;
margin-bottom: 6rem;
}
}
.section__ttl:after {
content: "";
display: block;
margin: auto;
border-bottom: solid 1px #727272;
height: 0;
width: 50px;
margin-top: 8px;
}
@media (min-width: 641px) {
.section__ttl:after {
border-bottom: solid 2px #727272;
width: 100px;
margin-top: 15px;
}
}


.other-products-section {
margin-top: 70px;
padding-bottom: 70px;
}

@media (min-width: 641px) {
.other-products-section {
max-width: 1280px;
width: 80%;
margin: auto;
/*margin-top: 200px;*/
padding-bottom: 140px;
}
}
.other-products {
width: 100%;
}

.other-products img, .other-products picture, .other-products a {
display: block;
}

@media (min-width: 641px) {
.other-products {
margin-bottom: 70px;
}
}
@media (min-width: 641px) {
.other-products li {
width: 50%;
border: solid 1px #727272;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
}
@media (max-width: 640px) {
.other-products li {
border-top: solid 1px #727272;
border-bottom: solid 1px #727272;
margin-top: -1px;
}

.other-products li a {
padding: 20px;
display: block;
background: url(../images/products/line-up-arrow.png) no-repeat right 20px center;
background-size: 12px;
}

.other-products li img {
height: 16px;
width: auto;
}
}
.other-products li:not(:last-child) {
border-right: none;
}

.other-products__ttl {
font-size: 2.2rem;
text-align: center;
margin-bottom: 3rem;
line-height: 3;
font-family: 'Montserrat', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
@media (min-width: 641px) {
.other-products__ttl {
font-size: 4rem;
margin-bottom: 6rem;
}
}
.other-products__ttl:after {
content: "";
display: block;
margin: auto;
border-bottom: solid 1px #727272;
height: 0;
width: 50px;
margin-top: 8px;
}
@media (min-width: 641px) {
.other-products__ttl:after {
border-bottom: solid 2px #727272;
width: 100px;
margin-top: 15px;
}
}

/* 2022.10.5 特定ページ用のカテゴリラインナップ部分
美顔器ギフト探偵ページのSCSSコンパイルから */

.productsmenu {
padding: 60px 10px 80px;
max-width: 1100px;
margin: 0px auto;
}
.productsmenu * {
box-sizing: border-box;
}
.productsmenu .blockttl {
text-align: center;
font-family: "Montserrat", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
font-size: 3.4rem;
line-height: 1.4;
font-weight: normal;
margin-bottom: 40px;
letter-spacing: normal;
}
.productsmenu .blockttl span {
letter-spacing: 0.1em;
}
@media only screen and (max-width: 768px) {
.productsmenu {
padding: 40px 10px;
max-width: 1100px;
margin: 0px auto;
}
.productsmenu .blockttl {
font-size: 2.2rem;
}
}
.productsmenu .inner {
width: 100%;
}
.productsmenu ul {
margin: 0px -2px;
display: flex;
flex-flow: row wrap;
}
.productsmenu ul li {
width: 16.6666666667%;
padding: 2px;
}
@media only screen and (max-width: 768px) {
.productsmenu ul li {
width: 50%;
}
}
.productsmenu ul li a {
background: #ECEFF0;
background: linear-gradient(180deg, #fafafa 0%, #eceff0 100%);
display: flex;
align-items: center;
justify-content: center;
padding: 20px 5px;
border-radius: 3px;
}
@media only screen and (max-width: 768px) {
.productsmenu ul li a {
padding: 15px 5px;
}
}
.productsmenu ul li a img {
max-width: 130px;
width: 100%;
}
@media only screen and (max-width: 768px) {
.productsmenu ul li a img {
max-width: 120px;
}
}


.bottombanners {
padding: 50px 10px;
width: 100%;
max-width: 1200px;
margin: 0px auto;
box-sizing: border-box;
}
.bottombanners_inner li a {
text-align: center;
}
@media screen and (max-width: 768px) {
.bottombanners {
padding: 30px 10px;
}
}
.bottombanners * {
box-sizing: border-box;
}
.bottombanners_inner {
display: flex;
flex-flow: row wrap;
justify-content: center;
max-width: 1200px;
margin: 0px auto;
width: 100%;
}
@media screen and (max-width: 768px) {
.bottombanners_inner {
flex-flow: column;
}
}
.bottombanners_inner li {
width: 50%;
padding: 20px;
max-width: 600px;
}
@media screen and (max-width: 768px) {
.bottombanners_inner li {
width: 100%;
padding: 5px 10px;
margin: 0px auto;
}
}
.bottombanners_inner li.wide {
  width: 100%;
  max-width: 740px;
  margin: 0px auto;
}
.bottombanners .jpttl {
text-align: center;
margin-bottom: 20px;
font-size: 2rem;
line-height: 1.6;
font-weight: 700;
}
.bottombanners p {
margin-bottom: 1em;
font-size: 1.3rem;
font-weight: normal;
line-height: 1.6;
}
.bottombanners p.text-center {
text-align: center;
}
/* 美顔器ギフト探偵ページのSCSSコンパイルから END */


/* 2023.02.20 Giftit Added - CTA Button Rules */
.newcartarea {
display: flex;
flex-flow: row wrap;
margin: 30px 0;
}

.newcartarea * {
box-sizing: border-box;
}

.newcartarea .cart-area {
margin-right: 10px !important;
width: calc((100% - 10px) / 2) !important;
margin-top: 0px !important;
margin-bottom: 10px !important;
}
.newcartarea .cart-area:nth-child(even) {
margin-right: 0px !important;
}

.newcartarea .cart-area .cart-btn__txt {
line-height: 1.3em !important;
font-size: 1.5rem !important;
padding-top: 1em !important;
padding-bottom: 1em !important;
display: flex !important;
justify-content: center;
flex-flow: column;
align-items: center;
}

.newcartarea .cart-area .cart-btn__txt:before {
content: "";
width: 16px !important;
height: 18px !important;
background: url(../images/icon/cart-icon.png) no-repeat !important;
background-size: 100% !important;
display: block !important;
position: relative !important;
left: unset !important;
top: unset !important;
margin-bottom: 8px !important;
}

.newcartarea .cart-area.white .cart-btn__txt:before {
content: "";
width: 16px !important;
height: 18px !important;
background: url(../images/icon/cart-icon-bk.png) no-repeat !important;
background-size: 100% !important;
display: block !important;
position: relative !important;
left: unset !important;
top: unset !important;
margin-bottom: 8px !important;
}


.newcartarea .shop-area {
width: 100% !important;
margin-top: 10px !important;
}




.purchace-btn-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 5rem;
font-family: 'Montserrat', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.purchace-btn-list a {
display: block;
margin: 3px 0;
padding: 5px;
box-sizing: border-box;
width: calc(50% - 3px);
text-align: center;
border:1px solid #000;
font-size: 3.2vw;
line-height: 1.4;
}
.purchace-btn-list a > span {
display: inline-block;
}
.purchace-btn-list a:before {
content: "";
display: block;
width: 15px;
height: 15px;
margin: 0 auto 5px;
background: url(/images/icon/cart-black.svg) no-repeat center center;
background-size: 15px;
}
.purchace-btn-list a.black {
background: #000;
color: #FFF;
}
.purchace-btn-list a.black::before {
background-image: url(/images/icon/cart-white.svg);
}
.purchace-btn-list a.shop_link {
margin-top: 2rem;
padding: 20px 5px;
width: 100%;
}
.purchace-btn-list a.shop_link:before {
display: none;
}
.purchace-btn-list .w100 {
width: 100%;
padding: 2rem 0 .5rem;
}




@media screen and (min-width:641px) {
.purchace-btn-list a {
margin: 5px 0;
padding: 10px 5px;
font-size: 15px;
width: calc(50% - 5px);
}
.purchace-btn-list a:before {
margin-bottom: 5px;
}
.purchace-btn-list a.shop_link {
padding: 20px 5px;
}

}


.medicream_banner{
order:3;
margin:6rem 0 0;
}
.medicream_banner .col6{
padding-left:0;
padding-right:0;
padding-top:0;
}
@media screen and (min-width:641px) {
.medicream_banner .col6:first-of-type{
padding-right:1rem;
}
.medicream_banner .col6:last-of-type{
padding-left:1rem;
}
}