@charset "UTF-8";
html {font-size: 62.5%;font-display: swap;}
.landingLpPage_main {font-feature-settings: 'palt'; text-align: justify; text-justify: inter-ideograph;}
.landingLpPage_main a:hover {cursor: pointer; opacity: .5;}
.landingLpPage_main ul li {list-style: none;}
.landingLpPage_main .relativeArea {position: relative;}
.a_otfFont {
font-family: source-han-sans-japanese, sans-serif;
font-weight: 700;
font-style: normal;
font-display: swap;
}
.movie-wrap {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;}
.movie-wrap iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.required {background: #db2927; color: #ffffff; font-size: 14px; padding: 2px 5px; vertical-align: middle; line-height: 1; font-weight: normal;}
::placeholder {color: #dcdcdc;}
/* 旧Edge対応 */
::-ms-input-placeholder {color: #dcdcdc;}
/* IE対応 */
:-ms-input-placeholder {color: #dcdcdc;}
div#dvUserRegistRegulation h3 {margin: 0px 0px 10px 0px; font-size: 18px;}
#dvUserRegistRegulation h3 {margin: 0px 0px 10px 0px; font-size: 18px;}
.cartBuyBtn {
text-align: center;
}
.cartBuyBtn a {
display: flex;
justify-content: center;
align-items: center;
color: #fff;
line-height: 1.0;
text-decoration: none;
}
.cartBuyBtn .secondBuyBtn a {
background-color: #627f0e;
}
.cartBuyBtn .firstBuyBtn a {
background-color: #9d2228;
}
#floatBtn{
position:fixed;
bottom:50px;
opacity:0;
transition:opacity 0.8s;
z-index:100;
}
#floatBtn.show{opacity:1;}
#floatBtn a{line-height:1.5;}
/*************************************SP****************************************/
@media screen and ( max-width:560px ) {
/* .landingLpPage_main {
background-image: url(../img/sp.jpg);
background-size: 100%;
background-position-y: -101px;
}*/
#Wrap {
width: 100%;
}
.pc_Only {
display: none;
}
.landingLpPage_main {
width: calc(750*(100vw/750));
overflow-x: hidden;
}
.landingLpPage_main.__single{
margin: 0 auto;
width: calc(750*(100vw/750));
overflow-x: hidden;
}
#floatBtn{
width:100px;
right:2.4vw;
}
#floatBtn li+li{margin-top:12px;}
#floatBtn a{
padding:20px 5px;
border-radius:7px;
font-size:1.3rem;
}
/*==========================
トライアルセット
==========================*/
.trialSetInfoArea {
padding: calc(30*(100vw / 750)) 0 calc(50*(100vw / 750)) 0;
/*padding-bottom: calc(80*(100vw/750));/*
/*background-image: url(../img/c1_sp_bk_try01.jpg);*/
background-color: #f4f2e3;
background-size: 100%;
background-repeat: no-repeat;
}
.trialSetInfoArea h4 {
/*padding-top: calc(728*(100vw/750));*/
font-size: calc(36*(100vw/750));
letter-spacing: .2rem;
text-align: center;
color: #603d21;
}
.trialSetInfoArea h3 {
font-size: calc(44*(100vw/750));
letter-spacing: .12rem;
text-align: center;
color: #603d21;
}
.trialSetInfoArea h3 span {
color: #b33937;
font-size: calc(70*(100vw/750));
}
.trialSetInfoArea .tokutenTxt_ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: calc(31*(100vw/750));
}
.trialSetInfoArea .tokutenTxt_ul li {
position: relative;
}
.trialSetInfoArea .tokutenTxt_ul li:nth-of-type(1) {
position: relative;
width: calc(336*(100vw/750));
}
.trialSetInfoArea .tokutenTxt_ul li:nth-of-type(2) {
width: calc(324*(100vw/750));
margin: 0 calc(20*(100vw/750)) 0 calc(29*(100vw/750));
}
.trialSetInfoArea .tokutenTxt_ul li:nth-of-type(3) {
margin-right: calc(18*(100vw/750));
}
.trialSetInfoArea .tokutenTxt_ul li:nth-of-type(3),
.trialSetInfoArea .tokutenTxt_ul li:nth-of-type(4) {
width: calc(346*(100vw/750));
margin-top: calc(40*(100vw/750)) ;
}
.trialSetInfoArea .tokutenTxt_ul li p {
position: absolute;
color: #fff;
text-align: center;
line-height: 1.3;
}
.trialSetInfoArea .tokutenTxt_ul li:nth-of-type(1) p:nth-of-type(1) {
top: calc(105*(100vw / 750));
left: calc(50*(100vw / 750));
font-size: calc(44*(100vw/750));
line-height: 1.2;
}
.trialSetInfoArea .tokutenTxt_ul li:nth-of-type(1) p:nth-of-type(1) span:nth-of-type(1) {
margin-left: calc(5*(100vw/750));
}
.trialSetInfoArea .tokutenTxt_ul li:nth-of-type(1) p:nth-of-type(2) {
top: calc(156*(100vw / 750));
left: calc(225*(100vw / 750));
font-size: calc(20*(100vw/750));
}
.trialSetInfoArea .tokutenTxt_ul li:nth-of-type(2) p {
top: calc(107*(100vw/750));
left: calc(30*(100vw/750));
font-size: calc(30*(100vw/750));
}
.trialSetInfoArea .tokutenTxt_ul li:nth-of-type(2) p span {
font-size: calc(36*(100vw/750));
}
.trialSetInfoArea .tokutenTxt_ul li:nth-of-type(3) p {
top: calc(102*(100vw/750));
left: calc(24*(100vw/750));
font-size: calc(24*(100vw/750));
}
.trialSetInfoArea .tokutenTxt_ul li:nth-of-type(3) p span:nth-of-type(2) {
font-size: calc(40*(100vw/750));
}
.trialSetInfoArea .tokutenTxt_ul li:nth-of-type(3) p span:nth-of-type(3) {
font-size: calc(32*(100vw/750));
}
.trialSetInfoArea .tokutenTxt_ul li:nth-of-type(4) p {
top: calc(115*(100vw/750));
left: calc(75*(100vw/750));
font-size: calc(38*(100vw/750));
line-height: 1.2;
}
.trialSetInfoArea .trialSetInfoAreaWarnTxt {
margin: calc(34*(100vw/750)) 0 0 calc(20*(100vw/750));
color: #603d21;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 400;
font-style: normal;
font-size: calc(22*(100vw/750));
line-height: 1.3;
letter-spacing: .02rem;
font-display: swap;
}
.trialSetInfoAreaWarnTxt span {
display: block;
width: calc(692*(100vw/750));
margin-left: calc(10*(100vw/750));
line-height: 1.6;
letter-spacing: .05rem;
}
.trialProduct {
display: flex;
flex-wrap: wrap;
margin-top: calc(48*(100vw/750));
}
.trialProduct li:nth-of-type(2n-1) {
margin-right: calc(20*(100vw/750));
}
/*▼▼ここだけ変更▼▼*/
.trialProduct li:nth-of-type(2n+1) {
margin-left: calc(130*(100vw/750)) !important;
}
/*▲▲ここだけ変更▲▲*/
.trialProduct li:nth-of-type(3) {
margin: calc(64*(100vw/750)) calc(15*(100vw/750)) 0 0;
}
.trialProduct li:nth-of-type(4) {
margin-top: calc(64*(100vw/750));
}
.trialProduct li:nth-of-type(1) .trialProductImg {
width: calc(240*(100vw/750));
margin: calc(8*(100vw/750)) 0 0 calc(95*(100vw/750));
}
.trialProduct li:nth-of-type(2) .trialProductImg {
width: calc(180*(100vw/750));
margin: calc(5*(100vw/750)) 0 0 calc(69*(100vw/750));
}
.trialProduct .productName {
color: #603d21;
font-family: source-han-serif-japanese, serif;
font-weight: 700;
font-style: normal;
font-size: calc(34*(100vw/750));
line-height: 1.3;
font-display: swap;
}
.trialProduct li:nth-of-type(1) .productName {
margin: calc(-10*(100vw/750)) 0 0 calc(20*(100vw/750));
letter-spacing: .12rem;
}
.trialProduct li:nth-of-type(1) .productName span:nth-of-type(2) {
font-size: calc(70*(100vw/750));
}
.trialProduct li:nth-of-type(1) .productName span:nth-of-type(3) {
font-size: calc(30*(100vw/750));
}
.trialProduct li:nth-of-type(2) .productName {
margin: calc(-17*(100vw/750)) 0 0 calc(0*(100vw/750));
letter-spacing: .02rem;
}
.trialProduct li:nth-of-type(2) .productName span:nth-of-type(1) {
font-size: calc(38*(100vw/750));
letter-spacing: .28rem;
}
.trialProduct li:nth-of-type(2) .productName span:nth-of-type(2) {
font-size: calc(35*(100vw/750));
letter-spacing: .3rem;
}
.trialProduct li:nth-of-type(3) .productName {
margin-left: calc(18*(100vw/750));
}
.trialProduct li:nth-of-type(3) .productName span {
font-size: calc(40*(100vw/750));
letter-spacing: .17rem;
}
.trialProduct li:nth-of-type(4) .productName {
margin: calc(-6*(100vw/750)) 0 0 calc(18*(100vw/750));
}
.trialProduct li:nth-of-type(4) .productName span {
font-size: calc(40*(100vw/750));
letter-spacing: .13rem;
}
.trialProduct li:nth-of-type(1) .productPrice {
margin-top: calc(10*(100vw/750));
}
.trialProduct li:nth-of-type(2) .productPrice {
margin-top: calc(4*(100vw/750));
}
.trialProduct li:nth-of-type(3) .productPrice,
.trialProduct li:nth-of-type(4) .productPrice {
margin: calc(10*(100vw/750)) 0 0 calc(20*(100vw/750));
}
.productPrice .setCont {
display: inline-block;
padding: calc(7*(100vw/750)) calc(13*(100vw/750));
color: #603d21;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 400;
font-style: normal;
font-size: calc(30*(100vw/750));
border: 1px solid #603d21;
font-display: swap;
}
.trialProduct li:nth-of-type(1) .productPrice .setCont {
margin: calc(-2*(100vw/750)) calc(2*(100vw/750)) 0 calc(20*(100vw/750));
}
.trialProduct li:nth-of-type(2) .productPrice .setCont {
margin: calc(8*(100vw/750)) 0 0 calc(4*(100vw/750));
padding: calc(6*(100vw/750)) calc(14*(100vw/750));
}
.trialProduct li:nth-of-type(3) .productPrice .setCont {
margin: calc(10*(100vw/750)) calc(10*(100vw/750)) 0 0;
}
.trialProduct li:nth-of-type(4) .productPrice .setCont {
margin-left: calc(-2*(100vw/750));
padding: calc(6*(100vw/750)) calc(15*(100vw/750));
}
.productPrice .setPrice {
display: inline-block;
color: #b33937;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 700;
font-style: normal;
font-size: calc(75*(100vw/750));
font-display: swap;
}
.trialProduct li:nth-of-type(1) .productPrice .setPrice {
margin: calc(11*(100vw/750)) 0 0 calc(18*(100vw/750));
}
.trialProduct li:nth-of-type(2) .productPrice .setPrice {
margin: calc(11*(100vw/750)) 0 0 calc(4*(100vw/750));
}
.trialProduct li:nth-of-type(4) .productPrice .setPrice {
margin: calc(11*(100vw/750)) 0 0 calc(-2*(100vw/750));
}
.productPrice .setEn {
margin: calc(18*(100vw/750)) 0 0 calc(7*(100vw/750));
color: #b33937;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 700;
font-style: normal;
font-size: calc(40*(100vw/750));
font-display: swap;
}
.productPrice .setTaxTxt {
margin: calc(24*(100vw/750)) 0 0 calc(4*(100vw/750));
color: #b33937;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 700;
font-style: normal;
font-size: calc(30*(100vw/750));
font-display: swap;
}
.productCartAddBtn {
width: calc(340*(100vw/750));
height: calc(82*(100vw/750));
margin: calc(40*(100vw/750)) 0 0 calc(70*(100vw/750));
background-color: #ef7919;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 400;
font-style: normal;
font-size: calc(27*(100vw/750));
border-radius: 50px;
font-display: swap;
}
.productCartAddBtn a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
color: #fff;
text-emphasis: center;
}
.setnomal {
margin: calc(15*(100vw/750)) 0 0 calc(20*(100vw/750));
font-family: source-han-sans-japanese, sans-serif;
font-weight: 400;
font-style: normal;
font-size: calc(20*(100vw/750));
line-height: 1.3;
letter-spacing: .02rem;
font-display: swap;
}
.trialProduct li:nth-of-type(2) .productCartAddBtn {
margin: calc(40*(100vw/750)) 0 0 calc(3*(100vw/750));
}
.trialProduct li:nth-of-type(3) .productCartAddBtn {
margin: calc(95*(100vw/750)) 0 0 calc(20*(100vw/750));
}
.trialProduct li:nth-of-type(4) .productCartAddBtn {
margin: calc(40*(100vw/750)) 0 0 calc(10*(100vw/750));
}
.trialProduct li:nth-of-type(3) .trialProductImg {
width: calc(148*(100vw/750));
margin: calc(5*(100vw/750)) 0 calc(18*(100vw/750)) calc(90*(100vw/750));
}
.trialProduct li:nth-of-type(3) .productName span:nth-of-type(1) {
font-size: calc(26*(100vw/750));
letter-spacing: .28rem;
}
.trialProduct li:nth-of-type(3) .productName span:nth-of-type(3) {
font-size: calc(22*(100vw/750));
}
.trialProduct li:nth-of-type(3) .productPrice .setCont {
margin: calc(8*(100vw/750)) 0 0 calc(4*(100vw/750));
padding: calc(6*(100vw/750)) calc(14*(100vw/750));
}
.trialProduct li:nth-of-type(3) .productCartAddBtn {
margin: calc(40*(100vw/750)) 0 0 calc(3*(100vw/750));
}
.trialProduct li:nth-of-type(4) .trialProductImg {
width: calc(203*(100vw/750));
margin: calc(21*(100vw/750)) 0 0 calc(84*(100vw/750));
}
.trialProduct li:nth-of-type(5) .trialProductImg {
width: calc(180*(100vw/750));
margin: calc(80*(100vw/750)) 0 0 calc(69*(100vw/750));
}
.trialProduct li:nth-of-type(5) .productName span:nth-of-type(1) {
font-size: calc(37*(100vw/750));
letter-spacing: .28rem;
}
.trialProduct li:nth-of-type(5) .productPrice .setCont {
margin: calc(8*(100vw/750)) 0 0 calc(4*(100vw/750));
padding: calc(6*(100vw/750)) calc(14*(100vw/750));
}
.trialProduct li:nth-of-type(5) .productCartAddBtn {
margin: calc(40*(100vw/750)) 0 0 calc(3*(100vw/750));
}
.trialProduct li:nth-of-type(5) .productName {
margin: calc(-10*(100vw/750)) 0 0 calc(20*(100vw/750));
letter-spacing: .12rem;
}
.trialProduct li:nth-of-type(5) .productPrice .setPrice {
margin: calc(11*(100vw/750)) 0 0 calc(18*(100vw/750));
}
.trialProduct li:nth-of-type(6) .trialProductImg {
width: calc(222*(100vw/750));
margin: calc(80*(100vw/750)) 0 0 calc(69*(100vw/750));
}
.trialProduct li:nth-of-type(6) .productName span:nth-of-type(1) {
font-size: calc(38*(100vw/750));
letter-spacing: .28rem;
}
.trialProduct li:nth-of-type(6) .productPrice .setCont {
margin: calc(8*(100vw/750)) 0 0 calc(4*(100vw/750));
padding: calc(6*(100vw/750)) calc(14*(100vw/750));
}
.trialProduct li:nth-of-type(6) .productCartAddBtn {
margin: calc(40*(100vw/750)) 0 0 calc(3*(100vw/750));
}
/*==========================
毎日のお料理で~~~ありませんか？
==========================*/
.questionArea {
padding-bottom: calc(60*(100vw/750));
background-image: url(../img/c2_sp_bk_try01.jpg);
background-size: 100%;
background-repeat: no-repeat;
}
.questionArea p:nth-of-type(1) {
padding-top: calc(74*(100vw/750));
color: #603d21;
font-size: calc(36*(100vw/750));
line-height: 1.25;
text-align: center;
}
.questionArea p:nth-of-type(1) span:nth-of-type(1),
.questionArea p:nth-of-type(1) span:nth-of-type(3) {
color: #603d21;
font-size: calc(28*(100vw/750));
letter-spacing: .28rem;
}
.questionArea p:nth-of-type(1) span:nth-of-type(2) {
color: #b33937;
font-size: calc(46*(100vw/750));
letter-spacing: .1rem;
}
.questionArea p:nth-of-type(2) {
position: relative;
margin: calc(1230*(100vw/750)) calc(17*(100vw/750)) 0 0;
color: #603d21;
font-size: calc(35*(100vw/750));
line-height: 1.4;
letter-spacing: .2rem;
text-align: right;
z-index: 555;
}
.questionArea p:nth-of-type(2)::before {
content: '';
display: block;
position: absolute;
top: calc(88*(100vw/750));
left: calc(258*(100vw/750));
width: calc(455*(100vw/750));
height: 1rem;
background-color: #fff44b;
z-index: -1;
}
.questionArea p:nth-of-type(2) span:nth-of-type(1) {
display: block;
font-size: calc(47*(100vw/750));
letter-spacing: .38rem;
}
.questionArea p:nth-of-type(2) span:nth-of-type(2) {
display: block;
margin-top: calc(-42*(100vw/750));
font-size: calc(34*(100vw/750));
letter-spacing: .35rem;
}
.questionArea p:nth-of-type(2) span:nth-of-type(3) {
position: relative;
font-size: calc(44*(100vw/750));
letter-spacing: .42rem;
}
.questionArea p:nth-of-type(2) span:nth-of-type(3)::before {
content: '';
display: block;
position: absolute;
top: calc(44*(100vw/750));
left: calc(4*(100vw/750));
width: calc(346*(100vw/750));
height: calc(20*(100vw/750));
background-color: #fff44b;
z-index: -1;
}
.questionArea p:nth-of-type(2) span:nth-of-type(3)::after {
content: '';
display: block;
position: absolute;
top: calc(104*(100vw/750));
left: calc(4*(100vw/750));
width: calc(346*(100vw/750));
height: calc(20*(100vw/750));
background-color: #fff44b;
z-index: -1;
}
.questionArea p:nth-of-type(2) span:nth-of-type(4) {
display: block;
font-size: calc(34*(100vw/750));
letter-spacing: .35rem;
}
/*==========================
七福醸造の白だしなら、すべて解決！
==========================*/
.answerArea {
padding-bottom: calc(90*(100vw/750));
background-image: url(../img/c3_sp_bk.jpg);
background-size: 100%;
background-repeat: no-repeat;
}
.reason_block .reasonTittle p:nth-of-type(1) {
padding-top: calc(68*(100vw/750));
color: #b33937;
font-family: source-han-serif-japanese, serif;
font-weight: 500;
font-style: normal;
font-size: calc(50*(100vw/750));
line-height: 1.3;
letter-spacing: .13rem;
text-align: center;
font-display: swap;
}
.reason_block .reasonTittle p:nth-of-type(1) span {
display: block;
font-size: calc(78*(100vw/750));
letter-spacing: .23rem;
}
.reason_block .reasonTittle p:nth-of-type(2) {
color: #603d21;
font-size: calc(38*(100vw/750));
letter-spacing: .2rem;
text-align: center;
}
.reason_block .reasonTittle p:nth-of-type(2) span {
font-size: calc(70*(100vw/750));
}
.reasonMain {
position: relative;
}
.reasonImg {
width: calc(175*(100vw/750));
margin: calc(200*(100vw/750)) auto 0;
}
.reasonMain ul li div {
position: relative;
}
.reasonMain ul li:nth-of-type(1) {
position: absolute;
top: calc(-144*(100vw/750));
left: calc(88*(100vw/750));
width: calc(238*(100vw/750));
}
.reasonMain ul li:nth-of-type(2) {
position: absolute;
top: calc(109*(100vw/750));
left: calc(-3*(100vw/750));
width: calc(282*(100vw/750));
}
.reasonMain ul li:nth-of-type(3) {
position: absolute;
top: calc(407*(100vw/750));
left: calc(36*(100vw/750));
width: calc(260*(100vw/750));
}
.reasonMain ul li:nth-of-type(4) {
position: absolute;
top: calc(598*(100vw/750));
left: calc(256*(100vw/750));
width: calc(242*(100vw/750));
}
.reasonMain ul li:nth-of-type(5) {
position: absolute;
top: calc(398*(100vw/750));
left: calc(444*(100vw/750));
width: calc(262*(100vw/750));
}
.reasonMain ul li:nth-of-type(6) {
position: absolute;
top: calc(104*(100vw/750));
left: calc(466*(100vw/750));
width: calc(283*(100vw/750));
}
.reasonMain ul li:nth-of-type(7) {
position: absolute;
top: calc(-147*(100vw/750));
left: calc(428*(100vw/750));
width: calc(240*(100vw/750));
}
.reasonMain ul li div p {
position: absolute;
color: #603d21;
font-size: calc(30*(100vw/750));
text-align: center;
}
.reasonMain ul li:nth-of-type(1) div p {
top: calc(88*(100vw/750));
left: calc(18*(100vw/750));
line-height: 1.2;
letter-spacing: -.1rem;
}
.reasonMain ul li:nth-of-type(2) div p {
top: calc(103*(100vw/750));
left: calc(18*(100vw/750));
line-height: 1.4;
letter-spacing: .2rem;
}
.reasonMain ul li:nth-of-type(3) div p {
top: calc(96*(100vw/750));
left: calc(50*(100vw/750));
line-height: 1.4;
letter-spacing: .13rem;
}
.reasonMain ul li:nth-of-type(4) div p {
top: calc(87*(100vw/750));
left: calc(46*(100vw/750));
line-height: 1.4;
}
.reasonMain ul li:nth-of-type(5) div p {
top: calc(95*(100vw/750));
left: calc(56*(100vw/750));
line-height: 1.3;
}
.reasonMain ul li:nth-of-type(6) div p {
top: calc(108*(100vw/750));
left: calc(36*(100vw/750));
line-height: 1.4;
letter-spacing: .23rem;
}
.reasonMain ul li:nth-of-type(7) div p {
top: calc(88*(100vw/750));
left: calc(20*(100vw/750));
line-height: 1.3;
letter-spacing: .1rem;
}
.about_block h3 {
margin: calc(478*(100vw/750)) 0 0 calc(20*(100vw/750));
color: #423124;
font-size: calc(60*(100vw/750));
letter-spacing: .12rem;
}
.about_block p:nth-of-type(1) {
margin: calc(15*(100vw/750)) 0 0 calc(20*(100vw/750));
color: #423124;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 400;
font-style: normal;
font-size: calc(18*(100vw/750));
letter-spacing: .1rem;
font-display: swap;
}
.about_block p:nth-of-type(2) {
width: calc(704*(100vw/750));
margin: calc(24*(100vw/750)) 0 0 calc(20*(100vw/750));
color: #423124;
font-family: source-han-serif-japanese, serif;
font-weight: 400;
font-style: normal;
font-size: calc(20*(100vw/750));
line-height: 2;
letter-spacing: .14rem;
font-display: swap;
}
.about_block p:nth-of-type(2) span {
padding-left: calc(11*(100vw/750));
background-color: rgba(227,190,90,.4);
}
/*==========================
こだわり
==========================*/
.ShiridashiKodawari {
padding-bottom: calc(92*(100vw/750));
background-image: url(../img/c4_sp_bk.jpg);
background-size: 100%;
background-repeat: no-repeat;
}
.KodawariMainTittle {
padding-top: calc(76*(100vw/750));
color: #603d21;
font-size: calc(60*(100vw/750));
letter-spacing: .15rem;
text-align: center;
}
.KodawariMainTittle span {
font-size: calc(78*(100vw/750));
}
.ShiridashiKodawari1 .ShiridashiKodawari1_block2 {
display: flex;
justify-content: center;
width: calc(710*(100vw/750));
margin: calc(28*(100vw/750)) auto 0;
}
.ShiridashiKodawari1_block1 .Kodawari1_block:nth-of-type(1) {
position: relative;
width: calc(710*(100vw/750));
margin: calc(14*(100vw/750)) 0 0 calc(20*(100vw/750));
}
.KodawariImg1 {
width: calc(316*(100vw/750));
margin: calc(20*(100vw/750)) 0 0 calc(114*(100vw/750));
}
.KodawariImg3 {
position: absolute;
top: calc(332*(100vw/750));
left: calc(458*(100vw/750));
width: calc(165*(100vw/750));
}
.ShiridashiKodawari1_block1 .Kodawari1_block:nth-of-type(2) {
width: calc(710*(100vw/750));
margin: 0 0 0 calc(20*(100vw/750));
}
.ShiridashiKodawari1_block1 .Kodawari1_block:nth-of-type(2) h3:nth-of-type(1) {
display: flex;
align-items: center;
justify-content: center;
width: calc(180*(100vw/750));
padding: calc(10*(100vw/750)) 0;
color: #fff;
background-color: #613511;
font-family: source-han-serif-japanese, serif;
font-weight: 400;
font-style: normal;
font-size: calc(24*(100vw/750));
letter-spacing: .03rem;
font-display: swap;
}
.ShiridashiKodawari1_block1 .Kodawari1_block:nth-of-type(2) h3:nth-of-type(1) span {
display: inline-block;
margin-left: calc(16*(100vw/750));
font-size: calc(40*(100vw/750));
}
.ShiridashiKodawari1_block1 .Kodawari1_block:nth-of-type(2) h3:nth-of-type(2) {
display: flex;
align-items: center;
justify-content: center;
width: calc(265*(100vw/750));
padding: calc(14*(100vw/750)) 0;
margin-left: calc(20*(100vw/750));
color: #fff;
background-color: #b33937;
font-family: source-han-serif-japanese, serif;
font-weight: 400;
font-style: normal;
font-size: calc(45*(100vw/750));
letter-spacing: .13rem;
font-display: swap;
}
.ShiridashiKodawari1_block1 .Kodawari1_block:nth-of-type(2) h4 {
position: relative;
margin-top: calc(20*(100vw/750));
color: #603d21;
font-family: source-han-serif-japanese, serif;
font-weight: 500;
font-style: normal;
font-size: calc(28*(100vw/750));
line-height: 1.7;
letter-spacing: .18rem;
z-index: 999;
font-display: swap;
}
.ShiridashiKodawari1_block1 .Kodawari1_block:nth-of-type(2) h4::before {
content: '';
display: block;
position: absolute;
top: calc(26*(100vw/750));
left: calc(8*(100vw/750));
width: calc(511*(100vw/750));
height: calc(15*(100vw/750));
background-color: #fff44b;
z-index: -1;
}
.ShiridashiKodawari1_block1 .Kodawari1_block:nth-of-type(2) h4 span {
margin-left: calc(16*(100vw/750));
}
.ShiridashiKodawari1_block1 .Kodawari1_block:nth-of-type(2) p {
margin-top: calc(6*(100vw/750));
color: #603d21;
font-size: calc(23*(100vw/750));
line-height: 1.8;
letter-spacing: .1rem;
}
.ShiridashiKodawari1 .ShiridashiKodawari1_block1 {
display: flex;
flex-direction: column-reverse;
margin-top: calc(34*(100vw/750));
}
.kodawari_border {
margin-top: calc(-14*(100vw/750));
padding: calc(33*(100vw/750)) calc(22*(100vw/750)) calc(22*(100vw/750)) calc(26*(100vw/750));
border: 1px solid #423124;
}
.kodawari_border h3 {
color: #613511;
font-size: calc(27*(100vw/750));
font-weight: bold;
letter-spacing: .25rem;
}
.kodawari_border p {
margin-top: calc(8*(100vw/750));
color: #613511;
font-size: calc(23*(100vw/750));
line-height: 1.8;
letter-spacing: .17rem;
}
.ShiridashiKodawari1_block2 .block2a {
position: relative;
color: #603d21;
font-size: calc(24*(100vw/750));
line-height: 1.8;
letter-spacing: .16rem;
z-index: 999;
}
.ShiridashiKodawari1_block2 .block2b {
position: relative;
color: #603d21;
font-size: calc(24*(100vw/750));
line-height: 1.8;
letter-spacing: .16rem;
z-index: 999;
}
/*.ShiridashiKodawari1_block2 p {
position: relative;
color: #603d21;
font-size: calc(24*(100vw/750));
line-height: 1.8;
letter-spacing: .16rem;
z-index: 999;
}*/
/*.ShiridashiKodawari1_block2 p:before {
content: '';
display: block;
position: absolute;
top: calc(479*(100vw/750));
left: calc(188*(100vw/750));
width: calc(52*(100vw/750));
height: calc(15*(100vw/750));
background-color: #fff44b;
z-index: -1;
}*/
/*.ShiridashiKodawari1_block2 p:after {
content: '';
display: block;
position: absolute;
top: calc(479*(100vw/750));
left: calc(267*(100vw/750));
width: calc(92*(100vw/750));
height: calc(15*(100vw/750));
background-color: #fff44b;
z-index: -1;
}*/
/*.ShiridashiKodawari1_block2 span:nth-of-type(1) {
color: #db2927;
line-height: 1.7;
letter-spacing: .08rem;
}*/
.ShiridashiKodawari1_block2 span:nth-of-type(1) {
margin-left: calc(7*(100vw/750));
letter-spacing: .2rem;
}
.ShiridashiKodawari1_block2 span:nth-of-type(2) {
margin-left: calc(7*(100vw/750));
letter-spacing: .2rem;
}
.KodawariImg4 {
width: calc(320*(100vw/750));
margin: calc(12*(100vw/750)) 0 0 calc(17*(100vw/750));
}
.ShiridashiKodawari2 h3:nth-of-type(1) {
display: flex;
align-items: center;
justify-content: center;
width: calc(180*(100vw/750));
margin: calc(15*(100vw/750)) 0 0 calc(20*(100vw/750));
padding: calc(9*(100vw/750)) 0;
color: #fff;
background-color: #613511;
font-family: source-han-serif-japanese, serif;
font-weight: 400;
font-style: normal;
font-size: calc(22*(100vw/750));
letter-spacing: .3rem;
font-display: swap;
}
.ShiridashiKodawari2 h3:nth-of-type(1) span {
display: inline-block;
margin-left: calc(2*(100vw/750));
font-size: calc(40*(100vw/750));
}
.ShiridashiKodawari2 h3:nth-of-type(2) {
display: flex;
align-items: center;
justify-content: center;
width: calc(677*(100vw/750));
padding: calc(13*(100vw/750)) 0;
margin-left: calc(40*(100vw/750));
color: #fff;
background-color: #b33937;
font-family: source-han-serif-japanese, serif;
font-weight: 400;
font-style: normal;
font-size: calc(44*(100vw/750));
letter-spacing: .13rem;
font-display: swap;
}
.ShiridashiKodawari2 ul {
margin-top: calc(53*(100vw/750));
}
.ShiridashiKodawari2 ul li {
display: flex;
justify-content: center;
width: calc(710*(100vw/750));
margin: calc(432*(100vw/750)) auto 0;
}
.ShiridashiKodawari2 ul li:nth-of-type(2) {
margin-top: calc(28*(100vw/750));
}
.ShiridashiKodawari2 ul li:nth-of-type(3) {
margin-top: calc(36*(100vw/750));
}
.ShiridashiKodawari2 ul li:nth-of-type(4) {
margin-top: calc(22*(100vw/750));
}
.ShiridashiKodawari2 ul li:nth-of-type(5) {
margin-top: calc(24*(100vw/750));
}
.ShiridashiKodawari2 ul li .sozaiImg {
width: calc(175*(100vw/750));
margin: 0 calc(18*(100vw/750)) 0 calc(-12*(100vw/750));
}
.ShiridashiKodawari2 ul li .sozaiTxt h4 {
color: #613511;
font-family: source-han-serif-japanese, serif;
font-weight: 600;
font-style: normal;
font-size: calc(36*(100vw/750));
letter-spacing: .08rem;
font-display: swap;
}
.ShiridashiKodawari2 ul li .sozaiTxt p {
margin-top: calc(14*(100vw/750));
color: #603d21;
font-size: calc(21*(100vw/750));
line-height: 1.8;
letter-spacing: -.02rem;
}
.ShiridashiKodawari2 ul li .sozaiTxt {
width: calc(510*(100vw/750));
}
.Kodawari2PickUpTxt {
position: relative;
color: #603d21;
margin: calc(22*(100vw/750)) 0 0 calc(29*(100vw/750));
font-size: calc(34*(100vw/750));
line-height: 1.3;
letter-spacing: .15rem;
text-align: center;
z-index: 999;
}
.Kodawari2PickUpTxt span {
font-size: calc(58*(100vw/750));
letter-spacing: .05rem;
}
.Kodawari2PickUpTxt::before {
content: '';
display: block;
position: absolute;
top: calc(60*(100vw/750));
left: calc(274*(100vw/750));
width: calc(122*(100vw/750));
height: calc(15*(100vw/750));
background-color: #fff44b;
z-index: -1;
}
.Kodawari2PickUpTxt::after {
content: '';
display: block;
position: absolute;
top: calc(130*(100vw/750));
left: calc(180*(100vw/750));
width: calc(362*(100vw/750));
height: calc(15*(100vw/750));
background-color: #fff44b;
z-index: -1;
}
.ShiridashiKodawari3 {
display: flex;
flex-direction: column-reverse;
margin-top: calc(6*(100vw/750));
}
.ShiridashiKodawari3 .Kodawari3_block:nth-of-type(1) {
margin: 0 calc(17*(100vw/750)) 0 calc(-8*(100vw/750));
}
.KodawariImg7 {
width: calc(496*(100vw/750));
margin: calc(9*(100vw/750)) auto 0;
}
.Kodawari3_block:nth-of-type(1) p {
margin: calc(440*(100vw/750)) 0 0 calc(30*(100vw/750));
color: #603d21;
font-size: calc(22*(100vw/750));
line-height: 1.95;
letter-spacing: .15rem;
}
.ShiridashiKodawari3 .Kodawari3_block:nth-of-type(2) {
width: calc(710*(100vw/750));
margin: calc(20*(100vw/750)) auto 0;
}
.Kodawari3_block h3:nth-of-type(1) {
display: flex;
align-items: center;
justify-content: center;
width: calc(179*(100vw/750));
padding: calc(10*(100vw/750)) 0;
margin-top: calc(30*(100vw/750));
color: #fff;
background-color: #613511;
font-family: source-han-serif-japanese, serif;
font-weight: 400;
font-style: normal;
font-size: calc(24*(100vw/750));
letter-spacing: .13rem;
font-display: swap;
}
.Kodawari3_block h3:nth-of-type(1) span {
display: inline-block;
margin-left: calc(16*(100vw/750));
font-size: calc(40*(100vw/750));
}
.Kodawari3_block h3:nth-of-type(2) {
display: flex;
align-items: center;
justify-content: center;
width: calc(244*(100vw/750));
padding: calc(13*(100vw/750)) 0;
margin-left: calc(20*(100vw/750));
color: #fff;
background-color: #b33937;
font-family: source-han-serif-japanese, serif;
font-weight: 400;
font-style: normal;
font-size: calc(45*(100vw/750));
letter-spacing: .13rem;
font-display: swap;
}
.Kodawari3_block h4 {
position: relative;
margin-top: calc(20*(100vw/750));
color: #603d21;
font-family: source-han-serif-japanese, serif;
font-weight: 500;
font-style: normal;
font-size: calc(29*(100vw/750));
line-height: 1.6;
letter-spacing: .12rem;
z-index: 999;
font-display: swap;
}
.Kodawari3_block h4::before {
content: '';
display: block;
position: absolute;
top: calc(31*(100vw/750));
left: calc(344*(100vw/750));
width: calc(368*(100vw/750));
height: calc(15*(100vw/750));
background-color: #fff44b;
z-index: -1;
}
.Kodawari3_block h4::after {
content: '';
display: block;
position: absolute;
top: calc(73*(100vw/750));
left: 0;
width: calc(420*(100vw/750));
height: calc(15*(100vw/750));
background-color: #fff44b;
z-index: -1;
}
.Kodawari3_block:nth-of-type(2) p {
margin-top: calc(11*(100vw/750));
color: #603d21;
font-size: calc(21*(100vw/750));
line-height: 1.95;
letter-spacing: .2rem;
}
.kodawariTotalTxt {
width: calc(660*(100vw/750));
margin: calc(45*(100vw/750)) auto 0;
padding: calc(34*(100vw/750)) 0 calc(23*(100vw/750)) calc(47*(100vw/750));
background-color: #fffdf9;
border-radius: 12px;
}
.kodawariTotalTxt .kttFlex {
display: flex;
justify-content: center;
}
.KodawariImg8 {
width: calc(250*(100vw/750));
margin: 0 calc(34*(100vw/750)) 0 calc(-56*(100vw/750));
}
.kodawariTotalTxt div:nth-of-type(2) {
width: calc(376*(100vw/750));
}
.kodawariTotalTxt div:nth-of-type(2) h3 {
width: calc(337*(100vw/750));
padding: calc(6*(100vw/750));
color: #fff;
background-color: #603d21;
font-size: calc(27*(100vw/750));
font-weight: bold;
letter-spacing: .17rem;
text-align: center;
}
.kodawariTotalTxt .kTTxt_sp1 {
margin-top: calc(15*(100vw/750));
color: #603d21;
font-size: calc(20*(100vw/750));
font-weight: bold;
line-height: 1.7;
letter-spacing: .11rem;
}
.kodawariTotalTxt .kTTxt_sp2 {
margin-left: calc(-20*(100vw/750));
color: #603d21;
font-size: calc(20*(100vw/750));
font-weight: bold;
line-height: 1.7;
letter-spacing: .13rem;
}
.kodawariTotalTxt .kTTxt_sp3 {
width: calc(664*(100vw/750));
margin: calc(2*(100vw/750)) 0 0 calc(-24*(100vw/750));
color: #b33937;
font-size: calc(20*(100vw/750));
font-weight: bold;
line-height: 1.7;
letter-spacing: .13rem;
}
/*==========================
お客様の声
==========================*/
.customerVoiceArea {
padding-bottom: calc(55*(100vw/750));
/*background-image: url(../img/c5_sp_bk.jpg);*/
background-color: #e7e5e51c;
background-size: 100%;
background-repeat: no-repeat;
}
.customerVoiceArea h3 {
padding-top: calc(76*(100vw/750));
color: #603d21;
font-size: calc(60*(100vw/750));
font-weight: bold;
text-align: center;
}
.customerVoiceArea p {
margin-top: calc(15*(100vw/750));
color: #603d21;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 400;
font-style: normal;
font-size: calc(16*(100vw/750));
letter-spacing: .1rem;
text-align: center;
font-display: swap;
}
.customerVoiceArea ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: calc(30*(100vw/750));
}
.customerVoiceArea ul li {
width: calc(724*(100vw/750));
}
.customerVoiceArea ul li:nth-of-type(n+2) {
margin-top: calc(16*(100vw/750));
}
/*==========================
愛用店舗
==========================*/
.usedShopArea {
padding-bottom: calc(90*(100vw/750));
background-image: url(../img/c6_sp_bk.jpg);
background-size: 100%;
background-repeat: no-repeat;
}
.usedShopArea h3 {
color: #b33937;
padding-top: calc(58*(100vw/750));
font-family: source-han-serif-japanese, serif;
font-weight: 700;
font-style: normal;
font-size: calc(60*(100vw/750));
line-height: 1.45;
letter-spacing: .2rem;
text-align: center;
font-display: swap;
}
.usedShopArea h3 span {
color: #b33937;
font-family: source-han-serif-japanese, serif;
font-weight: 700;
font-style: normal;
font-size: calc(36*(100vw/750));
letter-spacing: .3rem;
text-align: center;
font-display: swap;
}
.usedShopArea ul {
display: flex;
justify-content: center;
margin-top: calc(40*(100vw/750));
}
.usedShopArea ul li {
width: calc(180*(100vw/750));
}
.usedShopArea ul li:nth-of-type(2),
.usedShopArea ul li:nth-of-type(4) {
margin-top: calc(92*(100vw/750));
}
/*==========================
おすすめ料理
==========================*/
.osusumeRyori {
padding-bottom: calc(74*(100vw/750));
background-image: url(../img/c7_sp_bk_try01.jpg);
background-size: 100%;
background-repeat: no-repeat;
}
.osusumeRyori h3:nth-of-type(1) {
padding-top: calc(84*(100vw/750));
margin-left: calc(45*(100vw/750));
color: #603d21;
font-size: calc(70*(100vw/750));
letter-spacing: .2rem;
}
.osusumeRyori h3:nth-of-type(2) {
margin-top: calc(113*(100vw/750));
color: #603d21;
font-size: calc(56*(100vw/750));
letter-spacing: .2rem;
text-align: center;
}
.osusumeRyori .FriEn {
margin-top: calc(16*(100vw/750));
color: #603d21;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 400;
font-style: normal;
font-size: calc(16*(100vw/750));
letter-spacing: .1rem;
text-align: center;
font-display: swap;
}
.osusumeRyori ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: calc(35*(100vw/750));
}
.osusumeRyori ul li {
width: calc(340*(100vw/750));
margin: 0 calc(14*(100vw/750));
}
.osusumeRyori ul li:nth-of-type(n+3) {
margin-top: calc(58*(100vw/750));
}
.osusumeRyori ul li .CookName {
margin-top: calc(20*(100vw/750));
color: #603d21;
font-size: calc(24*(100vw/750));
font-weight: bold;
text-align: center;
}
.osusumeTxt {
position: relative;
}
.osusumeTxt .osusumeImg {
margin-top: calc(6*(100vw/750));
}
.osusumeTxt p {
display: flex;
position: absolute;
top: calc(28*(100vw/750));
left: calc(48*(100vw/750));
color: #fff;
font-size: calc(20*(100vw/750));
letter-spacing: .12rem;
}
.OsusumeRyoriPickUpTxt {
position: relative;
}
.whyImg {
position: absolute;
top: calc(-50*(100vw/750));
left: calc(13*(100vw/750));
width: calc(130*(100vw/750));
}
.OsusumeRyoriPickUpTxt h4 {
margin: calc(93*(100vw/750)) 0 0 calc(110*(100vw/750));
color: #603d21;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 700;
font-style: normal;
font-size: calc(36*(100vw/750));
letter-spacing: .2rem;
text-align: center;
font-display: swap;
}
.OsusumeRyoriPickUpTxt p {
width: calc(710*(100vw/750));
margin: calc(15*(100vw/750)) auto 0;
color: #603d21;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 400;
font-style: normal;
font-size: calc(24*(100vw/750));
line-height: 1.7;
letter-spacing: .17rem;
font-display: swap;
}
/*==========================
七福の歴史
==========================*/
.ShirodashiHistory {
padding-bottom: calc(374*(100vw/750));
background-image: url(../img/c8_sp_bk.jpg);
background-size: 100%;
background-repeat: no-repeat;
}
.ShirodashiHistory div:nth-of-type(1) h3 {
padding-top: calc(74*(100vw/750));
color: #3f3f3f;
font-family: source-han-serif-japanese, serif;
font-weight: 500;
font-style: normal;
font-size: calc(60*(100vw/750));
letter-spacing: .25rem;
text-align: center;
font-display: swap;
}
.ShirodashiHistory div:nth-of-type(1) p:nth-of-type(1) {
margin-top: calc(16*(100vw/750));
color: #3f3f3f;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 400;
font-style: normal;
font-size: calc(20*(100vw/750));
letter-spacing: .1rem;
text-align: center;
font-display: swap;
}
.ShirodashiHistory div:nth-of-type(1) p:nth-of-type(2) {
margin-top: calc(36*(100vw/750));
color: #3f3f3f;
font-family: source-han-serif-japanese, serif;
font-weight: 500;
font-style: normal;
font-size: calc(30*(100vw/750));
line-height: 1.35;
letter-spacing: .15rem;
text-align: center;
font-display: swap;
}
.ShirodashiHistory div:nth-of-type(1) p:nth-of-type(2) span {
font-size: calc(40*(100vw/750));
}
.ShirodashiHistory div:nth-of-type(2) h4 {
color: #3f3f3f;
font-size: calc(34*(100vw/750));
font-weight: bold;
letter-spacing: .3rem;
}
.ShirodashiHistory div:nth-of-type(2) h4:nth-of-type(1) {
margin: calc(160*(100vw/750)) 0 0 calc(20*(100vw/750));
}
.ShirodashiHistory div:nth-of-type(2) h4:nth-of-type(2) {
margin: calc(17*(100vw/750)) 0 0 calc(50*(100vw/750));
}
.ShirodashiHistory div:nth-of-type(2) h4:nth-of-type(2) {
margin: calc(476*(100vw/750)) 0 0 calc(16*(100vw/750));
}
.ShirodashiHistory div:nth-of-type(2) p:nth-of-type(1),
.ShirodashiHistory div:nth-of-type(2) p:nth-of-type(3) {
width: calc(710*(100vw/750));
color: #3f3f3f;
font-size: calc(22*(100vw/750));
line-height: 2.2;
letter-spacing: .12rem;
}
.ShirodashiHistory div:nth-of-type(2) p:nth-of-type(1) {
margin: calc(12*(100vw/750)) 0 0 calc(20*(100vw/750));
}
.ShirodashiHistory div:nth-of-type(2) p:nth-of-type(3) {
margin: calc(12*(100vw/750)) 0 0 calc(20*(100vw/750));
letter-spacing: .14rem;
}
.ShirodashiHistory div:nth-of-type(2) p:nth-of-type(4) {
width: calc(388*(100vw/750));
margin: calc(4*(100vw/750)) 0 0 calc(20*(100vw/750));
color: #3f3f3f;
font-size: calc(22*(100vw/750));
line-height: 2.2;
letter-spacing: .15rem;
}
/*==========================
トライアルセット②
==========================*/
.trialSetInfoArea2 {
padding-bottom: 3rem;
/*background-image: url(../img/c9_sp_bk.jpg);*/
background-color: #f4f2e3;
background-size: 100%;
}
.trialSetInfoArea2 h4 {
padding-top: calc(78*(100vw/750));
font-size: calc(36*(100vw/750));
letter-spacing: .2rem;
text-align: center;
color: #603d21;
}
.trialSetInfoArea2 .a_otfFont h3 {
font-size: calc(44*(100vw/750));
letter-spacing: .12rem;
text-align: center;
color: #603d21;
}
.trialSetInfoArea2 h3 span {
color: #b33937;
font-size: calc(70*(100vw/750));
}
.trialSetInfoArea2 .tokutenTxt_ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: calc(31*(100vw/750));
}
.trialSetInfoArea2 .tokutenTxt_ul li {
position: relative;
}
.trialSetInfoArea2 .tokutenTxt_ul li:nth-of-type(1) {
position: relative;
width: calc(336*(100vw/750));
}
.trialSetInfoArea2 .tokutenTxt_ul li:nth-of-type(2) {
width: calc(324*(100vw/750));
margin: 0 calc(20*(100vw/750)) 0 calc(29*(100vw/750));
}
.trialSetInfoArea2 .tokutenTxt_ul li:nth-of-type(3) {
margin-right: calc(18*(100vw/750));
}
.trialSetInfoArea2 .tokutenTxt_ul li:nth-of-type(3),
.trialSetInfoArea2 .tokutenTxt_ul li:nth-of-type(4) {
width: calc(346*(100vw/750));
margin-top: calc(40*(100vw/750)) ;
}
.trialSetInfoArea2 .tokutenTxt_ul li p {
position: absolute;
color: #fff;
text-align: center;
line-height: 1.3;
}
.trialSetInfoArea2 .tokutenTxt_ul li:nth-of-type(1) p:nth-of-type(1) {
top: calc(105*(100vw/750));
left: calc(45*(100vw/750));
font-size: calc(44*(100vw/750));
line-height: 1.2;
}
.trialSetInfoArea2 .tokutenTxt_ul li:nth-of-type(1) p:nth-of-type(1) span:nth-of-type(1) {
margin-left: calc(5*(100vw/750));
}
.trialSetInfoArea2 .tokutenTxt_ul li:nth-of-type(1) p:nth-of-type(2) {
top: calc(156*(100vw/750));
left: calc(225*(100vw/750));
font-size: calc(20*(100vw/750));
}
.trialSetInfoArea2 .tokutenTxt_ul li:nth-of-type(2) p {
top: calc(107*(100vw/750));
left: calc(30*(100vw/750));
font-size: calc(30*(100vw/750));
}
.trialSetInfoArea2 .tokutenTxt_ul li:nth-of-type(2) p span {
font-size: calc(36*(100vw/750));
}
.trialSetInfoArea2 .tokutenTxt_ul li:nth-of-type(3) p {
top: calc(102*(100vw/750));
left: calc(24*(100vw/750));
font-size: calc(24*(100vw/750));
}
.trialSetInfoArea2 .tokutenTxt_ul li:nth-of-type(3) p span:nth-of-type(2) {
font-size: calc(40*(100vw/750));
}
.trialSetInfoArea2 .tokutenTxt_ul li:nth-of-type(3) p span:nth-of-type(3) {
font-size: calc(32*(100vw/750));
}
.trialSetInfoArea2 .tokutenTxt_ul li:nth-of-type(4) p {
top: calc(115*(100vw/750));
left: calc(75*(100vw/750));
font-size: calc(38*(100vw/750));
line-height: 1.2;
}
.trialSetInfoArea2 .trialSetInfoAreaWarnTxt {
margin: calc(34*(100vw/750)) 0 0 calc(20*(100vw/750));
color: #603d21;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 400;
font-style: normal;
font-size: calc(22*(100vw/750));
line-height: 1.3;
letter-spacing: .02rem;
font-display: swap;
}
#main-drop {
width: calc(710*(100vw/750));
margin: 0 auto;
cursor: pointer;
background-color: #fffdf9;
border-radius: 7px;
}
.accordion_icon,
.accordion_icon span{
display: inline-block;
transition: all .2s;
box-sizing: border-box;
}
#main-drop li {
position: relative;
}
.accordion_icon {
position: absolute;
top: calc(40*(100vw/750));
right: calc(12*(100vw/750));
width: calc(60*(100vw/750));
height: calc(60*(100vw/750));
float: right;
}
.drop-title {
height: calc(30*(100vw/750));
margin-top: calc(82*(100vw/750));
padding: calc(34*(100vw/750)) calc(29*(100vw/750));
color: #603d21;
font-size: calc(30*(100vw/750));
font-weight: bold;
letter-spacing: .08rem;
}
.accordion_icon span {
position: absolute;
top: calc(6*(100vw/750));
left: calc(6*(100vw/750));
width: 70%;
height: calc(6*(100vw/750));
background-color: #603d21;
}
.accordion_icon span:nth-of-type(1) {
top: calc(6*(100vw/750));
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
}
.accordion_icon.active span:nth-of-type(1) {
top: calc(6*(100vw/750));
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
.accordion_icon span:nth-of-type(2) {
top: calc(6*(100vw/750));
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
.sub-drop {
width: calc(656*(100vw/750));
margin: 0 auto;
padding-bottom: calc(50*(100vw/750));
}
.sub-drop h6 {
margin: 0 0 calc(34*(100vw/750)) !important;
padding: calc(30*(100vw/750)) 0 calc(30*(100vw/750)) 0;
color: #603d21;
font-size: calc(28*(100vw/750));
font-weight: bold;
background-color: #ff9;
}
.sub-drop h6:nth-of-type(n+2) {
margin-top: calc(60*(100vw/750)) !important;
}
.T_syousai tbody tr {
height: calc(80*(100vw/750));
}
.T_syousai tbody tr th {
width: calc(150*(100vw/750));
color: #603d21;
font-size: calc(26*(100vw/750));
}
.T_syousai tbody tr td {
color: #603d21;
font-size: calc(24*(100vw/750));
line-height: 2;
}
.T_syousai2 {
width: calc(600*(100vw/750));
margin-top: 1.3rem;
padding: calc(40*(100vw/750)) calc(26*(100vw/750)) calc(20*(100vw/750));
color: #603d21;
background-color: #fff;
border: 1px solid #333;
}
.T_syousai2 p {
font-size: 1.4rem;
font-weight: bold;
}
.T_syousai2 table {
margin-top: calc(6*(100vw/750));
}
.T_syousai2 table tbody tr th,
.T_syousai2 table tbody tr td {
width: calc(300*(100vw/750));
height: calc(50*(100vw/750));
}
.T_syousai_add {
margin: calc(6*(100vw/750)) 0 calc(6*(100vw/750));
color: #603d21;
}
.T_syousai_add div {
line-height: 2;
}
.contactArea {
width: calc(710*(100vw/750));
margin: calc(80*(100vw/750)) auto 0;
padding-bottom: calc(39*(100vw/750));
background-color: #fffdf9;
border-radius: 10px;
}
.contactFlex {
display: flex;
justify-content: center;
}
.contactFlex div {
width: calc(270*(100vw/750));
margin: calc(38*(100vw/750)) 0 0 calc(38*(100vw/750));
}
.contactArea h3 {
padding-top: calc(37*(100vw/750));
color: #603d21;
font-size: calc(40*(100vw/750));
font-weight: bold;
line-height: 1.2;
letter-spacing: 0;
}
.contactArea h3 span {
color: #b33937;
font-size: calc(70*(100vw/750));
}
.contactArea p:nth-of-type(1) {
display: block;
margin: calc(30*(100vw/750)) 0 0 calc(30*(100vw/750));
color: #603d21;
font-size: calc(24*(100vw/750));
letter-spacing: .05rem;
}
.contactArea ul {
display: flex;
justify-content: center;
margin-top: calc(18*(100vw/750));
}
.contactArea ul li:nth-of-type(1),
.contactArea ul li:nth-of-type(3) {
width: calc(200*(100vw/750));
}
.contactArea ul li:nth-of-type(2) {
width: calc(200*(100vw/750));
margin: 0 calc(26*(100vw/750));
}
.contactArea p:nth-of-type(2) {
width: calc(650*(100vw/750));
margin: calc(30*(100vw/750)) auto 0;
color: #603d21;
font-size: calc(23*(100vw/750));
line-height: 1.7;
letter-spacing: .03rem;
}
.contactArea p:nth-of-type(2) span {
color: #b33937;
font-size: calc(23*(100vw/750));
}
.contactArea p:nth-of-type(3) {
margin: calc(15*(100vw/750)) 0 0 calc(34*(100vw/750));
color: #603d21;
font-size: calc(20*(100vw/750));
letter-spacing: .05rem;
}
.movie-wrap {
position: relative;
padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
height: 0;
overflow: hidden;
}
.movie-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
/*************************************PC****************************************/
@media screen and (max-width: 1400px) and (min-width: 561px) {
html {font-size: calc(10* (100vw / 1400)) !important;}
}
@media only screen and (min-width: 561px) {
/* .landingLpPage_main {
background-image: url(../img/pc.jpg);
background-size: 100%;
background-position-y: -220px;
} */
body {
overflow-x: hidden;
}
.sp_Only {
display: none;
}
#Wrap {
width: 140rem;
}
.landingLpPage_main {
width: 140rem;
}
.landingLpPage_main.__single{
margin: 0 auto;
}
#floatBtn{
width:135px;
right:2.4vw;
}
#floatBtn li+li {
margin-top: 22px;
}
#floatBtn a {
padding: 36px 5px;
border-radius: 5px;
font-size: 1.5rem;
}
/*==========================
トライアルセット
==========================*/
.trialSetInfoArea {
padding-top: 2.0rem;
padding-bottom: 4.1rem;
/*background-image: url(../img/c1_bk_try01.jpg);*/
background-color: #f4f2e3;
background-size: 100%;
background-repeat: no-repeat;
}
.trialSetInfoArea h4 {
/*padding-top: 60.2rem;*/
font-size: 3.5rem;
letter-spacing: .2rem;
text-align: center;
color: #603d21;
}
.trialSetInfoArea h3 {
padding-top: 1rem;
font-size: 6rem;
letter-spacing: .12rem;
text-align: center;
color: #603d21;
}
.trialSetInfoArea h3 span {
color: #b33937;
font-size: 7rem;
}
.trialSetInfoArea .tokutenTxt_ul {
display: flex;
justify-content: center;
margin-top: 3.6rem;
}
.trialSetInfoArea .tokutenTxt_ul li {
position: relative;
}
.trialSetInfoArea .tokutenTxt_ul li:nth-of-type(1) {
position: relative;
width: 27rem;
}
.trialSetInfoArea .tokutenTxt_ul li:nth-of-type(2) {
width: 26rem;
margin: 0 7rem 0 4rem;
}
.trialSetInfoArea .tokutenTxt_ul li:nth-of-type(3) {
margin: 0 2.4rem 0 -2.5rem;
}
.trialSetInfoArea .tokutenTxt_ul li:nth-of-type(3),
.trialSetInfoArea .tokutenTxt_ul li:nth-of-type(4) {
width: 28rem;
}
.trialSetInfoArea .tokutenTxt_ul li p {
position: absolute;
color: #fff;
text-align: center;
line-height: 1.3;
}
.trialSetInfoArea .tokutenTxt_ul li:nth-of-type(1) p:nth-of-type(1){
top: 9rem;
left: 4.2rem;
font-size: 3.4rem;
line-height: 1.2;
}
.trialSetInfoArea .tokutenTxt_ul li:nth-of-type(1) p:nth-of-type(1) span:nth-of-type(1) {
margin-left: .2rem;
}
.trialSetInfoArea .tokutenTxt_ul li:nth-of-type(1) p:nth-of-type(2) {
top: 12.5rem;
left: 18.0rem;
font-size: 1.8rem;
}
.trialSetInfoArea .tokutenTxt_ul li:nth-of-type(2) p {
top: 8.5rem;
left: 3.0rem;
font-size: 2.4rem;
}
.trialSetInfoArea .tokutenTxt_ul li:nth-of-type(2) p span {
font-size: 2.6rem;
}
.trialSetInfoArea .tokutenTxt_ul li:nth-of-type(3) p {
top: 8.4rem;
left: 2.7rem;
font-size: 1.8rem;
}
.trialSetInfoArea .tokutenTxt_ul li:nth-of-type(3) p span:nth-of-type(2) {
font-size: 3.3rem;
}
.trialSetInfoArea .tokutenTxt_ul li:nth-of-type(3) p span:nth-of-type(3) {
font-size: 2.6rem;
}
.trialSetInfoArea .tokutenTxt_ul li:nth-of-type(4) p {
top: 9.4rem;
left: 6.5rem;
font-size: 3rem;
line-height: 1.2;
}
.trialSetInfoArea .trialSetInfoAreaWarnTxt {
margin: 3.4rem 0 0 10rem;
color: #603d21;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.4rem;
line-height: 1.3;
letter-spacing: .02rem;
font-display: swap;
}
.trialSetInfoAreaWarnTxt span {
margin-left: .6rem;
letter-spacing: .05rem;
}
.trialProduct {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 4.8rem;
}
.trialProduct li {
display: flex;
justify-content: center;
}
.trialProduct li:nth-of-type(1) {
margin: 0 5.7rem 0 -0.7rem;
}
.trialProduct li:nth-of-type(3) {
margin: 1.9rem 3.4rem 0 1.3rem;
}
.trialProduct li:nth-of-type(4) {
margin-top: 1.9rem;
}
.trialProduct li:nth-of-type(1) .trialProductImg,
.trialProduct li:nth-of-type(2) .trialProductImg {
width: 18rem;
margin: .9rem 3rem 0 0;
}
.trialProduct li:nth-of-type(3) .trialProductImg {
width: 19rem;
margin: .7rem .5rem 0 -.9rem;
}
.trialProduct .productName {
color: #603d21;
font-family: source-han-serif-japanese, serif;
font-weight: 700;
font-style: normal;
font-size: 2.6rem;
line-height: 1.3;
font-display: swap;
}
.trialProduct li:nth-of-type(1) .productName {
margin-top: .5rem;
letter-spacing: .26rem;
}
.trialProduct li:nth-of-type(1) .productName span:nth-of-type(2) {
font-size: 4rem;
}
.trialProduct li:nth-of-type(1) .productName span:nth-of-type(3) {
font-size: 2rem;
}
.trialProduct li:nth-of-type(2) .productName span:nth-of-type(1) {
font-size: 4rem;
letter-spacing: .28rem;
}
.trialProduct li:nth-of-type(2) .productName span:nth-of-type(2) {
font-size: 3.5rem;
letter-spacing: .43rem;
}
.trialProduct li:nth-of-type(3) .productName span {
font-size: 4rem;
letter-spacing: .3rem;
}
.trialProduct li:nth-of-type(4) .productName span {
font-size: 4rem;
letter-spacing: .3rem;
}
.productPrice {
display: flex;
align-items: center;
}
.trialProduct li:nth-of-type(1) .productPrice {
margin-top: .7rem;
margin-bottom: .4rem;
}
.trialProduct li:nth-of-type(2) .productPrice {
margin-top: .4rem;
}
.trialProduct li:nth-of-type(3) .productPrice,
.trialProduct li:nth-of-type(4) .productPrice {
margin: 1.4rem 0 0 .5rem;
}
.productPrice .setCont {
display: inline-block;
padding: .6rem 1rem;
color: #603d21;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.6rem;
border: 1px solid #603d21;
font-display: swap;
}
.trialProduct li:nth-of-type(1) .productPrice .setCont {
margin: 1rem .9rem 0 .4rem;
}
.trialProduct li:nth-of-type(2) .productPrice .setCont {
margin: 1rem .9rem 0 0;
padding: .6rem 1.6rem;
}
.trialProduct li:nth-of-type(3) .productPrice .setCont {
margin: 1rem .9rem 0 0;
}
.trialProduct li:nth-of-type(4) .productPrice .setCont {
margin: 1.2rem 1.9rem 0 0;
padding: .6rem 1.6rem;
}
.productPrice .setPrice {
display: inline-block;
color: #b33937;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 4.5rem;
font-display: swap;
}
.trialProduct li:nth-of-type(1) .productPrice .setPrice {
margin-left: .4rem;
}
.trialProduct li:nth-of-type(2) .productPrice .setPrice {
margin-left: .4rem;
}
.productPrice .setEn {
margin: 1.65rem 0 0 .7rem;
color: #b33937;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 2.5rem;
font-display: swap;
}
.productPrice .setTaxTxt {
margin: 2.3rem 0 0 .2rem;
color: #b33937;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 1.7rem;
font-display: swap;
}
.productCartAddBtn {
width: 36rem;
height: 6rem;
margin: 2.8rem 0 0 .5rem;
background-color: #ef7919;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 2rem;
border-radius: 50px;
font-display: swap;
}
.productCartAddBtn a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
color: #fff;
text-emphasis: center;
}
.trialProduct li:nth-of-type(3) {
margin: 1.9rem 4.4rem 0 -3.7rem;
}
.trialProduct li:nth-of-type(3) .trialProductImg {
width: 14rem;
margin: .7rem 5.5rem 0 5rem;
}
.trialProduct li:nth-of-type(3) .productName span:nth-of-type(1) {
font-size: 2.6rem;
}
.trialProduct li:nth-of-type(3) .productName span:nth-of-type(3) {
font-size: 2rem;
}
.trialProduct li:nth-of-type(4) .trialProductImg {
width: 19rem;
margin: 1.5rem 2.9rem 0 1.6rem;
}
.trialProduct li:nth-of-type(5) {
margin: 1.9rem 9.4rem 0 0.3rem;
}
.trialProduct li:nth-of-type(5) .trialProductImg {
width: 19rem;
margin: .7rem 1.5rem 0 5rem;
}
.trialProduct li:nth-of-type(5) .productName span:nth-of-type(1) {
font-size: 4rem;
}
.trialProduct li:nth-of-type(5) .productName span:nth-of-type(2) {
font-size: 2.6rem;
}
.trialProduct li:nth-of-type(6) {
margin: 1.9rem 4.4rem 0 -3.7rem;
}
.trialProduct li:nth-of-type(6) .trialProductImg {
width: 21rem;
margin: 0 2rem 0 0;
}
.trialProduct li:nth-of-type(6) .productName span:nth-of-type(1),
.trialProduct li:nth-of-type(6) .productName span:nth-of-type(3),
.trialProduct li:nth-of-type(6) .productName span:nth-of-type(5) {
font-size: 2.6rem;
}
.trialProduct li:nth-of-type(6) .productName span:nth-of-type(2),
.trialProduct li:nth-of-type(6) .productName span:nth-of-type(4) {
font-size: 4rem;
}
/*==========================
毎日のお料理で~~~ありませんか？
==========================*/
.questionArea {
padding-bottom: 7.5rem;
background-image: url(../img/c2_bk.jpg);
background-size: 100%;
background-repeat: no-repeat;
}
.questionArea p:nth-of-type(1) {
padding-top: 7.4rem;
color: #603d21;
font-size: 3.5rem;
line-height: 1.25;
text-align: center;
}
.questionArea p:nth-of-type(1) span:nth-of-type(1),
.questionArea p:nth-of-type(1) span:nth-of-type(3) {
color: #603d21;
font-size: 4.6rem;
letter-spacing: .4rem;
}
.questionArea p:nth-of-type(1) span:nth-of-type(2) {
color: #b33937;
font-size: 6.3rem;
letter-spacing: .15rem;
}
.questionArea p:nth-of-type(2) {
position: relative;
margin: 59.4rem 19.5rem 0 0;
color: #603d21;
font-size: 2.7rem;
line-height: 1.4;
letter-spacing: .25rem;
text-align: right;
z-index: 555;
}
.questionArea p:nth-of-type(2)::before {
content: '';
display: block;
position: absolute;
top: 4.8rem;
left: 72.6rem;
width: 46.5rem;
height: 1rem;
background-color: #fff44b;
z-index: -1;
}
.questionArea p:nth-of-type(2)::after {
content: '';
display: block;
position: absolute;
top: 9.9rem;
left: 56rem;
width: 52.3rem;
height: 1rem;
background-color: #fff44b;
z-index: -1;
}
.questionArea p:nth-of-type(2) span:nth-of-type(1) {
font-size: 4.7rem;
letter-spacing: .66rem;
}
.questionArea p:nth-of-type(2) span:nth-of-type(2),
.questionArea p:nth-of-type(2) span:nth-of-type(4) {
font-size: 1.7rem;
letter-spacing: .35rem;
}
.questionArea p:nth-of-type(2) span:nth-of-type(3) {
font-size: 3.3rem;
letter-spacing: .42rem;
}
/*==========================
七福醸造の白だしなら、すべて解決！
==========================*/
.answerArea {
padding-bottom: 8.8rem;
background-image: url(../img/c3_bk.jpg);
background-size: 100%;
background-repeat: no-repeat;
}
.reason_block .reasonTittle p:nth-of-type(1) {
padding: 7.5rem 0 1.8rem;
color: #b33937;
font-family: source-han-serif-japanese, serif;
font-weight: 500;
font-style: normal;
font-size: 5rem;
letter-spacing: .33rem;
text-align: center;
font-display: swap;
}
.reason_block .reasonTittle p:nth-of-type(1) span {
font-size: 7.8rem;
letter-spacing: .63rem;
}
.reason_block .reasonTittle p:nth-of-type(2) {
color: #603d21;
font-size: 3.6rem;
letter-spacing: .2rem;
text-align: center;
}
.reason_block .reasonTittle p:nth-of-type(2) span {
font-size: 6rem;
}
.reasonMain {
position: relative;
}
.reasonImg {
width: 20rem;
margin: 4rem auto 0;
}
.reasonMain ul li div {
position: relative;
}
.reasonMain ul li:nth-of-type(1) {
position: absolute;
top: -.4rem;
left: 38rem;
width: 24.2rem;
}
.reasonMain ul li:nth-of-type(2) {
position: absolute;
top: 20rem;
left: 20rem;
width: 28.2rem;
}
.reasonMain ul li:nth-of-type(3) {
position: absolute;
top: 47.8rem;
left: 31.8rem;
width: 26.2rem;
}
.reasonMain ul li:nth-of-type(4) {
position: absolute;
top: 59.7rem;
left: 57.9rem;
width: 24.2rem;
}
.reasonMain ul li:nth-of-type(5) {
position: absolute;
top: 47.9rem;
left: 81.9rem;
width: 26.2rem;
}
.reasonMain ul li:nth-of-type(6) {
position: absolute;
top: 20.2rem;
left: 92rem;
width: 28rem;
}
.reasonMain ul li:nth-of-type(7) {
position: absolute;
top: -.4rem;
left: 77.9rem;
width: 24.2rem;
}
.reasonMain ul li div p {
position: absolute;
color: #603d21;
font-size: 3.2rem;
text-align: center;
}
.reasonMain ul li:nth-of-type(1) div p {
top: 9.1rem;
left: 1.9rem;
line-height: 1.2;
letter-spacing: -.1rem;
}
.reasonMain ul li:nth-of-type(2) div p {
top: 10.2rem;
left: 3.0rem;
line-height: 1.4;
letter-spacing: .2rem;
}
.reasonMain ul li:nth-of-type(3) div p {
top: 9.8rem;
left: 5.6rem;
line-height: 1.4;
letter-spacing: .13rem;
}
.reasonMain ul li:nth-of-type(4) div p {
top: 8.6rem;
left: 4.2rem;
line-height: 1.4;
}
.reasonMain ul li:nth-of-type(5) div p {
top: 9.8rem;
left: 4.8rem;
line-height: 1.3;
}
.reasonMain ul li:nth-of-type(6) div p {
top: 10.2rem;
left: 4.8rem;
line-height: 1.4;
letter-spacing: .23rem;
}
.reasonMain ul li:nth-of-type(7) div p {
top: 9.1rem;
left: 2.7rem;
line-height: 1.3;
letter-spacing: .1rem;
}
.about_block h3 {
margin: 45rem 0 0 20rem;
color: #423124;
font-size: 6rem;
letter-spacing: .23rem;
}
.about_block p:nth-of-type(1) {
margin: 1.5rem 0 0 20rem;
color: #423124;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.6rem;
letter-spacing: .18rem;
font-display: swap;
}
.about_block p:nth-of-type(2) {
margin: 2.6rem 0 0 19.9rem;
color: #423124;
font-family: source-han-serif-japanese, serif;
font-weight: 400;
font-style: normal;
font-size: 2rem;
line-height: 2;
letter-spacing: .34rem;
font-display: swap;
}
.about_block p:nth-of-type(2) span {
padding-left: 1.1rem;
background-color: rgba(227,190,90,.4);
}
/*==========================
こだわり
==========================*/
.ShiridashiKodawari {
padding-bottom: 7.8rem;
background-image: url(../img/c4_bk.jpg);
background-size: 100%;
background-repeat: no-repeat;
}
.KodawariMainTittle {
padding-top: 5.7rem;
color: #603d21;
font-size: 6rem;
letter-spacing: .02rem;
text-align: center;
}
.KodawariMainTittle span {
font-size: 7.8rem;
}
.ShiridashiKodawari1 .ShiridashiKodawari1_block1 {
display: flex;
justify-content: center;
margin-top: 5.7rem;
}
.ShiridashiKodawari1_block1 .Kodawari1_block:nth-of-type(1) {
position: relative;
width: 48rem;
margin: 1.1rem 2.1rem 0 0;
}
.KodawariImg1 {
width: 31.5rem;
}
.KodawariImg3 {
position: absolute;
top: 34rem;
left: 30.5rem;
width: 17rem;
}
.ShiridashiKodawari1_block1 .Kodawari1_block:nth-of-type(2) {
width: 50rem;
}
.ShiridashiKodawari1_block1 .Kodawari1_block:nth-of-type(2) h3:nth-of-type(1) {
display: flex;
align-items: center;
justify-content: center;
width: 18rem;
padding: 1rem 0;
color: #fff;
background-color: #613511;
font-family: source-han-serif-japanese, serif;
font-weight: 400;
font-style: normal;
font-size: 2.4rem;
letter-spacing: .53rem;
font-display: swap;
}
.ShiridashiKodawari1_block1 .Kodawari1_block:nth-of-type(2) h3:nth-of-type(1) span {
display: inline-block;
margin-left: 1.6rem;
font-size: 4rem;
}
.ShiridashiKodawari1_block1 .Kodawari1_block:nth-of-type(2) h3:nth-of-type(2) {
display: flex;
align-items: center;
justify-content: center;
width: 28.7rem;
padding: 1rem 0;
margin-left: 2rem;
color: #fff;
background-color: #b33937;
font-family: source-han-serif-japanese, serif;
font-weight: 400;
font-style: normal;
font-size: 5rem;
letter-spacing: .13rem;
font-display: swap;
}
.ShiridashiKodawari1_block1 .Kodawari1_block:nth-of-type(2) h4 {
position: relative;
margin-top: 2.1rem;
color: #603d21;
font-family: source-han-serif-japanese, serif;
font-weight: 500;
font-style: normal;
font-size: 2.4rem;
line-height: 1.7;
letter-spacing: .1rem;
z-index: 999;
font-display: swap;
}
.ShiridashiKodawari1_block1 .Kodawari1_block:nth-of-type(2) h4::before {
content: '';
display: block;
position: absolute;
top: 2.6rem;
left: 0;
width: 41.5rem;
height: 1.3rem;
background-color: #fff44b;
z-index: -1;
}
.ShiridashiKodawari1_block1 .Kodawari1_block:nth-of-type(2) h4 span {
margin-left: 1.2rem;
}
.ShiridashiKodawari1_block1 .Kodawari1_block:nth-of-type(2) p {
margin-top: 1rem;
color: #603d21;
font-size: 1.8rem;
line-height: 2;
letter-spacing: .03rem;
}
.ShiridashiKodawari1 .ShiridashiKodawari1_block2 {
display: flex;
justify-content: center;
margin-top: 3.1rem;
}
.kodawari_border {
margin-top: .8rem;
padding: 2.2rem 2.1rem 1.2rem 1.8rem;
border: 2px solid #423124;
}
.kodawari_border h3 {
color: #613511;
font-size: 1.8rem;
font-weight: bold;
letter-spacing: .12rem;
}
.kodawari_border p {
margin-top: 1rem;
color: #613511;
font-size: 1.6rem;
line-height: 1.9;
letter-spacing: .16rem;
}
.ShiridashiKodawari1_block2 .block2a {
position: relative;
font-size: 1.8rem;
line-height: 2;
letter-spacing: .05rem;
z-index: 999;
}
.ShiridashiKodawari1_block2 .block2b {
position: relative;
font-size: 1.3rem;
line-height: 2;
letter-spacing: .05rem;
z-index: 999;
}
/*.ShiridashiKodawari1_block2 p:before {
content: '';
display: block;
position: absolute;
top: 20rem;
left: .9rem;
width: 3.3rem;
height: 1rem;
background-color: #fff44b;
z-index: -1;
}*/
/*.ShiridashiKodawari1_block2 p:after {
content: '';
display: block;
position: absolute;
top: 20rem;
left: 6.7rem;
width: 5.8rem;
height: 1rem;
background-color: #fff44b;
z-index: -1;
}*/
/*.ShiridashiKodawari1_block2 span:nth-of-type(1) {
color: #db2927;
}*/
/*.ShiridashiKodawari1_block2 span:nth-of-type(2) {
margin-left: .7rem;
letter-spacing: .2rem;
}*/
.KodawariImg4 {
width: 32.3rem;
margin: -21.5rem 4.8rem 0 9.3rem;
}
.ShiridashiKodawari2 h3:nth-of-type(1) {
display: flex;
align-items: center;
justify-content: center;
width: 18rem;
margin: 4.9rem 0 0 20rem;
padding: 1rem 0;
color: #fff;
background-color: #613511;
font-family: source-han-serif-japanese, serif;
font-weight: 400;
font-style: normal;
font-size: 2.5rem;
letter-spacing: .3rem;
font-display: swap;
}
.ShiridashiKodawari2 h3:nth-of-type(1) span {
display: inline-block;
margin-left: 1rem;
font-size: 4rem;
}
.ShiridashiKodawari2 h3:nth-of-type(2) {
display: flex;
align-items: center;
justify-content: center;
width: 74rem;
padding: 1rem 0;
margin-left: 22rem;
color: #fff;
background-color: #b33937;
font-family: source-han-serif-japanese, serif;
font-weight: 400;
font-style: normal;
font-size: 5rem;
letter-spacing: .13rem;
font-display: swap;
}
.ShiridashiKodawari2 ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 53rem;
}
.ShiridashiKodawari2 ul li {
display: flex;
justify-content: center;
}
.ShiridashiKodawari2 ul li:nth-of-type(1) {
width: 100rem;
margin-top: 4.1rem;
}
.ShiridashiKodawari2 ul li:nth-of-type(n+2) {
width: 50rem;
}
.ShiridashiKodawari2 ul li:nth-of-type(2n) {
margin: 0 1.5rem 0 -1rem;
}
.ShiridashiKodawari2 ul li:nth-of-type(2),
.ShiridashiKodawari2 ul li:nth-of-type(3) {
margin-top: 3.8rem;
}
.ShiridashiKodawari2 ul li:nth-of-type(4),
.ShiridashiKodawari2 ul li:nth-of-type(5) {
margin-top: 2rem;
}
.ShiridashiKodawari2 ul li .sozaiImg {
width: 17rem;
margin-right: 2rem;
}
.ShiridashiKodawari2 ul li .sozaiTxt h4 {
color: #613511;
font-family: source-han-serif-japanese, serif;
font-weight: 400;
font-style: normal;
font-size: 3.6rem;
letter-spacing: .18rem;
font-display: swap;
}
.ShiridashiKodawari2 ul li .sozaiTxt p {
margin-top: 1.4rem;
color: #603d21;
font-size: 1.6rem;
line-height: 1.8;
letter-spacing: .03rem;
}
.ShiridashiKodawari2 ul li:nth-of-type(1) .sozaiTxt {
width: 81rem;
}
.ShiridashiKodawari2 ul li:nth-of-type(n+2) .sozaiTxt {
width: 28.5rem;
}
.Kodawari2PickUpTxt {
position: relative;
color: #603d21;
margin: 2.6rem 0 0 24.2rem;
font-size: 3rem;
letter-spacing: .23rem;
z-index: 999;
}
.Kodawari2PickUpTxt span {
font-size: 4.5rem;
letter-spacing: .8rem;
}
.Kodawari2PickUpTxt::before {
content: '';
display: block;
position: absolute;
top: 4rem;
left: 21.3rem;
width: 10.3rem;
height: 1.2rem;
background-color: #fff44b;
z-index: -1;
}
.Kodawari2PickUpTxt::after {
content: '';
display: block;
position: absolute;
top: 4rem;
left: 58rem;
width: 32rem;
height: 1.2rem;
background-color: #fff44b;
z-index: -1;
}
.ShiridashiKodawari3 {
display: flex;
justify-content: center;
margin-top: 5.3rem;
}
.ShiridashiKodawari3 .Kodawari3_block:nth-of-type(1) {
margin: 0 1.7rem 0 -.8rem;
}
.KodawariImg7 {
width: 49rem;
margin-top: 4.5rem;
}
.Kodawari3_block:nth-of-type(1) p {
margin: 9.5rem 0 0 1rem;
color: #603d21;
font-size: 1.7rem;
line-height: 2.15;
letter-spacing: .18rem;
}
.ShiridashiKodawari3 .Kodawari3_block:nth-of-type(2) {
width: 50rem;
}
.Kodawari3_block h3:nth-of-type(1) {
display: flex;
align-items: center;
justify-content: center;
width: 18rem;
padding: 1rem 0;
color: #fff;
background-color: #613511;
font-family: source-han-serif-japanese, serif;
font-weight: 400;
font-style: normal;
font-size: 2.4rem;
letter-spacing: .53rem;
font-display: swap;
}
.Kodawari3_block h3:nth-of-type(1) span {
display: inline-block;
margin-left: 1.6rem;
font-size: 4rem;
}
.Kodawari3_block h3:nth-of-type(2) {
display: flex;
align-items: center;
justify-content: center;
width: 26.4rem;
padding: 1rem 0;
margin-left: 2rem;
color: #fff;
background-color: #b33937;
font-family: source-han-serif-japanese, serif;
font-weight: 400;
font-style: normal;
font-size: 5rem;
letter-spacing: .13rem;
font-display: swap;
}
.Kodawari3_block h4 {
position: relative;
margin-top: 2rem;
color: #603d21;
font-family: source-han-serif-japanese, serif;
font-weight: 500;
font-style: normal;
font-size: 2.4rem;
line-height: 1.7;
letter-spacing: .12rem;
z-index: 999;
font-display: swap;
}
.Kodawari3_block h4::before {
content: '';
display: block;
position: absolute;
top: 6.5rem;
left: .2rem;
width: 42rem;
height: 1.2rem;
background-color: #fff44b;
z-index: -1;
}
.Kodawari3_block h4::after {
content: '';
display: block;
position: absolute;
top: 2.5rem;
left: 27.7rem;
width: 20.8rem;
height: 1.2rem;
background-color: #fff44b;
z-index: -1;
}
.Kodawari3_block:nth-of-type(2) p {
margin-top: 1rem;
color: #603d21;
font-size: 1.7rem;
line-height: 2.15;
letter-spacing: .18rem;
}
.kodawariTotalTxt {
display: flex;
justify-content: center;
width: 100rem;
margin: 6rem auto 0;
padding: 3rem 0 2.1rem 0;
background-color: #fffdf9;
border-radius: 12px;
}
.KodawariImg8 {
width: 25rem;
margin: 0 3.2rem 0 -.9rem;
}
.kodawariTotalTxt div:nth-of-type(2) {
width: 66.5rem;
}
.kodawariTotalTxt div:nth-of-type(2) h3 {
width: 27.4rem;
padding: .6rem;
color: #fff;
background-color: #603d21;
font-size: 2.2rem;
font-weight: bold;
letter-spacing: .1rem;
text-align: center;
}
.kodawariTotalTxt div:nth-of-type(2) p:nth-of-type(1) {
margin-top: 1.4rem;
color: #603d21;
font-size: 1.8rem;
font-weight: bold;
line-height: 1.7;
letter-spacing: .04rem;
}
.kodawariTotalTxt div:nth-of-type(2) p:nth-of-type(2) {
margin-top: .6rem;
color: #b33937;
font-size: 1.8rem;
font-weight: bold;
line-height: 1.7;
letter-spacing: .06rem;
}
/*==========================
お客様の声
==========================*/
.customerVoiceArea {
padding-bottom: 7.4rem;
background-image: url(../img/c5_bk.jpg);
background-size: 100%;
background-repeat: no-repeat;
}
.customerVoiceArea h3 {
padding-top: 7.7rem;
color: #603d21;
font-size: 6rem;
font-weight: bold;
text-align: center;
}
.customerVoiceArea p {
margin-top: 1.5rem;
color: #603d21;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.6rem;
letter-spacing: .16rem;
text-align: center;
font-display: swap;
}
.customerVoiceArea ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 3rem;
}
.customerVoiceArea ul li {
width: 60rem;
}
/*==========================
愛用店舗
==========================*/
.usedShopArea {
padding-bottom: 7.8rem;
background-image: url(../img/c6_bk.jpg);
background-size: 100%;
background-repeat: no-repeat;
}
.usedShopArea h3 {
color: #b33937;
padding-top: 6.2rem;
font-family: source-han-serif-japanese, serif;
font-weight: 700;
font-style: normal;
font-size: 6rem;
line-height: 1.45;
letter-spacing: .4rem;
text-align: center;
font-display: swap;
}
.usedShopArea h3 span {
color: #b33937;
font-family: source-han-serif-japanese, serif;
font-weight: 700;
font-style: normal;
font-size: 4rem;
letter-spacing: .32rem;
text-align: center;
font-display: swap;
}
.usedShopArea ul {
display: flex;
justify-content: center;
margin-top: 3rem;
}
.usedShopArea ul li {
width: 18rem;
}
.usedShopArea ul li:nth-of-type(2) {
margin: 3.7rem 0 0 2rem;
}
.usedShopArea ul li:nth-of-type(3) {
margin: 0 2rem;
}
.usedShopArea ul li:nth-of-type(4) {
margin-top: 3.7rem;
}
/*==========================
おすすめ料理
==========================*/
.osusumeRyori {
padding-bottom: 7.2rem;
background-image: url(../img/c7_bk.jpg);
background-size: 100%;
background-repeat: no-repeat;
}
.osusumeRyori h3:nth-of-type(1) {
padding-top: 8.5rem;
margin-left: 23.8rem;
color: #603d21;
font-size: 6rem;
letter-spacing: .2rem;
}
.osusumeRyori h3:nth-of-type(2) {
margin-top: 1.3rem;
color: #603d21;
font-size: 4.7rem;
letter-spacing: .2rem;
text-align: center;
}
.osusumeRyori .FriEn {
margin-top: 1.7rem;
color: #603d21;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.6rem;
letter-spacing: .13rem;
text-align: center;
font-display: swap;
}
.osusumeRyori ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 3.7rem;
}
.osusumeRyori ul li {
width: 36rem;
}
.osusumeRyori ul li:nth-of-type(2),
.osusumeRyori ul li:nth-of-type(5) {
margin: 0 6rem;
}
.osusumeRyori ul li:nth-of-type(n+4) {
margin-top: 4rem;
}
.osusumeRyori ul li .CookName {
margin-top: 2.1rem;
color: #603d21;
font-size: 2.4rem;
font-weight: bold;
text-align: center;
}
.osusumeTxt {
position: relative;
}
.osusumeTxt .osusumeImg {
margin-top: .4rem;
}
.osusumeTxt p {
display: flex;
position: absolute;
top: 3.2rem;
left: 7.6rem;
color: #fff;
font-size: 1.8rem;
letter-spacing: .12rem;
}
.OsusumeRyoriPickUpTxt {
position: relative;
}
.whyImg {
position: absolute;
top: -6.3rem;
left: 31rem;
width: 12.8rem;
}
.OsusumeRyoriPickUpTxt h4 {
margin-top: 10.2rem;
color: #603d21;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 3.6rem;
letter-spacing: .34rem;
text-align: center;
font-display: swap;
}
.OsusumeRyoriPickUpTxt p {
margin-top: 2.3rem;
color: #603d21;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 2rem;
line-height: 1.8;
letter-spacing: .28rem;
text-align: center;
font-display: swap;
}
/*==========================
七福の歴史
==========================*/
.ShirodashiHistory {
padding-bottom: 35.8rem;
background-image: url(../img/c8_bk.jpg);
background-size: 100%;
background-repeat: no-repeat;
}
.ShirodashiHistory div:nth-of-type(1) h3 {
padding-top: 7.4rem;
color: #3f3f3f;
font-family: source-han-serif-japanese, serif;
font-weight: 500;
font-style: normal;
font-size: 6rem;
letter-spacing: .45rem;
text-align: center;
font-display: swap;
}
.ShirodashiHistory div:nth-of-type(1) p:nth-of-type(1) {
margin-top: 1.8rem;
color: #3f3f3f;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.6rem;
letter-spacing: .2rem;
text-align: center;
font-display: swap;
}
.ShirodashiHistory div:nth-of-type(1) p:nth-of-type(2) {
margin-top: 2.8rem;
color: #3f3f3f;
font-family: source-han-serif-japanese, serif;
font-weight: 500;
font-style: normal;
font-size: 2.3rem;
letter-spacing: .35rem;
text-align: center;
font-display: swap;
}
.ShirodashiHistory div:nth-of-type(1) p:nth-of-type(2) span {
font-size: 3rem;
}
.ShirodashiHistory div:nth-of-type(2) h4 {
color: #3f3f3f;
font-size: 2.4rem;
font-weight: bold;
letter-spacing: .3rem;
}
.ShirodashiHistory div:nth-of-type(2) h4:nth-of-type(1) {
margin: 17.4rem 0 0 19.7rem;
}
.ShirodashiHistory div:nth-of-type(2) h4:nth-of-type(2) {
margin: 16.6rem 0 0 48.7rem;
}
.ShirodashiHistory div:nth-of-type(2) p {
color: #3f3f3f;
font-size: 1.6rem;
line-height: 2.3;
letter-spacing: .07rem;
}
.ShirodashiHistory div:nth-of-type(2) p:nth-of-type(1) {
margin: 1.6rem 0 0 20.1rem;
}
.ShirodashiHistory div:nth-of-type(2) p:nth-of-type(2) {
margin: 1.7rem 0 0 49.7rem;
}
/*==========================
トライアルセット②
==========================*/
.trialSetInfoArea2 {
padding-bottom: 9rem;
background-image: url(../img/c9_bk.jpg);
background-size: 100%;
}
.trialSetInfoArea2 h4 {
padding-top: 6rem;
font-size: 3.5rem;
letter-spacing: .2rem;
text-align: center;
color: #603d21;
}
.trialSetInfoArea2 h3 {
padding-top: 1rem;
font-size: 6rem;
letter-spacing: .12rem;
text-align: center;
color: #603d21;
}
.trialSetInfoArea2 h3 span {
color: #b33937;
font-size: 7rem;
}
.trialSetInfoArea2 .tokutenTxt_ul {
display: flex;
justify-content: center;
margin-top: 3.6rem;
}
.trialSetInfoArea2 .tokutenTxt_ul li {
position: relative;
}
.trialSetInfoArea2 .tokutenTxt_ul li:nth-of-type(1) {
position: relative;
width: 27rem;
}
.trialSetInfoArea2 .tokutenTxt_ul li:nth-of-type(2) {
width: 26rem;
margin: 0 7rem 0 4rem;
}
.trialSetInfoArea2 .tokutenTxt_ul li:nth-of-type(3) {
margin: 0 2.4rem 0 -2.5rem;
}
.trialSetInfoArea2 .tokutenTxt_ul li:nth-of-type(3),
.trialSetInfoArea2 .tokutenTxt_ul li:nth-of-type(4) {
width: 28rem;
}
.trialSetInfoArea2 .tokutenTxt_ul li p {
position: absolute;
color: #fff;
text-align: center;
line-height: 1.3;
}
.trialSetInfoArea2 .tokutenTxt_ul li:nth-of-type(1) p:nth-of-type(1){
top: 9rem;
left: 4.2rem;
font-size: 3.4rem;
line-height: 1.2;
}
.trialSetInfoArea2 .tokutenTxt_ul li:nth-of-type(1) p:nth-of-type(1) span:nth-of-type(1) {
margin-left: .2rem;
}
.trialSetInfoArea2 .tokutenTxt_ul li:nth-of-type(1) p:nth-of-type(2) {
top: 12.5rem;
left: 18rem;
font-size: 1.8rem;
}
.trialSetInfoArea2 .tokutenTxt_ul li:nth-of-type(2) p {
top: 8.5rem;
left: 3.0rem;
font-size: 2.4rem;
}
.trialSetInfoArea2 .tokutenTxt_ul li:nth-of-type(2) p span {
font-size: 2.6rem;
}
.trialSetInfoArea2 .tokutenTxt_ul li:nth-of-type(3) p {
top: 8.4rem;
left: 2.7rem;
font-size: 1.8rem;
}
.trialSetInfoArea2 .tokutenTxt_ul li:nth-of-type(3) p span:nth-of-type(2) {
font-size: 3.3rem;
}
.trialSetInfoArea2 .tokutenTxt_ul li:nth-of-type(3) p span:nth-of-type(3) {
font-size: 2.6rem;
}
.trialSetInfoArea2 .tokutenTxt_ul li:nth-of-type(4) p {
top: 9.4rem;
left: 6.5rem;
font-size: 3rem;
line-height: 1.2;
}
.trialSetInfoArea2 .trialProduct li:nth-of-type(3) {
margin: 1.9rem 4.4rem 0 -3.7rem;
}
.trialSetInfoArea2 .trialProduct li:nth-of-type(3) .trialProductImg {
width: 14rem;
margin: .7rem 5.5rem 0 5rem;
}
.trialSetInfoArea2 .trialProduct li:nth-of-type(3) .productName span:nth-of-type(1) {
font-size: 2.6rem;
}
.trialSetInfoArea2 .trialProduct li:nth-of-type(3) .productName span:nth-of-type(3) {
font-size: 2rem;
}
.trialSetInfoArea2 .trialProduct li:nth-of-type(4) .trialProductImg {
width: 19rem;
margin: 1.5rem 2.9rem 0 1.6rem;
}
.trialSetInfoArea2 .trialProduct li:nth-of-type(5) {
margin: 1.9rem 9.4rem 0 0.3rem;
}
.trialSetInfoArea2 .trialProduct li:nth-of-type(5) .trialProductImg {
width: 19rem;
margin: .7rem 1.5rem 0 5rem;
}
.trialSetInfoArea2 .trialProduct li:nth-of-type(5) .productName span:nth-of-type(1) {
font-size: 4rem;
}
.trialSetInfoArea2 .trialProduct li:nth-of-type(5) .productName span:nth-of-type(2) {
font-size: 2.6rem;
}
.trialSetInfoArea2 .trialProduct li:nth-of-type(6) {
margin: 1.9rem 4.4rem 0 -3.7rem;
}
.trialSetInfoArea2 .trialProduct li:nth-of-type(6) .trialProductImg {
width: 21rem;
margin: 0 2rem 0 0;
}
.trialSetInfoArea2 .trialProduct li:nth-of-type(6) .productName span:nth-of-type(1),
.trialSetInfoArea2 .trialProduct li:nth-of-type(6) .productName span:nth-of-type(3),
.trialSetInfoArea2 .trialProduct li:nth-of-type(6) .productName span:nth-of-type(5) {
font-size: 2.6rem;
}
.trialSetInfoArea2 .trialProduct li:nth-of-type(6) .productName span:nth-of-type(2),
.trialSetInfoArea2 .trialProduct li:nth-of-type(6) .productName span:nth-of-type(4) {
font-size: 4rem;
}
.trialSetInfoArea2 .trialSetInfoAreaWarnTxt {
margin: 3.4rem 0 0 10rem;
color: #603d21;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.4rem;
line-height: 1.3;
letter-spacing: .02rem;
font-display: swap;
}
#main-drop {
width: 100rem;
margin: 0 auto;
cursor: pointer;
background-color: #fffdf9;
border-radius: 7px;
}
.accordion_icon,
.accordion_icon span{
display: inline-block;
transition: all .2s;
box-sizing: border-box;
}
.accordion_icon {
position: relative;
width: 4rem;
height: 4rem;
margin: -3.8rem 1.4rem 0 0;
float: right;
}
.drop-title {
height: 1.5rem;
margin-top: 2.5rem;
padding: 2.3rem 2.9rem;
color: #603d21;
font-size: 1.8rem;
font-weight: bold;
letter-spacing: .08rem;
}
.accordion_icon span {
position: absolute;
top: .5rem;
left: .6rem;
width: 70%;
height: .4rem;
background-color: #603d21;
}
.accordion_icon span:nth-of-type(1) {
top: .5rem;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
}
.accordion_icon.active span:nth-of-type(1) {
top: .5rem;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
.accordion_icon span:nth-of-type(2) {
top: .5rem;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
.sub-drop {
width: 95rem;
margin: 0 auto;
padding-bottom: 3rem;
}
.sub-drop h6 {
margin: 0 0 2rem !important;
padding: 1rem 0 1rem 0;
color: #603d21;
font-size: 1.5rem;
font-weight: bold;
background-color: #ff9;
}
.sub-drop h6:nth-of-type(n+2) {
margin-top: 5rem !important;
}
.T_syousai tbody tr {
height: 4rem;
}
.T_syousai tbody tr th {
width: 14rem;
color: #603d21;
font-size: 1.4rem;
}
.T_syousai tbody tr td {
color: #603d21;
font-size: 1.4rem;
line-height: 1.5;
}
.T_syousai2 {
width: 49.4rem;
margin-top: 1rem;
padding: 1.8rem 1.2rem;
color: #603d21;
background-color: #fff;
border: 1px solid #333;
}
.T_syousai2 p {
font-size: 1.4rem;
font-weight: bold;
}
.T_syousai2 table {
margin-top: 1.4rem;
}
.T_syousai2 table tbody tr th,
.T_syousai2 table tbody tr td {
width: 20rem;
height: 2rem;
}
.T_syousai_add {
margin: .9rem 0 2rem;
color: #603d21;
}
.T_syousai_add div {
line-height: 2;
}
.contactArea {
width: 100rem;
margin: 4.5rem auto 0;
padding-bottom: 3.8rem;
background-color: #fffdf9;
border-radius: 10px;
}
.contactArea h3 {
padding-top: 2.8rem;
color: #603d21;
font-size: 3.9rem;
font-weight: bold;
letter-spacing: 0;
}
.contactArea h3 span:nth-of-type(1) {
margin: 0 2.5rem;
color: #b33937;
font-size: 7rem;
}
.contactArea h3 span:nth-of-type(2) {
display: block;
margin: 2.6rem 32rem 0 0;
color: #603d21;
font-size: 2.4rem;
letter-spacing: .07rem;
}
.contactArea ul {
display: flex;
justify-content: center;
margin-top: 1.9rem;
}
.contactArea ul li:nth-of-type(1),
.contactArea ul li:nth-of-type(3) {
width: 20rem;
}
.contactArea ul li:nth-of-type(2) {
width: 20rem;
margin: 0 2rem;
}
.contactArea ul li:nth-of-type(4) {
width: 26rem;
margin: -4rem 0 0 2rem;
}
.contactArea p:nth-of-type(1) {
width: 92rem;
margin: 1.7rem auto 0;
color: #603d21;
font-size: 1.6rem;
line-height: 1.7;
letter-spacing: .03rem;
}
.contactArea p:nth-of-type(1) span {
color: #b33937;
font-size: 1.7rem;
}
.contactArea p:nth-of-type(2) {
margin: .8rem 0 0 4rem;
color: #603d21;
font-size: 1.4rem;
letter-spacing: .08rem;
}
.movie-wrap {
position: relative;
padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
height: 0;
overflow: hidden;
}
.movie-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#dvUserBox {
margin-top: 15px !important;
}
}