@charset "UTF-8";
/*固定style*/
.rich_otameshi_deadline_date {
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
    font-feature-settings: palt;
    font-weight: 700;
    font-size: clamp(1.125rem, -0.25rem + 6.88vw, 2.5rem);
    background-image: url("/external/event/pr/otameshi/image/831day2025/deadline_bg_b.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: bottom center;	
	padding:8px 0 10px;
	margin-top:-2px;
}
.fv_deadline {
	font-weight: 700;
    font-size: clamp(1.125rem, -0.25rem + 6.88vw, 2.5rem);
	padding: 1%;
    margin: 2% 5% 0 5%;
    background-color: #f0e64c;
    border-radius: 15px;
}

.rich--container {
    background-color: #392626;
}
.rich--main {
    background-color: #392626;
    width: 100%;
    max-width: 640px;
    margin: 0 auto -20px;
    /*box-shadow: 0px 0px 10px 5px rgba(217, 215, 212, 0.2);*/
}
.rich--set {
    margin: 30px 0 50px;
}
.rich--set .otameshi--hov {
    margin: 30px 0 0;
}
.rich--set p {
    font-size: clamp(0.875rem, 0.625rem + 1.25vw, 1.125rem);
    line-height: 1.5;
	color:#fff;
}
@media screen and (max-width:640px) {
    .rich--set {
        margin: 20px 0;
    }
    .rich--set .otameshi--hov {
        margin: 0;
    }
}
.limitedpeople {
    font-size: clamp(1.563rem, 1.54rem + 0.11vw, 1.625rem);
	color:#fff;
}

/*固定styleここまで*/

.heroimg {
    position: relative;
}
/*btn bgcolor*/
.otameshi-present-orderbtn-wrapper{background-color:#362626; }

/*not teiki*/
.not_teiki{background-color: #8e925e;
}

/*item info*/
.otms_item_cotents{
	background-color:#392626; 
	color:#000;
    font-family: 'Shippori Mincho B1', serif;
    line-height: 1.3;
    letter-spacing: -0.02em;}

h2.subttl{    
    padding-bottom: 0.8em;
	padding: 10% 0;
}
.item_text{padding:3%;}
.item_text h4{
    margin: 0 auto 3%;
    font-size: 2em;
    width: 75%;
    padding: 3%;	
	opacity: 0.9;
}
@media screen and (max-width:480px) {
    .item_text h4 {
   		font-size: 1.4em;
    }
}

.item_text p{
	width: 90%;
    margin: 4% auto;
    text-align: left;
    line-height: 1.5em;
    font-size: clamp(1.25rem, 1.068rem + 0.91vw, 1.75rem);
}
.item_text p span{font-size:0.8em;}
.item_text p span a{color:#000;}

.item_text .flex {
  display: flex; /*横並び*/
	margin: 0;	
}
.item_text .flex img {
    width: 33%;
    height: fit-content;
    margin: 0 20px;
    padding: 0;
    overflow: hidden;
    position: relative;
}
.item_text .flex p {
  margin: 0 0 0 5%;
    padding: 0;
}
/*パイナップルアコーディオン*/
.toggle_contents_pine {
    margin: 3%;
    background-color: #e2dcca;
	border-radius: 10px;
}
.toggle_title_pine {
    position: relative;
    padding: 0px 56px 0px 0px;
    cursor: pointer;
    font-weight: 700;
    font-size: clamp(1rem, 0.875rem + 0.63vw, 1.125rem);
    text-align: left;
    line-height: 1.4;
}
.toggle_text_pine {
    padding-bottom: 10px;
    text-align: left;
}
.toggle_btn_pine {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    background: #c99c1b;
    display: block;
    width: 34px;
    height: 34px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 50%;
}
.toggle_btn_pine:before, .toggle_btn_pine:after {
    display: block;
    content: '';
    background-color: #392626;
    position: absolute;
    width: 15px;
    height: 2px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.toggle_btn_pine:before {
    width: 2px;
    height: 15px;
}
.toggle_title_pine.selected .toggle_btn_pine:before {
    content: normal;
}
.toggle_contents_pine dd {
    display: none;
}


/*安心保証*/
.otamaeshi--anshin_thedaichi{
	background-color:#9b190c;
}
.otamaeshi--anshin_thedaichi p.text1{    text-align: center;padding:20px 0 0;	color:#000;	
}
.otamaeshi--anshin_thedaichi p.text2{
	font-family: 'Shippori Mincho B1', serif;
    font-weight: 600;
    font-size: clamp(2rem, 1.438rem + 2.81vw, 3.125rem);
    line-height: 1.3;
    letter-spacing: -0.02em;
    background-color: #c79a22;
    color: #000;
    padding: 20px;
    margin: 10px auto;
    width: 70%;	
    text-align: center;		
}
.otamaeshi--anshin_thedaichi p.text3{
	width: 80%;
    margin: 0 auto;
    text-align: left;		
	color:#000;
}

.item-ttl,.item-txt,.item-note {
    color: #fff;
}

/* attention部分 */
.otameshi--attention {
	color:#fff;
	margin: 4%;
}
.otameshi--attention-note {
    border: solid 1px #c79a22;
}
.otameshi--attention-note span:first-child {
    color: #c79a22;
}

/*Letro部分背景色指定*/
.letroTabDisplay{background-color: #392626;}
.Letro_review{background-color: #392626;}

/*THE大地進化版202404*/
.about_daichi{
	color:#fff;
	width: 80%;
    margin: 0 auto;;text-align:left;	
	font-family: 'Shippori Mincho B1', serif;
	font-size: 1.2em;
}
.about_daichi p{margin-bottom:5%;}

/*返金保証*/
.henkin{
	color: #000;
    background-color: #dddddd;
    margin-bottom: 5%;
    padding: 4%;
}

/*アコーディオン*/
.toggle_contents {
    background-color: #392626;
    margin-bottom: 1px;
	color:#000;
}
.toggle_title {
    position: relative;
    padding: 16px 56px 16px 16px;
    cursor: pointer;
    font-weight: 700;
    font-size: clamp(1rem, 0.875rem + 0.63vw, 1.125rem);
    text-align: left;
    line-height: 1.4;
    background-color: #f2f2f2;
}
.toggle_text {
    padding: 16px;
    background-color: #fff;
    text-align: left;
}
.toggle_btn {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    background: #333;
    display: block;
    width: 24px;
    height: 24px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 50%;
}
.toggle_btn:before, .toggle_btn:after {
    display: block;
    content: '';
    background-color: #cdac6b;
    position: absolute;
    width: 10px;
    height: 2px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.toggle_btn:before {
    width: 2px;
    height: 10px;
}
.toggle_title.selected .toggle_btn:before {
    content: normal;
}
.toggle_contents dd {
    display: none;
}

/*サポート*/
.otameshi--anshin-support {
    text-align: center;
}
.support-tel span:first-child {
    color: #004d2b;
}

/* フッター部分 */
    .footer--copyright {
        padding: 10px 0 150px 0;
    }

/*全商品紹介*/
.fiftieth_anniv_allset {
    max-width: 640px;
    margin: 0 auto;
	color: #fff;
}
@media screen and (max-width:640px) {
    .fiftieth_anniv_allset {
        width: 92%;
		color: #000;	
    }
}
.fiftieth_anniv_allset h2{	
	font-family: 'Shippori Mincho B1', serif;
	margin: 0 0 10% 0;
}

.fiftieth_anniv_allset .notes{    text-align: left;margin: 0 0 6% 0;}

.fiftieth_anniv_allset .marker{background-image: linear-gradient(#a53429, #a53429);}

.item_thumbnail .col-4 {
    box-sizing: border-box;
	
}
/*flex*/
.flex-row {
    display: flex;
    margin: 2% auto;
    justify-content: space-between;
    text-align: left;	
}
.col-2 {
    width: 50%;
    margin-right: 24px;
}
.col-2:last-child {
    margin-right: 0;
}
.col-3 {
    width: 30%;
}
.col-3_main {
    width: 70%;
    margin-right: 24px;
}
.col-4 {
    width: 25%;
    margin-right: 24px;
}
.col-4:last-child {
    margin-right: 0;
}
@media screen and (max-width:480px) {
    .col-2 {
        margin-right: 16px;
    }
    .col-3 {
        width: 35%;
    }
    .col-3_main {
        width: 65%;
        margin-right: 16px;
    }
    .col-4 {
        width: 25%;
        margin-right: 6px;
    }
}
.section_margin {
    margin: 5%;
}

@media screen and (max-width:480px) {
    .section_margin {
        margin-top: 14%;
        margin-bottom: 10%;
    }
}

/*大地を守る会がある暮らし*/
.lifestyle-container {
	background-color: #fff;
	padding-bottom: 5%;
}

.lifestyle-container h3{
	width:85%;
    margin: 0 auto;
}

.lifestyle-container .face{
	width: 85%;
    margin: 0 auto;
	background-color: #d5dbc8;
	border-top: dotted 2px #5b7e33;
}

.lifestyle-container p{
	padding: 2% 8%;
	line-height: 1.7;
	text-align: left;
}
.lifestyle-container img.photo{
	width:100%;
}

/*teiki_info*/
.tokuten .chuki {
    text-align: justify;
}
.tokuten {
    background-color: #c0a94e;
}
.tokuten h2 img {
    display: block;
    width: 90%;
    margin: 0 auto;
}
.tokuten--img {
    display: block;
    width: 80%;
    max-width: 540px;
    margin: 0 auto;
}
.tokuten--list {
    width: 95%;
    margin: 20px auto;
	font-size: 0.7em;
}
.tokuten--list li {
    margin-top: 10px;
}
.tokuten--list li p {
    margin: 5px;
}
.tokuten .limit {
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: #373737;
}
.tokuten .limit span {
    color: #fff;
}
@media screen and (max-width: 480px) {
    .tokuten .limit {
        font-size: 18px;
    }
}
/*特典1のアコーディオン*/
.tokuten-wrapper {
    background-color: #7d2319;
    width: 95%;
    margin: 5% auto;
    padding: 0 10px 2%;
    border-radius: 10px;
}
.tokuten-wrapper .tokuten--list {
    margin-top: 2%;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.tokuten-title {
    position: relative;
    width: 100%;
}
.tokuten-title::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 3%;
    transform: translateY(-50%);
    max-width: 46px;
    min-width: 20px;
    width: 8%;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("/external/event/pr/teiki/image/entry_b_2402/tokuten_arrow_p.png");
}
.tokuten-title.active::before {
    background-image: url("/external/event/pr/teiki/image/entry_b_2402/tokuten_arrow_m.png");
}
.tokuten-body {
    display: flex;
    flex-direction: column;
    align-items: end;
}
.tokuten-body img {
    width: 96.6%;
}
/*アコーディオンここまで*/
/* スペース */
.mt0 { margin-top:0; }
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mt50 { margin-top:50px; }
.mt60 { margin-top:60px; }
.mt70 { margin-top:70px; }
.mt80 { margin-top:80px; }
.mt90 { margin-top:90px; }
.mt100 { margin-top:100px; }
.mt110 { margin-top:110px; }
.mt120 { margin-top:120px; }

.mb0 { margin-bottom:0; }
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }
.mb60 { margin-bottom:60px; }
.mb70 { margin-bottom:70px; }
.mb80 { margin-bottom:80px; }
.mb90 { margin-bottom:90px; }
.mb100 { margin-bottom:100px; }
.mb110 { margin-bottom:110px; }
.mb120 { margin-bottom:120px; }

.p5 { padding:5px; }
.p10 { padding:10px; }
.p15 { padding:15px; }
.p20 { padding:20px; }
.p30 { padding:30px; }

.pt0 { padding-top:0; }
.pt5 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pt20 { padding-top:20px; }
.pt30 { padding-top:30px; }
.pt40 { padding-top:40px; }
.pt50 { padding-top:50px; }
.pt60 { padding-top:60px; }
.pt70 { padding-top:70px; }
.pt80 { padding-top:80px; }
.pt90 { padding-top:90px; }
.pt100 { padding-top:100px; }

.pb0 { padding-bottom:0; }
.pb5 { padding-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pb20 { padding-bottom:20px; }
.pb30 { padding-bottom:30px; }
.pb40 { padding-bottom:40px; }
.pb50 { padding-bottom:50px; }
.pb60 { padding-bottom:60px; }
.pb70 { padding-bottom:70px; }
.pb80 { padding-bottom:80px; }
.pb90 { padding-bottom:90px; }
.pb100 { padding-bottom:100px; }

.pl10 { padding-left:10px; }
.pl20 { padding-left:20px; }
.pl30 { padding-left:30px; }
.pl40 { padding-left:40px; }
.pl80 { padding-left:80px; }

.pr10 { padding-right:10px; }
.pr20 { padding-right:20px; }
.pr30 { padding-right:30px; }
.pr40 { padding-right:40px; }
.pr80 { padding-right:80px; }

.txt_w {
    color: #fff;
}