@charset "utf-8";
/*

快朝でるダスティー - 商品ページ

*/

/* -------- メインビジュアル -------- */
.mainTitleWrap {
position: relative;
height: 708px;
padding: 28px 0;
text-align: center;
background-image: url("../../../img/item/derudasutea/main_bg2.jpg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.mainTitle {
margin-bottom: .6em;
font-size: 62px;
line-height: 1.2;
padding-bottom: .4em;
text-align: center;
color: #333333;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 900;
display: inline-block;
border-bottom: solid 8px #e63b10;
}
span.orange {
color: #e63b10;
}
.mainTitleWrap .mainImg {
position: absolute;
right: 90px;
width: 352px;
margin-bottom: 34px;
}
.mainTitleWrap .copy {
position: absolute;
right: 54px;
top: 270px;
text-align: left;
color: #54423e;
line-height: 1.4;
font-size: 26px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 900;
}
.leadTxt {
padding: .6em 0;
color: #ffffff;
font-size: 38px;
text-align: center;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 900;
background-color: #FFA608;
}
.lead .imgBox img {
width: 100%;
height: auto;
}

/* -------- 01 -------- */
.contents_01 .contTitle {
margin-bottom: 20px;
padding-top: 34px;
color: #e63b10;
}
.contents_01 .contTitle_sub_wrap {
margin-bottom: 5.6%;
padding: 74px 80px;
text-align: right;
border-top: solid 12px #e63b10;
border-bottom: solid 12px #e63b10;
background-image: url("../../../img/item/derudasutea/interview_01.jpg");
background-size: cover;
background-repeat: no-repeat;
}
.contents_01 .contTitle_sub {
font-size: 56px;
line-height: 1.2;
letter-spacing: -0.04em;
padding-bottom: .4em;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 900;
}
.contents_01 .contTitle_sub .small {
font-size: 38px;
}
.profile {
line-height: 1.4;
font-size: 24px;
color: #e63b10;
font-weight: bold;
}
.contents_01_inner {
width: 1000px;
margin: 0 auto;
}
.contents_01 .imgBox {
flex: 2;
margin-right: 40px;
}
.contents_01 .imgBox img {
max-width: initial;
}

.contents_01_inner_txtBox {
flex: 8;
}
.contTitle_sub_2 {
margin-bottom: .4em;
padding-left: .4em;
color: #e63b10;
font-size: 28px;
line-height: 1.2;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 700;
border-left: solid 8px #e63b10;
}
.note {
text-align: right;
font-size: 14px;
color: #606060;
}

/* -------- 02 -------- */
.contents_02 {
padding-bottom: 6%;
text-align: center;
color: #ffffff;
background-color: #4C4644;
}
.contents_02 .contTitle {
display: inline-block;
border-bottom: solid 5px;
}
.contents_02_inner {
margin: 0 auto;
}
.contents_02_list {
width: 350px;
margin: 0 auto;
}
.contents_02_list li {
position: relative;
margin-bottom: 34px;
padding-left: 46px;
text-align: left;
font-size: 28px;
font-weight: bold;
}
.contents_02_list li::before {
content: "";
display: inline-block;
position: absolute;
left: 0;
width: 34px;
height: 26px;
background-image: url("../../../img/item/derudasutea/icon_01.png");
background-size: contain;
background-repeat: no-repeat;
}

/* -------- 03 -------- */
.contents_03 {
margin-bottom: 30px;
text-align: center;
}
.contents_03 .contTitle {
color: #e63b10;
display: inline-block;
border-bottom: solid 8px;
}
.contents_03 .contTitle .small {
font-size: 40px;
}
.contents_03 .contents_03_inner {
position: relative;
margin-bottom: 5px;
padding-bottom: 6%;
background-size: cover;
background-repeat: no-repeat;
}
.contents_03 .contents_03_inner:nth-of-type(1) {
background-image: url("../../../img/item/derudasutea/bg_01.jpg");
}
.contents_03 .contents_03_inner:nth-of-type(2) {
background-image: url("../../../img/item/derudasutea/bg_02.jpg");
}
.contents_03_inner .contTitle_sub {
margin-bottom: 0;
padding: 68px 0 .4em 0;
text-align: center;
color: #ffffff;
line-height: 1.2;
font-size: 68px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 900;
text-shadow: 0 0 5px rgba(48,38,40,1);
}
.contents_03_inner .contTitle_sub .num {
display: inline-block;
margin-bottom: .4em;
padding: .3em 1em;
color: #382d2a;
font-size: 40px;
font-weight: 700;
background-color: #ffffff;
border-left: solid 10px #ffbe08;
border-right: solid 10px #ffbe08;
text-shadow: none;
}
.contents_03 .contents_03_inner:nth-of-type(2) .contTitle_sub .num {
border-left: solid 10px #4ddd1d;
border-right: solid 10px #4ddd1d;
}
.contents_03 .txt {
width: 700px;
margin: 0 auto;
margin-bottom: 42px;
color: #ffffff;
text-shadow: 0 0 3px rgba(48,38,40,1);
}
.contents_03 .imgBox {
width: 700px;
margin: 0 auto;
}
.contents_03 .imgBox img {
width: 100%;
height: auto;
}

/* -------- 04 -------- */
.contents_04 .contTitle {
padding: 0;
color: #e63b10;
line-height: .8;
letter-spacing: .04em;
font-size: 48px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 900;
}
.contents_04 .contTitle span {
font-family: 'Noto Sans JP', sans-serif;
font-weight: 900;
}
.contents_04 .contTitle span.big_01 {
color: #382d2a;
font-size: 80px;
line-height: 2;
letter-spacing: -.04em;
}
.contents_04 .contTitle span.big_02 {
font-size: 88px;
}
.contents_04_list {
width: 870px;
margin: 0 auto;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.contents_04_list li {
width: 28.9655%;
margin-bottom: .5em;
text-align: center;
position: relative;
}
.contents_04_list li > img {
width: 100%;
height: auto;
vertical-align: bottom;
}
.contents_04_list li > p {
margin-bottom: .5em;
color: #332e2c;
line-height: 1.4;
font-size: 26px;
font-family: 'Noto Serif JP', serif;
font-weight: 900;
margin-top: .1em;
}

.contents_04_list li > span {
display: block;
position: absolute;
top: 10%;
right: 5%;
font-size: 66px;
color: #ffffff;
text-shadow: 0 0 12px #333333;
}

/* -------- 05 -------- */
.contents_05 {
text-align: center;
background: linear-gradient(#ffdeba, #ffffff);
}
.contents_05 .contTitle {
font-size: 50px;
letter-spacing: -.04em;
color: #e63b10;
display: inline-block;
border-bottom: solid 8px #e63b10;
}
.contents_05_inner {
width: 920px;
margin: 0 auto;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
}
.contents_05_inner .txtBox {
flex: 5;
margin-right: 20px;
}
.contents_05 .contTitle_sub {
margin-bottom: .7em;
padding-left: .4em;
text-align: left;
color: #e63b10;
font-size: 26px;
line-height: 1.2;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 700;
border-left: solid 7px #e63b10;
}
.contents_05 .imgBox {
width: 450px;
}
.contents_05 .imgBox img {
width: 100%;
height: auto;
}

/* -------- 06 -------- */
.contents_06 {
padding-bottom: 8.8%;
text-align: center;
background-color: #e5ccc3;
}
.contents_06 .contTitle {
margin-bottom: 76px;
letter-spacing: -.04em;
color: #5e372d;
display: inline-block;
border-bottom: solid 8px;
}
.contents_06_list {
width: 1000px;
margin: 0 auto;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
}
.contents_06_list_inner {
width: 490px;
height: 100%;
padding: 0 4% 4.8% 4%;
border-radius: 20px;
background-color: #ffffff;
box-sizing: border-box;
}
.contents_06 .contents_06_list_inner:first-of-type .imgBox {
padding-top: 54px;
}
.contents_06_list_inner dt {
margin-top: -32px;
margin-bottom: .6em;
padding: .6em .8em;
display: inline-block;
color: #ffffff;
font-size: 34px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 700;
background-color: #6b4232;
}
.contents_06_list_inner dd > p {
margin-bottom: .4em;
color: #6b4232;
line-height: 1.2;
font-size: 32px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 700;
}
.contents_06_list_sub li {
padding: 2.4% 0;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.contents_06_list_sub li:first-of-type {
border-bottom: dotted 3px #e5ccc3;
}
.contents_06_list_sub li > div {
width: 26%;
margin-right: 4%;
}
.contents_06_list_sub li > p{
width: 84%;
line-height: 1.2;
text-align: left;
font-size: 16px;
}
.contents_06 .imgBox img {
width: 100%;
height: auto;
}

/* -------- 07 -------- */
.contents_07 {
text-align: center;
}
.contents_07 .contTitle {
margin-bottom: 36px;
color: #5e372d;
display: inline-block;
border-bottom: solid 8px;
}
.contents_07 .contTitle_sub {
margin-bottom: 1.2em;
text-align: center;
color: #6b4232;
line-height: 1.2;
font-size: 32px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 700;
}
.contents_07 .txt {
margin-bottom: 2.6em;
text-align: center;
}
.contents_07_flow {
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.contents_07_flow .result {
padding: 0 1em;
writing-mode: vertical-rl;
text-orientation: upright;
color: #ffffff;
font-size: 28px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 700;
background-color: #c69c6d;
}
.contents_07_flow .result:last-of-type {
background-color: #8d4832;
}
.contents_07_flow_list {
padding: 20px 0;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
text-align: left;
background-image: url("../../../img/item/derudasutea/bg_arrow.png");
background-size: contain;
background-position: center top;
background-repeat: no-repeat;
}
.contents_07_flow_list > li {
flex: 1;
height: 100%;
margin: 0 12px;
border-bottom: solid 3px #d1c9c1;
}
.contents_07_flow_list > li:first-of-type {
margin-left: 24px;
}
.contents_07_flow_list > li:last-of-type {
margin-right: 24px;
}
.contents_07_flow_list > li .imgBox {
width: 100%;
}
.contents_07_flow_list > li .txtBox p {
margin-bottom: 1em;
line-height: 1.2;
font-size: 14px;
}
.contents_07_flow_list > li h5 {
text-align: center;
margin-bottom: .5em;
color: #cdba81;
font-size: 28px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 700;
}
.contents_07_flow_list > li:nth-of-type(2) h5 {
color: #c29111;
}
.contents_07_flow_list > li:nth-of-type(3) h5 {
color: #983223;
}
.contents_07_flow_list > li:nth-of-type(4) h5 {
color: #6b1317;
}


.contents_07 .imgBox img {
width: 100%;
height: auto;
}

/* --------voice -------- */
.voice .contTitle_wrap {
background-image: url("../../../img/item/derudasutea/voice_01.jpg");
background-repeat: no-repeat;
}
.voice .contTitle_en {
background-color: #e63b10;
}