@charset "utf-8";
/*

レモンの青汁（30袋） - 商品ページ

*/

.note {
text-align: right;
font-size: 14px;
color: #606060;
}
span.cl01 {
color: #3f8c3e;
}
span.cl02 {
color: #c2272d;
}
span.cl03 {
color: #F05A24;
}

/* -------- メインビジュアル -------- */
.mainTitleWrap {
padding-top: 76px;
padding-bottom: 0;
text-align: left;
background-image: url("../../../img/item/lemon_half/main_bg.jpg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.mainTitle {
display: inline-block;
margin-bottom: 42px;
padding-bottom: .2em;
font-size: 78px;
line-height: 1.2;
color: #643c32;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 900;
border-bottom: solid 8px #FBED21;
}
.mainTitle .small {
font-size: 42px;
}
.mainTitleInner {
width: 920px;
margin: 0 auto;
}
.mainTitleInner .imgBoxWrap {
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
}
.mainTitleInner .imgBox:first-of-type {
width: 360px;
height: auto;
}
.leadTxt {
padding: .6em 0;
color: #ffffff;
font-size: 38px;
text-align: center;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 900;
background-color: #3f8c3e;
}

/* -------- 01 -------- */
.contents_01 {
padding-top: 60px;
text-align: center;
}
.contents_01 .contTitle .lead {
display: inline-block;
margin-bottom: 12px;
padding: .2em 1.6em;
border-radius: 30px;
font-size: 30px;
color: #ffffff;
background-color: #c59b6d;
}
.contents_01 .contTitle {
position: relative;
display: inline-block;
margin-bottom: 78px;
padding-top: 0;
text-align: center;
color: #643c32;
border-bottom: solid 8px #c59b6d;
}
.contents_01 .contTitle .small {
font-size: 40px;
}
.contents_01 .contTitle::before {
content: "";
display: inline-block;
width: 240px;
height: 104px;
position: absolute;
right: 0;
bottom: -145px;
-webkit-transform: translateY(0) translateX(-50%);
transform: translateY(0) translateX(-50%);
background-image: url(../../../img/item/lemon_half/sorega.png);
background-size: contain;
background-repeat: no-repeat;
}
.contents_01 .contTitle_02 {
margin-bottom: 50px;
padding: 54px 0 38px 0;
line-height: 1.4;
font-size: 54px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 900;
color: #643c32;
border-bottom: solid 8px #643c32;
background-color: #F3EAE1;
}
.contents_01 .contTitle_02 .small {
font-size: 38px;
}
.contents_01_inner {
width: 920px;
margin: 0 auto;
margin-bottom: 46px;
}
.contents_01_inner .box {
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
text-align: left;
}
.contents_01 .txtBox {
margin-right: 20px;
flex: 4.8;
}
.contents_01 .contTitle_sub {
position: relative;
color: #643C32;
margin-bottom: 34px;
padding-left: 118px;
text-align: left;
line-height: 1.2;
font-size: 52px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 900;
}
.contents_01 .contTitle_sub .small {
font-size: 34px;
}
.contents_01 .contTitle_sub::before {
content: "大人気";
display: inline-block;
position: absolute;
top: 14px;
left: 0;
color: #ffffff;
font-size: 24px;
text-align: center;
width: 110px;
height: 110px;
border-radius: 55px;
background-color: #F05A24;
padding: 42px 0;
box-sizing: border-box;
}
.contents_01 .title {
margin-bottom: .8em;
font-size: 26px;
color: #643C32;
border-bottom: dotted 2px #643C32;
}
.contents_01 .imgBox {
flex: 4.5;
position: relative;
bottom: 0
}
.contents_01 .imgBox img {
width: 100%;
height: auto;
}
.contents_01_inner_02 {
width: 920px;
margin: 0 auto;
border: solid 2px #643c32;
border-radius: 22px;
}

/* -------- 02 -------- */
.contents_02 {
position: relative;
padding: 60px 0;
text-align: center;
}
.contents_02 .contTitle {
display: inline-block;
padding-top: 0;
padding-left: 100px;
font-size: 42px;
text-align: left;
color: #643c32;
}
.contents_02 .contTitle::before {
content: "もちろん";
display: inline-block;
position: absolute;
top: 60px;
left: 10px;
color: #ffffff;
font-size: 24px;
text-align: center;
width: 110px;
height: 110px;
border-radius: 55px;
background-color: #3F8B3E;
padding: 42px 0;
box-sizing: border-box;
}
.contents_02 .contTitle .small {
color: #333333;
font-size: 40px;
}
.contents_02_inner {
width: 920px;
margin: 0 auto;
margin-bottom: 46px;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
text-align: left;
}
.contents_02 .contTitle_sub {
margin-bottom: .8em;
font-size: 26px;
font-weight: bold;
color: #3f8c3e;
}
.contents_02 .txt {
margin-bottom: 3.8em;
}
.contents_02 .fin {
font-size: 26px;
font-weight: bold;
color: #f05a24;
}
.contents_02 .txtBox {
flex: 5;
}
.contents_02 .imgBox {
flex: 4.2;
margin-left: 26px;
}
.contents_02 .imgBox.ctrl {
padding: 0 28px 28px 28px;
margin-left: 0;
}
.contents_02 .imgBox img {
width: 100%;
height: auto;
}
.yellow_box {
position: absolute;
top: 480px;
right: 58px;
width: 250px;
padding: 16px;
border-radius: 10px;
line-height: 1.2;
text-align: left;
font-size: 14px;
color: #643c32;
background-color: #fdf69e;
box-sizing: border-box;
}
.contents_02 .contents_02_inner_02 {
width: 920px;
margin: 0 auto;
border: solid 2px #643c32;
border-radius: 22px;
}
.contents_02 .contents_02_inner_02 .contTitle_sub {
margin: 0;
padding: .2em 0;
color: #ffffff;
background-color: #643c32;
border-radius: 22px 22px 0 0;
}
.contents_02 .contents_02_inner_02 .box {
padding: 40px 50px;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
text-align: left;
}
.contents_02 .contents_02_inner_02 .box .txt {
flex: 4.2;
margin-bottom: 10px;
}

/* -------- 03 -------- */
.contents_03 {
text-align: center;
padding: 60px 0;
background-image: url("../../../img/item/lemon_half/bg_01.jpg");
background-size: contain;
}
.contents_03 .contTitle {
display: inline-block;
padding-top: 0;
text-align: center;
color: #643c32;
border-bottom: solid 8px #c59b6d;
}
.contents_03_inner {
width: 920px;
margin: 0 auto;
padding: 50px;
background-color: #ffffff;
box-shadow: 0 0 5px rgba(76,56,52,.7);
box-sizing: border-box;
}
.contents_03 .contTitle_sub {
margin-bottom: 40px;
color: #c0272d;
font-size: 36px;
font-weight: bold;
background-color: #ece3e1;
}
.contents_03_list {
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
justify-content: center;
flex-wrap: wrap;
}
.contents_03_list > div {
width: 49%;
margin-bottom: 46px;
counter-increment: section;
text-align: left;
}
.contents_03_list > div:nth-of-type(1),
.contents_03_list > div:nth-of-type(3) {
margin-right: 2%;
}
.contents_03_list dt {
margin-bottom: 14px;
font-size: 28px;
font-weight: bold;
color: #643c32;
}
.contents_03_list img {
margin-top: 14px;
}
.contents_03_list dt::before {
content: "check" counter(section);
display: inline-block;
margin-right: 12px;
padding: .4em .5em .2em .5em;
font-size: 20px;
color: #ffffff;
background-color: #643c32;
}

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

/* -------- faq よくある質問 -------- */
/* item_common 上書き */
.faqList > div.cl {
width: 100%;
}