/*-----------------------------------------------*/
/* ■ Media Query Guide
/* ---- max-width: 1590px
/* ---- max-width: 1440px
/* ---- max-width: 1366px
/* ---- max-width: 1280px
/* ---- max-width: 1136px
/* ---- max-width: 1024px
/* ---- max-width:  960px
/* ---- max-width:  835px
/* ---- max-width:  960px
/* ---- max-width:  835px
/* ---- max-width:  750px
/* ---- max-width:  640px
/* ---- max-width:  480px
/*-----------------------------------------------*/
/* カスタマイズ用CSS */

* {
    -webkit-text-size-adjust: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

}

html {
    font-size: 10px;
}

html::-webkit-scrollbar {
    overflow: hidden;
    width: 5px;
    background: #eee;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

html::-webkit-scrollbar:horizontal {
    height: 5px;
}

html::-webkit-scrollbar-button {
    display: none;
}

html::-webkit-scrollbar-piece {
    background: #eee;
}

html::-webkit-scrollbar-piece:start {
    background: #eee;
}

html::-webkit-scrollbar-thumb {
    overflow: hidden;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #715C57;
}

html::-webkit-scrollbar-corner {
    overflow: hidden;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #715C57;
}

body {
    background: #f6f6f6;
    background-image: url('../img/common/background.webp');
    background-repeat: repeat;
    background-attachment: fixed;
    font-size: 1.7rem;
    line-height: 1.7;
    font-family: Roboto, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    /*font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;*/
    font-weight: 500;
    color: #353535;
}

a {
    color: #353535;
    text-decoration: none;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.125s;
    -webkit-transition-timing-function: linear;
}

b,
strong {
    font-weight: 600;
}

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

svg {
    vertical-align: bottom;
}

.inner {
    padding: 0 40px;
    width: 100%;
    max-width: 1104px;
    margin: 0 auto;
}

.btnBox {
    font-size: 1.7rem;
    font-weight: 600;
}

.btnBox .ec-checkbox {
    text-align: center;
    margin: 0 0 25px;
}

.btnBox span {
    position: relative;
    padding: 0 45px 0 0;
}

.btnBox span:before {
    content: '';
    position: absolute;
    background-image: url(https://www.taiyo-nouen.com/shop/html/user_data/assets/img/common/next.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    top: 50%;
    right: 0;
    margin-top: -15px;
}

.btnBox a {
    padding: 10px 0;
}

.btnBox a:hover {
    border-bottom: 0.5px solid #353535;
}

.ec-navlistRole .ec-navlistRole__item a {
    background: rgba(255, 255, 255, 0.85);
}

.ec-navlistRole .active a {
    background: #DE5D50;
    color: #FFFFFF;
}

.ec-blockBtn--action {
    font-size: 1.7rem;
    background-color: #DE5D50;
    border-radius: 4px;
    line-height: 56px;

}

.ec-blockBtn--cancel {
    border-radius: 4px;
}

.ec-halfInput input[type=text] {
    margin-left: 15px;
    width: 40%;
}

.sln_card_payment_container .ec-pageHeader h1 {
    padding: 16px 0 12px;
    margin: 0 16px 48px;
    text-align: center;
    border-top: none;
    border-bottom: none;
}

/*----- カートに入っている総個数 -----*/
.ec-cartNavi .ec-cartNavi__badge {
    display: inline-block;
    min-width: 17px;
    font-weight: 400;
    position: absolute;
    left: inherit;
    right: -10px;
    top: 0;
}


/*--------------------------------------------------*/
/* ec-layoutRole
/*--------------------------------------------------*/
.ec-layoutRole {
    background: none;
}

/*--------------------------------------------------*/
/* Cart
/*--------------------------------------------------*/
.ec-headerNav {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

.ec-headerNav .ec-headerNav__item {
    background-color: transparent;
    min-width: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: 50px;
    height: 50px;
    font-size: inherit !important;
}

.ec-headerNav .ec-headerNav__itemIcon {
    margin-right: 0;
    font-size: inherit;
    margin: 0 !important;
}

.ec-headerNaviRole {
    position: fixed;
    top: 0;
    right: 0;
    max-width: 100%;
    padding: 0;
    z-index: 10000;
}

.ec-headerNaviRole .ec-headerNaviRole__right {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10000;
    width: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 0;
}

.ec-cartNavi {
    background-color: transparent;
    min-width: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: 50px;
    height: 50px;
}

.ec-cartNavi a {
    color: inherit;
}

/*--------------------------------------------------*/
/* Header
/*--------------------------------------------------*/
#header {
    padding: 60px 0;
    text-align: center;
}

#header h1 {
    padding: 0;
    margin: 0;
}

#header h1 img,
#header h1 svg {
    width: 240px;
    height: auto;
}


/*--------------------------------------------------*/
/* G_Nav
/*--------------------------------------------------*/
/*---------- ＰＣ ----------*/
#nav .pagetop-box {
    padding: 15px 5px;
    text-align: center;
    background: #e38283;
}

#nav .pagetop-box img {
    width: auto;
    height: 20px;
}

#nav .navInner {
    padding: 0 20px;
}

#nav .ico-box,
#nav .sns-box {
    padding: 40px 0;
}

#nav .ico-box ul,
#nav .sns-box ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    padding: 0;
}

#nav .ico-box ul li,
#nav .sns-box ul li {
    margin: 0 4% 0 0;
    width: 30.66666666666667%;
    text-align: center;
}

#nav .ico-box ul li:last-child,
#nav .sns-box ul li:last-child {
    margin: 0;
}

#nav .ico-box ul li img,
#nav .sns-box ul li img {
    width: 60px;
    height: auto;
}

#nav .g_nav h2 {
    font-size: 2rem;
    color: #ea7f85;
    margin: 0;
    padding: 0 5px 15px;
    border-bottom: 2.5px solid #e48182;
}

#nav .g_nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#nav .g_nav ul li {
    position: relative;
    border-bottom: 0.5px solid #ebc1cc;
    font-weight: 600;
}

#nav .g_nav ul li:before {
    position: absolute;
    content: "";
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    left: 20px;
    top: 50%;
    margin-top: -15px;
}

#nav .g_nav ul li.li-beginner::before {
    background-image: url(../img/common/nav/ico-beginner.png);
}

#nav .g_nav ul li.li-sweetpea::before {
    background-image: url(../img/common/nav/ico-sweetpea.png);
}

#nav .g_nav ul li.li-hozuki::before {
    background-image: url(../img/common/nav/ico-hozuki.png);
}

#nav .g_nav ul li a {
    padding: 15px 5px 15px 70px;
    display: block;
    color: #666666;
}

#nav .g_nav ul li a:hover {
    background: #fafafa;
}

/*---------- 一部ＰＣ端末以下 ----------*/
.globalMenuSp {
    display: none;
}

/*--------------------------------------------------*/
/* Section
/*--------------------------------------------------*/
.front_page .section-area .inner {}

.front_page .section-area {
    padding: 100px 0;
}


/*--------------------------------------------------*/
/* Footer
/*--------------------------------------------------*/
#footer .inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
}

#footer .box {
    max-width: 350px;
    width: 100%;
    line-height: inherit !important;
    height: auto !important;
}

#footer .address h1 svg,
#footer .address h1 img {
    width: auto;
    height: 90px;
}

#footer .address address {
    margin: 0 0 5px;
}

#footer .address address:last-child {
    margin: 0;
}

#footer .primary .sns-box {
    margin: 0 0 40px;
}

#footer .primary .sns-box ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
}

#footer .primary .sns-box ul li {
    width: 50px;
}

#footer .primary .sns-box ul li:last-child {
    margin: 0;
}

#footer .primary .f-nav ul {
    padding: 0 0 0 30px;
}

#footer p.copyright {
    padding: 80px 40px;
    text-align: center;
    font-size: 1.3rem;
    font-weight: 500;
}

/*--------------------------------------------------*/
/* 
/*--------------------------------------------------*/
.ec-layoutRole__mainTop {
    position: relative;
}




.ec-layoutRole .ec-layoutRole__contents {
    width: 100%;
    max-width: none;
    display: flex;
    flex-wrap: wrap;
}

.ec-sliderRole,
.ec-layoutRole__mainBottom>div {
    max-width: none;
}

.ec-footerRole {
    padding-top: 0;
    margin-top: 0;
}

.ec-layoutRole__left {
    width: 20%;
}

.ec-itemNav__nav li {
    float: none;
}



.ec-categoryNaviRole {
    padding: 0;
}

.ec-sliderRole {
    padding: 0;
}


.ec-layoutRole .ec-layoutRole__left,
.ec-layoutRole .ec-layoutRole__right {
    /*width: 20%;*/
    width: 350px;
    position: relative;
    z-index: 100;
}

.ec-layoutRole .ec-layoutRole__mainWithColumn {
    /*width: 80%;*/
    width: 100%;
    margin: 0 0 0 -350px;
    padding: 0 0 0 350px;
    min-height: 100vh;
}

.ec-layoutRole__left {
    border-right: 2px solid #a7a7a7;
}

.slick-dots {
    bottom: -65px;
}

.d-flex {
    display: flex;
    flex-wrap: wrap;
}

.d-flex-center {
    justify-content: center;
}


.w-100 {
    width: 100%;
}


.ec-layoutRole__left {
    background-color: #fff;
}

.naviFirst {
    justify-content: space-evenly;
    margin-top: 6rem;
}

.naviFirst a {
    display: block;
    width: 15%;
}

.naviSns {
    justify-content: space-evenly;
    width: 80%;
    margin: 0 auto;
    margin-top: 6rem;
}

.naviSns a {
    display: block;
    width: 15%;
}

.ec-itemNav {
    width: 90%;
    margin: 0 auto;
    margin-top: 6rem;
    text-align: left;
}

.ec-itemNav h2 {
    font-size: 2rem;
    color: #ea7f85;
}

.ec-itemNav__nav {
    display: block;
    border-top: 3px solid #ea7f85;
    border-bottom: 3px solid #ea7f85;
}

.ec-itemNav__nav li:last-child {
    border-bottom: none;
}

.ec-itemNav__nav li {
    border-bottom: 2px solid #e7c6d1;
}

.ec-itemNav__nav li:first-child a {
    background-image: url('../img/common/firstuser.png');
    background-repeat: no-repeat;
    background-size: 10%;
    background-position: 9%;
}

.ec-itemNav__nav li:nth-child(2) a {
    background-image: url('../img/common/sweetpea.png');
    background-repeat: no-repeat;
    background-size: 10%;
    background-position: 9%;
}

.ec-itemNav__nav li:last-child a {
    background-image: url('../img/common/hozuki.png');
    background-repeat: no-repeat;
    background-size: 10%;
    background-position: 9%;
}

.ec-itemNav__nav li a {
    background-color: transparent;
    color: #666666;
    text-align: left;
    padding: 20px;
    padding-left: 23%;
}

.topWidth {
    width: 75%;
    margin: 0 auto;
}

.beigeArea {
    background-color: #EFE8D7;
}

.detailLink {
    display: flex;
    font-size: 13px;
    font-weight: normal;
    justify-content: flex-end;
    align-items: center;
    color: #525263;
}

.detailLink img {
    width: 5%;
    margin-left: 1rem;
}

.firstUser {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 15rem;
    padding: 6rem 0;
}

.firstUserImg {
    width: 35%;
}

.firstUserLink {
    width: 60%;
    line-height: 2;
    font-size: 21px;
    font-weight: bold;
}

.firstUserLink>img {
    margin-bottom: 2rem;
}

.sendHeart {
    margin-top: 15rem;
}

.sendHeart>div {
    justify-content: space-evenly;
    margin-bottom: 15rem;
}

.sendHeartTxt {
    width: 40%;
    display: flex;
    align-items: center;
    line-height: 2;
    font-size: 21px;
    font-weight: bold;
}

.sendHeartImg {
    width: 40%;
}

.catArea {
    justify-content: space-around;
    padding: 6rem 0;
}

.catArea h2 {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 15rem;
}

.catArea h2 div {
    width: 15%;
}

.catItem {
    width: calc(33.333% - 30px);
    padding: 0 15px;
    padding-bottom: 6rem;
}

.catItem a {
    display: block;
    text-align: right;
    margin-top: 1rem;
}

.catItem a img {
    width: 10%;
}

.catItem h3 {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.catDetailTxt {
    min-height: 6rem;
}

.hozukiaArea {
    justify-content: space-evenly;
    margin-top: 15rem;
}

.hozukiImg {
    width: 40%;
}

.hozukiTxt {
    width: 40%;
    display: flex;
    align-items: center;
    line-height: 2;
    font-size: 21px;
    font-weight: bold;
}

.hozukiTxt>div {
    width: 100%;
}

.hpInfo {
    margin-top: 15rem;
}

.hpInfo>div img {
    width: 100%
}

.ec-footerRole {
    border: none;
    background-color: transparent;
    margin-top: 120px;
}

.ec-newsRole {
    margin-top: 9rem;
    padding: 0;
}

.ec-newsRole__news {
    padding: 0;
}


.ec-newsRole__news {
    border: none;
    background-color: #fff;
}

.ec-newsRole .ec-newsRole__news {
    border: none;
}

.ec-newsRole__newsItem {
    border-bottom: 2px dotted #363732;
    line-height: 3;
}

.ec-newsRole .ec-newsRole__newsColumn {
    align-items: center;
}

.ec-newsRole__newsTitle a {
    color: #363732;
}

/*
.ec-searchnavRole {
    max-width: 100%;
    padding: 0;
}
.ec-shelfRole {
    max-width: 75%;
}
.swtpHzkTop {
    text-align: center;
    margin-top: 10rem;
    margin-bottom: 10rem;
    font-size: 20px;
}

.swtpHzkTop h2 {
    margin: 0;
    margin-bottom: 2rem;
}

.swtpHzkTopTxt {
    letter-spacing: 0.1rem;
    line-height: 2;
}

.swtpSec1,
.swtpSec2,
.hzkSection1,
.hzkSection2,
.hzkSection3 {
    justify-content: space-around;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 10rem;
}

.swtpHzkSec1Right {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    font-size: 2rem;
    line-height: 1.5;
}

.swtpHzkSec1RightImgTxt {
    margin-top: 1rem;
    text-align: center;
    font-size: 2rem;
}

.typePageLeft {
    width: 45%;
}

.typePageRight {
    width: 45%;
}

.swtpSec2 h3 {
    margin: 0;
    font-size: 3rem;
    margin-bottom: 3rem;
    line-height: 1.5;
}

.swtpSec2 .typePageLeft {
    width: 60%;
}

.swtpSec2 .typePageRight {
    width: 30%;
}

.swtpSec2 .typePageRight img:first-child {
    margin-bottom: 1rem;
}

.swtpSec2 .typePageLeft {
    font-size: 2rem;
}

.swtpSec2_1,
.swtpSec2_2 {
    margin-bottom: 2rem;
}

.swtpSec2_3 {
    margin-bottom: 5rem;
}

.swtpSec2_4 {
    margin-bottom: 8rem;
    font-size: 2.5rem;
}

.swtpHzkDetailLink {
    width: 100%;
    text-align: center;
    margin-top: 2rem;
}

.swtpHzkDetailLink2 {
    width: 100%;
    text-align: center;
}

.swtpHzkDetailLink a,
.swtpHzkDetailLink2 a {
    color: #fff;
    background-color: #5bb432;
    padding: 0.5rem 2rem;
    display: block;
    width: 18rem;
    margin: 0 auto;
    text-decoration: none;
}

.swtpHzkDetailLink2 a {
    margin: 0;
    margin-left: auto;
}

.swtpHzkOrderLink,
.swtpHzkOrderLink2 {
    justify-content: center;
    margin-top: 8rem;
    text-align: center;
}

.swtpHzkOrderLink a,
.swtpHzkOrderLink2 a {
    color: #fff;
    background-color: #dc72a0;
    padding: 0.5rem 2rem;
    display: block;
    font-size: 2rem;
    width: 30%;
    max-width: 35rem;
    min-width: 22rem;
    margin: 0 auto;
    text-decoration: none;
}

.swtpHzkOrderLink2 a {
    background-color: #e68533;
}

.swtpHzkSec1RightFirst {
    width: 80%;
    margin: 0 auto;
}

.hozukiTxt2 {
    font-size: 20px;
}

.hozukiTxt3 {
    display: flex;
    flex-wrap: wrap;
}*/

.introTop {
    margin-top: 10rem;
}

.introTop h2 {
    margin-bottom: 10rem;
    text-align: center;
}

.introTxt {
    line-height: 2;
}

.introContent {
    font-size: 20px;
    margin-bottom: 2rem;
}

.introContent h3 {
    margin: 0;
    margin-bottom: 2rem;
    border-bottom: #ea7f85 solid 2px;
}

.introContent .introTitle {
    padding-left: 6%;
    line-height: 2;
    background-image: url('../img/common/hana.png');
    background-repeat: no-repeat;
    background-size: 3%;
    background-position: 0;
}

.introWhiteInner {
    padding: 0 1rem;
}

.introContent h4 {
    font-size: 20px;
}

.introContent ul {
    margin: 0;
}

.introWhite {
    padding: 2rem;
    background-color: #fff;
}

.introWhite:first-of-type {
    margin-bottom: 2rem;
}

.introWhite h4 {
    color: #65baf7;
}

.introWhite h4 span {
    background-color: #65baf7;
    color: #fff;
    padding: 0.5rem 1rem;
    margin-right: 1rem;
}

.introWhite:first-of-type h4 {
    color: #ea7f85;
}

.introWhite:first-of-type h4 span {
    background-color: #ea7f85;
    color: #fff;
}

.introHozuki {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.introHozuki2 {
    width: 60%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.introHako {
    display: flex;
    flex-wrap: wrap;
}

.introHozukiTxt {
    padding-left: 1rem;
}

/*
.itemsImgArea {
    margin-bottom: 3rem;
}


.itemsTxtAreaBtn a {
    display: block;
    background-color: #e28182;
    font-size: 14px;
    width: 18rem;
    padding: 0.5rem 2rem;
    color: #fff;
    margin-left: auto;
    text-decoration: none;
}


.itemsListArea {
    padding: 20rem 0;
}
*/
.itemsTxtArea {
    margin: 0 auto;
    margin-bottom: 20rem;
    width: 75%;
    text-align: center;
    font-size: 20px;
}

.itemsTxtAreaBtn {
    margin-bottom: 10rem;
}


.itemsTxtArea h2 {
    margin: 0;
    margin-bottom: 2rem;
}

.itemsTxtFirst p {
    line-height: 2;
}

.itemsInfomation {
    text-align: right;
    margin-top: 5rem;
}


.priceWrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 18px;
    font-weight: bold;
}

.itemsBottomTxt {
    width: calc(75% - 10rem);
    margin: 0 auto;
    font-size: 20px;
    padding: 10rem;
    padding-bottom: 0;
    line-height: 2;
}


a:hover {
    text-decoration: none;
    color: inherit;
}

.ec-footerRole__inner>div {
    justify-content: space-between;
}

.contactH2 {
    margin-top: 10rem;
    margin-bottom: 10rem;
    text-align: center;
}

.contactInput {
    font-size: 20px;
}

.contactInput .ec-borderedDefs dl {
    border: none;
}

.contactInput .ec-borderedDefs {
    border: none;
}

.contactInput .ec-blockBtn--action {
    background-color: #5bb432;
    height: auto;
    line-height: 3;
    border: none;
}

.contactInput .ec-borderedDefs dt {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 1rem;
}

.contactInput .ec-borderedDefs dt,
.contactInput .ec-borderedDefs dd {
    line-height: 1;
}

.contactInput .ec-required {
    line-height: 1.2;
    height: 1.2em;
    text-align: center;
    background-color: #e50111;
    color: #fff;
    border-radius: 5px;
    min-width: 4rem;
    font-size: inherit;
    padding: 0 1rem;
}

.ec-borderedDefs dd {
    word-break: break-all;
}

.contactInput .ec-RegisterRole__actions {
    margin-top: 10rem;
}

.contactInput .ec-off3Grid .ec-off3Grid__cell {
    width: 80%;
    margin: 0 auto;
}

.contactInput .ec-blockBtn--cancel {
    height: auto;
    line-height: 3;
    border: none;
}

.ec-blockTopBtn {
    display: none;
    position: fixed;
    width: 100px;
    height: 100px;
    right: 0;
    bottom: 40px;
    cursor: pointer;
    text-align: center;
    opacity: 0.8;
    background: none;
    color: inherit;
    padding: 25px;
}

p.ec-errorMessage:empty {
    display: none;
}

.footerLeft {
    width: 50%;
}

.footerLeft address {
    margin: 0;
    line-height: 2;
}

.footerRight {
    width: 40%;
}

.footerLogo {
    width: 60%;
    margin: 0 auto;
    margin-bottom: 2rem;
}

.footerAddress {
    width: 20em;
    margin: 0 auto;
}

.ec-footerNavi .ec-footerNavi__link {
    display: list-item;
    list-style: disc;
    line-height: 2;
    color: #363732;
}

.ec-footerNavi .ec-footerNavi__link a {
    color: #363732;
    display: block;
    text-decoration: none;
    text-align: left;
    font-size: 16px;
}

.ec-footerRole small {
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    margin-top: 6rem;
    display: block;
}

.footeriSns {
    justify-content: space-between;
    margin-bottom: 3rem;
    width: 60%;
}

.footeriSns a {
    display: block;
    width: 25%;
}

.errorMassage {
    background-color: #e50111;
}

.taiyoproductDetail {
    margin-top: 10rem;
}

.footeriSns-sp,
.ec-footerNavi-sp {
    display: none;
}

.swtpHzkDetailLink-sp {
    display: none;
}

.ec-blockBtn--action img {
    width: 1.5rem;
    margin-right: 1rem;
}


.fa-shopping-cart:before {
    content: '';
    /*何も入れない*/
    display: inline-block;
    /*忘れずに！*/
    width: 2rem;
    /*画像の幅*/
    height: 2rem;
    /*画像の高さ*/
    background-image: url(https://www.taiyo-nouen.com/shop/html/user_data/assets/img/common/cart.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center center
}

.fa-lock:before {
    content: '';
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-image: url(https://www.taiyo-nouen.com/shop/html/user_data/assets/img/common/ico-login.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center center;
}

.fa-user:before {
    content: '';
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-image: url(https://www.taiyo-nouen.com/shop/html/user_data/assets/img/common/ico-user.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center center
}

.hamburger {
    display: none;

}

.modal-content {
    padding: 25px;
}

.modal-content .modal-body p {
    font-size: 1.4rem;
    letter-spacing: 0;
}

.modal-content .modal-footer {
    padding: 15px 0 0;
}

.modal-content .modal-footer .btn {
    font-size: inherit;
    margin: 0.25rem 2% 0.25rem 0.25rem;
}

.modal-content .modal-footer .btn:last-child {
    margin: 0.25rem;
}

.ec-registerRole__actions .ec-checkbox {
    text-align: center;
    margin: 0 0 25px;
}

.ec-off4Grid .ec-off4Grid__cell {
    margin-left: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
}

.ec-off4Grid .ec-off4Grid__cell .ec-blockBtn--action {
    width: 100%;
    max-width: 32%;
    margin: 0 2% 0 0;
}

.ec-off4Grid .ec-off4Grid__cell .ec-blockBtn--cancel {
    width: 100%;
    max-width: 32%;
    margin: 0;
    border-radius: 4px;
}



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

    .ec-layoutRole .ec-layoutRole__left,
    .ec-layoutRole .ec-layoutRole__right {
        width: 300px;
    }

    .ec-layoutRole .ec-layoutRole__mainWithColumn {
        margin: 0 0 0 -300px;
        padding: 0 0 0 300px;
    }

}

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

    .ec-layoutRole .ec-layoutRole__left,
    .ec-layoutRole .ec-layoutRole__right {
        width: 250px;
    }

    .ec-layoutRole .ec-layoutRole__mainWithColumn {
        margin: 0 0 0 -250px;
        padding: 0 0 0 250px;
    }

    /*--------------------------------------------------*/
    /* G_Nav
/*--------------------------------------------------*/
    #nav .ico-box ul li img,
    #nav .sns-box ul li img {
        width: 45px;
    }

    #nav .navInner {
        padding: 0 15px;
    }

    #nav .g_nav ul li {
        letter-spacing: 0;
        font-size: 1.5rem;
    }

    #nav .g_nav ul li:before {
        width: 20px;
        height: 20px;
        left: 10px;
        margin-top: -10px;
    }

    #nav .g_nav ul li a {
        padding: 12.5px 5px 12.5px 40px;
    }
}

@media screen and (max-width: 1366px) {
    .inner {
        max-width: 1024px;
    }
}

@media screen and (max-width: 1280px) {
    .inner {
        padding: 0 30px;
    }

    /*--------------------------------------------------*/
    /* Header
/*--------------------------------------------------*/
    #header {
        padding: 50px 0;
    }

    #header h1 img,
    #header h1 svg {
        width: 220px;
    }

    /*--------------------------------------------------*/
    /* Section
/*--------------------------------------------------*/

    .front_page .section-area {
        padding: 80px 0;
    }

    /*--------------------------------------------------*/
    /* Layout
/*--------------------------------------------------*/
    .ec-layoutRole .ec-layoutRole__left,
    .ec-layoutRole .ec-layoutRole__right {
        width: 240px;
    }

    .ec-layoutRole .ec-layoutRole__mainWithColumn {
        margin: 0 0 0 -240px;
        padding: 0 0 0 240px;
    }


    /*--------------------------------------------------*/
    /* G_Nav
/*--------------------------------------------------*/
    #nav .ico-box ul li img,
    #nav .sns-box ul li img {
        width: 40px;
    }

    #nav .navInner {
        padding: 0 10px;
    }


    #nav .g_nav ul li:before {
        width: 20px;
        height: 20px;
        left: 10px;
        margin-top: -10px;
    }

    #nav .g_nav ul li a {
        padding: 12.5px 0 12.5px 40px;
    }

    /*--------------------------------------------------*/
    /* Footer
/*--------------------------------------------------*/
    #footer .address h1 svg,
    #footer .address h1 img {
        height: 80px;
    }

    #footer .primary .sns-box {
        margin: 0 0 30px;
    }

    #footer .primary .sns-box ul li {
        width: 50px;
    }

    #footer .primary .f-nav ul {
        padding: 0 0 0 25px;
        margin: 0;
    }

    #footer p.copyright {
        padding: 60px 30px;
    }


}

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

    body {
        font-size: 1.6rem;
    }

    /*--------------------------------------------------*/
    /* Layout
/*--------------------------------------------------*/
    .ec-layoutRole .ec-layoutRole__left,
    .ec-layoutRole .ec-layoutRole__right {
        display: none;
    }

    .ec-layoutRole .ec-layoutRole__mainWithColumn {
        margin: 0;
        padding: 0;
    }

    /*--------------------------------------------------*/
    /* Header
/*--------------------------------------------------*/
    #header {
        padding: 50px 0;
    }

    #header h1 img,
    #header h1 svg {
        width: 220px;
    }

    /*--------------------------------------------------*/
    /* Section
/*--------------------------------------------------*/

    .front_page .section-area {
        padding: 80px 0;
    }


    /*--------------------------------------------------*/
    /* G_Nav
/*--------------------------------------------------*/
    .hamburger {
        display: flex;
        justify-content: center;
        align-items: center;
        position: fixed;
        z-index: 9999;
        left: 0px;
        top: 0px;
        width: 80px;
        height: 80px;
        cursor: pointer;
        text-align: center;
    }

    .hamburger .hmbInner {
        width: 30px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    .hamburger span {
        display: inline-block;
        transition: all .4s;
        height: 3px;
        border-radius: 1.5px;
        background: #dc72a0;
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
        width: 100%;
        margin: 0 0 5px;
    }

    .hamburger span:nth-of-type(3) {
        margin: 0;
    }

    .hamburger.active span:nth-of-type(1) {
        top: 18px;
        left: 18px;
        transform: translateY(6px) rotate(-45deg);
        width: 100%;
        margin: 0;
    }

    .hamburger.active span:nth-of-type(2) {
        opacity: 0;
    }

    .hamburger.active span:nth-of-type(3) {
        top: 30px;
        left: 18px;
        transform: translateY(-5px) rotate(45deg);
        width: 100%;
        margin: 0;
    }

    /* メニュー背景　*/
    .globalMenuSp {
        /*background: rgba(220, 114, 160, 0.6);*/
        position: fixed;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        z-index: 200;
        top: 0;
        left: 0;
        color: #666666;
        background: rgba(255, 255, 255, 0.95);
        text-align: center;
        height: 100%;
        width: 100%;
        transform: translateX(100%);
        transition: all 0.6s;
        padding: 0 15px;
    }

    .globalMenuSp ul {
        margin: 0 auto;
        width: 100%;
        padding: 0;
    }

    .globalMenuSp ul li {
        list-style-type: none;
        padding: 0;
        width: 100%;
        transition: 0.4s all;
    }

    .globalMenuSp ul li:last-child {
        padding-bottom: 0;
    }

    .globalMenuSp ul li:hover {
        background: #ddd;
    }

    .globalMenuSp ul li a {
        display: block;
        color: #666666;
        text-decoration: none;
        /*padding: 1em 0;
        font-size: 2rem;*/
    }

    .globalMenuSp .g_nav ul li.li-beginner a::after,
    .globalMenuSp .g_nav ul li.li-sweetpea a::after,
    .globalMenuSp .g_nav ul li.li-hozuki a::after {
        display: none !important;
    }

    /* クリックでjQueryで追加・削除 */
    .globalMenuSp.active {
        opacity: 100;
        display: flex;
        transform: translateX(0%);
    }


    .globalMenuSp .ico-box,
    .globalMenuSp .sns-box {
        padding: 25px 0;
        max-width: 480px;
        margin: 0 auto;
    }

    .globalMenuSp .ico-box ul,
    .globalMenuSp .sns-box ul {
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin: 0;
        padding: 0;
    }

    .globalMenuSp .ico-box ul li,
    .globalMenuSp .sns-box ul li {
        margin: 0 4% 0 0;
        width: 30.66666666666667%;
        text-align: center;
    }

    .globalMenuSp .ico-box ul li:last-child,
    .globalMenuSp .sns-box ul li:last-child {
        margin: 0;
    }

    .globalMenuSp .ico-box ul li img,
    .globalMenuSp .sns-box ul li img {
        width: 40px;
        height: auto;
    }

    .globalMenuSp .g_nav {
        max-width: 750px;
        margin: 0 auto;
        width: 100%;

    }

    .globalMenuSp .g_nav h2 {
        font-size: 2rem;
        color: #ea7f85;
        margin: 0;
        padding: 0 5px 15px;
        border-bottom: 2.5px solid #e48182;
    }

    .globalMenuSp .g_nav ul {
        list-style: none;
        padding: 0;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;

    }

    .globalMenuSp .g_nav ul li {
        position: relative;
        font-size: 1.4rem;
        width: 50%;
        letter-spacing: 0;
        text-align: left !important;
    }

    .globalMenuSp .g_nav ul li:before {
        position: absolute;
        content: "";
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        width: 30px;
        height: 30px;
        left: 20px;
        top: 50%;
        margin-top: -15px;
    }

    .globalMenuSp .g_nav ul li.li-beginner,
    .globalMenuSp .g_nav ul li.li-sweetpea,
    .globalMenuSp .g_nav ul li.li-hozuki {
        width: 100%;
        font-size: 1.6rem;
        font-weight: 600;
        border-bottom: 0.5px solid #ebc1cc;
    }

    .globalMenuSp .g_nav ul li.li-hozuki {
        width: 100%;
        border-top: 0.5px solid #ebc1cc;
    }

    .globalMenuSp .g_nav ul li.li-beginner a,
    .globalMenuSp .g_nav ul li.li-sweetpea a,
    .globalMenuSp .g_nav ul li.li-hozuki a {
        padding: 15px 5px 15px 70px;
    }

    .globalMenuSp .g_nav ul li.li-beginner::before {
        background-image: url(../img/common/nav/ico-beginner.png);
    }

    .globalMenuSp .g_nav ul li.li-sweetpea::before {
        background-image: url(../img/common/nav/ico-sweetpea.png);
    }

    .globalMenuSp .g_nav ul li.li-hozuki::before {
        background-image: url(../img/common/nav/ico-hozuki.png);
    }

    .globalMenuSp .g_nav ul li a {
        padding: 7.5px 25px 7.5px 40px;
        display: block;
        color: #666666;
        position: relative;
    }

    .globalMenuSp .g_nav ul li a:after {
        content: '';
        position: absolute;
        left: 14px !important;
        top: 50% !important;
        width: 6px;
        height: 6px;
        border-top: 1px solid #333;
        border-right: 1px solid #333;
        transform: rotate(45deg);
        margin-top: -3px;
    }

    .globalMenuSp .g_nav ul li a:hover {
        background: #fafafa;
    }

    /*--------------------------------------------------*/
    /* Section
/*--------------------------------------------------*/

    .front_page .section-area {
        padding: 60px 0;
    }

    /*--------------------------------------------------*/
    /* Footer
    /*--------------------------------------------------*/
    #footer .address h1 svg,
    #footer .address h1 img {
        height: 70px;
    }

    #footer .primary .sns-box {
        margin: 0 0 30px;
    }

    #footer .primary .sns-box ul li {
        width: 40px;
    }

    #footer p.copyright {
        padding: 50px 30px;
    }

}

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

@media screen and (max-width:835px) {
    .hamburger {
        width: 60px;
        height: 60px;
    }

    .btnBox {
        font-size: 1.6rem;
    }

    .btnBox span:before {
        width: 25px;
        height: 25px;
        margin-top: -12.5px;
    }

    /*--------------------------------------------------*/
    /* Header
/*--------------------------------------------------*/
    #header {
        padding: 40px 0;
    }

    #header h1 img,
    #header h1 svg {
        width: 200px;
    }

    /*--------------------------------------------------*/
    /* Section
/*--------------------------------------------------*/

    .front_page .section-area {
        padding: 50px 0;
    }

    /*--------------------------------------------------*/
    /* Footer
    /*--------------------------------------------------*/
    #footer .address h1 svg,
    #footer .address h1 img {
        height: 60px;
    }

    #footer .box {
        width: auto;
    }

    #footer .primary .sns-box {
        margin: 0 0 25px;
    }

    #footer .primary .sns-box ul li {
        width: 30px;
    }

    #footer p.copyright {
        padding: 40px 30px;
    }
}

@media screen and (max-width: 769px) {
    .sln_card_payment_container .ec-pageHeader h1 {
        font-size: 2rem;
    }
}

@media screen and (max-width: 750px) {
    body {
        font-size: 1.5rem;
    }

    .inner {
        padding: 0 25px;
    }

    .btnBox {
        font-size: 1.5rem;
    }

    .btnBox span {
        padding: 0 35px 0 0;
    }

    .btnBox span:before {
        width: 20px;
        height: 20px;
        margin-top: -10px;
    }

    /*--------------------------------------------------*/
    /* Header
    /*--------------------------------------------------*/
    #header {
        padding: 30px 0;
    }

    #header h1 img,
    #header h1 svg {
        width: 175px;
    }

    .firstUser {
        margin-top: 5rem;
    }

    .firstUser {
        flex-direction: column;
        align-items: center;
    }

    .firstUserImg {
        width: 45%;
    }

    .firstUserLink {
        margin-top: 3rem;
        font-size: 3rem;
        width: 80%;
        text-align: center;
    }

    .firstUserLink img {
        width: 75%;
    }

    .firstUserLink a {
        text-align: right;
    }

    .detailLink img {
        width: 7%;
    }

    .detailLink {
        font-size: 2rem;
        align-items: flex-end;
        line-height: 1;
    }

    .topWidth {
        width: 90%;
    }

    /*
    .miyazaki {
        margin-top: 5rem;
    }

    .miyazakiImg {
        width: 30%;
    }

    .miyazakiTxt {
        width: 60%;
    }
*/
    .sendHeartTxt {
        width: 70%;
        font-size: 3rem;
    }

    .sendHeartImg {
        width: 25%;
    }

    .sp-max {
        width: 100%;
    }

    .sendHeart>div:nth-child(2) {
        margin-bottom: 0;
    }

    .sp-item-title {
        margin-bottom: 0;
    }

    .catArea h2 {
        margin: 0;
    }

    .catItem {
        width: 100%;
        display: flex;
        justify-content: space-between;
        font-size: 1.5rem;
    }

    .catItem>div {
        width: 45%;
    }

    .catItem>div h3 {
        margin: 0;
        margin-bottom: 5rem;
        letter-spacing: -3px;
    }

    .catItem>div:nth-child(2) div {
        height: calc(100% - 11rem);
    }

    .hozukiaArea {
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        margin-top: 5rem;
        text-align: center;
    }

    .hozukiImg {
        width: 50%;
        margin-bottom: 3rem;
    }

    .hozukiTxt {
        width: 70%;
    }

    .hozukiTxt .detailLink {
        justify-content: center;
    }

    .hpInfo {
        margin-top: 3rem;
    }

    .contactInput .ec-borderedDefs dt,
    .contactInput .ec-borderedDefs dd {
        width: 100%;
        padding: 0;
    }

    .contactInput .ec-borderedDefs dt {
        margin-bottom: 1rem;
    }

    .contactInput .ec-halfInput {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: space-between;
    }

    .contactInput .ec-halfInput input {
        display: block;
        width: 48%;
    }

    .contactInput .ec-RegisterRole__actions {
        width: 60%;
        margin: 0 auto;
        margin-top: 10rem;
    }

    .contactInput .ec-reportHeading {
        border: none;
    }

    .ec-footerRole {
        margin-top: 10rem;
    }

    .ec-blockTopBtn {
        width: 75px;
        height: 75px;
        padding: 15px;
    }

    .ec-blockBtn--action {
        height: 46px;
        line-height: 46px;
    }

    .ec-blockBtn--cancel {
        height: 46px;
        line-height: 46px;
    }

    .ec-off4Grid .ec-off4Grid__cell .ec-blockBtn--cancel {
        line-height: inherit;
        border-radius: 4px;
        height: 46px;
        line-height: 46px !important;
    }

    /*--------------------------------------------------*/
    /* Footer
    /*--------------------------------------------------*/
    #footer .inner {
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }

    #footer .box {
        width: 100%;
        max-width: inherit;
        margin: 0 0 25px;
        text-align: center;
    }

    #footer .address h1 svg,
    #footer .address h1 img {
        height: 50px;
    }

    #footer .primary {
        margin: 0;
    }

    #footer .primary .sns-box {
        margin: 0 0 25px;
    }

    #footer .primary .sns-box ul {
        width: 100%;
        max-width: 150px;
        margin: 0 auto;
    }

    #footer .primary .sns-box ul li {
        width: 30px;
    }

    #footer .primary .f-nav ul {
        display: inline-block;
    }

    #footer .primary .f-nav ul li {
        text-align: left;
    }

    #footer p.copyright {
        padding: 40px 25px;
    }

    /*.footerLeft {
        width: 80%;
        margin: 0 auto;
    }

    .footerRight {
        display: none;
    }

    .footeriSns-sp {
        display: flex;
        width: 40%;
        margin-left: auto;
        margin-bottom: 2rem;
        padding-right: 2rem;
    }

    .footeriSns-sp a {
        width: 20%;
    }*/

    .ec-footerNavi-sp {
        display: block;
        margin: 0 auto;
        margin-top: 2rem;
        width: 18em;
    }

    .ec-footerNavi-sp a {
        color: #525263;
    }

    .swtpHzkTop {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }

    .swtpSec1,
    .swtpSec2 {
        display: block;
    }

    .swtpSec1 {
        margin-bottom: 5rem;
    }

    .swtpSec2 {
        width: 100%;
    }

    .typePageLeft {
        width: 45%;
        margin: 0 auto;
        margin-bottom: 5rem;
    }

    .typePageRight {
        width: 100%;
    }

    .swtpHzkSec1Right {
        text-align: center;
        line-height: 2;
    }

    .swtpHzkSec1Right p {
        margin-bottom: 3rem;
    }

    .swtpHzkSec1Right div {
        width: 60%;
        margin: 0 auto;
    }

    .swtpSec2 .typePageLeft {
        width: 90%;
    }

    .swtpSec2 .typePageLeft h3 {
        text-align: center;
    }

    .swtpSec2 .typePageRight {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
    }

    .swtpSec2 .typePageRight div {
        width: 48%;
    }

    .swtpHzkDetailLink-sp {
        display: block;
        text-align: center;
        margin-bottom: 10rem;
    }

    .swtpHzkDetailLink-sp a {
        display: block;
        color: #fff;
        background-color: #5bb432;
        padding: 0.5rem 2rem;
        display: block;
        width: 18rem;
        margin: 0 auto;
        text-decoration: none;
    }

    .swtpHzkDetailLink {
        display: none;
    }

    .swtpHzkOrderLink {
        margin-top: 5rem;
    }

    .hzkSection1 {
        display: block;
    }

    .hzkSection1 .typePageLeft {
        width: 60%;
        margin: 0 auto;
    }

    .hzkSection2 {
        display: block;
        width: 90%;
    }

    .hzkSection2 .typePageLeft {
        width: 100%;
    }

    .hzkSection2 .typePageLeft h3 {
        text-align: center;
        margin-bottom: 3rem;
        line-height: 2;
    }

    .hzkSection2 .typePageLeft .hozukiTxt2 li {
        margin-bottom: 1rem;
    }

    .hzkSection2 .typePageRight {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .hzkSection2 .typePageRight div {
        width: 48%;
    }

    .hzkSection3 .typePageLeft {
        width: 100%;
    }

    .hzkSection3 .swtpHzkDetailLink2 {
        margin-top: 3rem;
    }

    .hzkSection3 .swtpHzkDetailLink2 a {
        margin: 0 auto;
        margin-top: 3rem;
    }

    .hzkSection3 .typePageLeft>div {
        margin-bottom: 2rem;
    }

    .hzkSection3 .typePageRight {
        width: 80%;
        margin: 0 auto;
    }

    .introWrap {
        width: 100%;
    }

    .introTop h2 {
        margin-bottom: 5rem;
    }

    .introTop {
        text-align: center;
    }

    .introContent .introTxt {
        width: 95%;
    }

    .introContent .introWhite {
        width: 100%;
    }

    .introWhiteInner .introBtn a {
        margin: 0 auto;
        margin-top: 2rem;
        line-height: 2;
    }

    .introTxt .introHozuki2 {
        width: 100%;
    }

    .introTxt .introHozuki2>div {
        width: 100%;
    }

    .introTxt .introHozuki2>div .introBtn a {
        margin: 0;
    }

    .introContent .introTxt li {
        margin-bottom: 2rem;
    }

    .introContent h3 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        line-height: 3rem;
    }

    .introContent .introTitle {
        background-size: 2rem;
    }


}

@media screen and (max-width: 750px) {
    .btnBox {
        font-size: 1.5rem;
    }

    /*--------------------------------------------------*/
    /* Header
/*--------------------------------------------------*/
    #header {
        padding: 25px 0;
    }

    #header h1 img,
    #header h1 svg {
        width: 150px;
    }

    /*--------------------------------------------------*/
    /* G_Nav
/*--------------------------------------------------*/
    .globalMenuSp .g_nav h2 {
        font-size: 1.8rem;
    }

    .globalMenuSp .ico-box,
    .globalMenuSp .sns-box {
        padding: 20px 0;
    }

    .globalMenuSp .ico-box ul,
    .globalMenuSp .sns-box ul {
        justify-content: space-around;
    }

    .globalMenuSp .ico-box ul li,
    .globalMenuSp .sns-box ul li {
        margin: 0 4% 0 0;
        width: auto;
        text-align: center;
    }

    .globalMenuSp .ico-box ul li img {
        width: 40px;
    }

    .globalMenuSp .sns-box ul li img {
        width: 25px;
    }

    .globalMenuSp .g_nav ul li.li-beginner a,
    .globalMenuSp .g_nav ul li.li-sweetpea a,
    .globalMenuSp .g_nav ul li.li-hozuki a {
        padding: 10px 5px 10px 50px;
    }

    .globalMenuSp .g_nav ul li:before {
        width: 20px;
        height: 20px;
        left: 15px;
        margin-top: -10px;
    }

}

@media screen and (max-width: 640px) {
    .inner {
        padding: 0px 20px;
    }

    .hamburger {
        width: 50px;
        height: 50px;
    }

    .hamburger .hmbInner {
        width: 25px;
    }

    .globalMenuSp {
        padding: 0;
    }

    .globalMenuSp .ico-box,
    .globalMenuSp .sns-box {
        padding: 15px 0;
        max-width: 150px;
        width: 100%;
    }

    .globalMenuSp .ico-box ul li img {
        width: 30px;
    }

    .globalMenuSp .sns-box ul li img {
        width: 20px;
    }

    .globalMenuSp .g_nav h2 {
        font-size: 1.7rem;
        padding: 0 5px 10px;
    }

    .globalMenuSp .g_nav ul li {
        width: 100%;
        font-size: 1.3rem;
    }

    .globalMenuSp .g_nav ul li.li-beginner,
    .globalMenuSp .g_nav ul li.li-sweetpea,
    .globalMenuSp .g_nav ul li.li-hozuki {
        font-size: 1.5rem;
    }

    .globalMenuSp .g_nav ul li.li-beginner a,
    .globalMenuSp .g_nav ul li.li-sweetpea a,
    .globalMenuSp .g_nav ul li.li-hozuki a {
        padding: 10px 5px 10px 50px;
    }

    .globalMenuSp .g_nav ul li a {
        padding: 7.5px 15px 7.5px 40px;
        display: block;
        color: #666666;
        position: relative;
    }

    .ec-off4Grid .ec-off4Grid__cell {
        flex-direction: column;
    }

    .ec-off4Grid .ec-off4Grid__cell .ec-blockBtn--action,
    .ec-off4Grid .ec-off4Grid__cell .ec-blockBtn--cancel {
        width: 100%;
        max-width: inherit;
        margin: 0 0 15px;
    }
}

@media screen and (max-width: 480px) {
    .btnBox {
        font-size: 1.4rem;
    }
}