@charset "UTF-8";
/* CSS Document */

/*トップ赤文字*/
.dmi_headbnr{max-width: 1170px; margin: auto;}

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

}

/*ロイヤルブル−１*/
#dmi_rblue_box1{}
#dmi_rblue_box1 .dmi_rblue_box1_ul{display: flex; justify-content:center;
/*width: 1060px;*/ width: 1170px; margin: auto; padding: 70px 0 30px; /*background: url(/contents/shop/00000003/image/static/dmi/dmi_add_img06.jpg);*/
/*background: rgb(252,221,126);
background: linear-gradient(0deg, rgba(252,221,126,1) 0%, rgba(249,240,205,1) 43%);*/
background: rgb(250,234,187);
background: linear-gradient(0deg, rgba(255,236,175,1) 0%, rgba(255,247,212,1) 53%);
border-radius: 15px;}


#dmi_rblue_box1 .dmi_rb_img1,
#dmi_rblue_box1 .dmi_rb_img2{width: 520px;}
#dmi_rblue_box1 .dmi_rb_btn{/*width: 445px; */ width: 430px; margin: auto;}
@media screen and (max-width: 767px) {

#dmi_rblue_box1 .dmi_rblue_box1_ul{width: 100%; padding: 30px 0;}

#dmi_rblue_box1 .dmi_rb_img1,
#dmi_rblue_box1 .dmi_rb_img2{width: 100%;}
#dmi_rblue_box1 .dmi_rb_btn{width: 100%;}
}

/*ロイヤルブル−2*/
#dmi_rblue_box2{max-width: 1030px; margin: auto; padding: 0 0 20px;
background: rgb(234,222,195);
background: linear-gradient(0deg, rgba(234,222,195,1) 0%, rgba(251,248,234,1) 100%);
}

.dmi_rblue_txtbox1,.dmi_rblue_txtbox2{display: flex; align-items: center; justify-content: center; margin: 30px 0 30px;}
.dmi_rblue_txtbox1 .dmi_rblue_txtbox1_txt{text-align: right;}
.dmi_rblue_txtbox1 .dmi_rblue_txtbox1_img{width: 290px;}

.dmi_rblue_txtbox2{background: #fff; width: 90%; margin: auto; border-radius: 20px; padding: 10px 0 0;}
.dmi_rblue_txtbox2 .dmi_rblue_txtbox2_img{width: 260px; margin-right: 40px;}
.dmi_rblue_txtbox2 .dmi_rblue_txtbox_line{border-bottom: 1px solid #362f93; font-feature-settings: "palt";}

.dmi_rblue_itembox{position: relative; width: 540px; margin: 40px auto;}
.dmi_rblue_itembox .suryou{position: absolute; width: 160px; top: 20px; left: -40px;}
.dmi_rblue_itembox .dmi_rblue_box2_img{}

.dmi_rblue_itembox .dmi_rblue_itembox_txt{position: absolute; top: 30px; right: -40px;}
.dmi_rblue_itembox .dmi_rblue_itembox_txt p{
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
color: #472a00;
font-size: 2rem;
line-height: 1.2em;
text-shadow: 3px 3px 3px #fff;
}

.dmi_rblue_itembox .dmi_rblue_itembox_txt p span{box-shadow: 4px 6px 5px -2px #ffffff;
border-radius: 10px;}

#dmi_rblue_box2 .order_btn_rblue{width: 560px; margin: auto;}

.dmi_rblue_box2_cap{padding: 20px 10px 0;}

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

#dmi_rblue_box2{max-width: 100%; padding: 0 0 30px;}
#dmi_rblue_box2>h2{margin: 0 auto 20px;}
.dmi_rblue_txtbox1,.dmi_rblue_txtbox2{display: block; padding: 5%;}
.dmi_rblue_txtbox1{margin: 0;}
.dmi_rblue_txtbox2 .dmi_rblue_txtbox2_img{display:none;}
.dmi_rblue_txtbox1 .dmi_rblue_txtbox1_txt{text-align: left;}


#dmi_rblue_box2 .order_btn_rblue{width: 100%;}
.dmi_rblue_txtbox1 .dmi_rblue_txtbox1_img{display: flex; justify-content: center; width: 100%; padding: 20px 0 0;}
.dmi_rblue_txtbox1 .dmi_rblue_txtbox1_img span{width: 50%; }

.dmi_rblue_itembox{width: 95%; padding: 8vw 0 0 5%; margin: 12vw auto 2vw;}
.dmi_rblue_itembox .suryou{position: absolute; width: 32%; top: 20px; left: 0px;}
.dmi_rblue_itembox .dmi_rblue_itembox_txt{top: -11vw;; left: 0; width: 100%; text-align: center;}
.dmi_rblue_itembox .dmi_rblue_itembox_txt p{
-webkit-writing-mode: horizontal-tb;
-ms-writing-mode: horizontal-tb;
writing-mode: horizontal-tb;
font-size: 6vw;
}

/*#dmi_rblue_box2{display: flex; flex-wrap: wrap;}
.dmi_rblue_txtbox1{order: 3;}
.dmi_rblue_txtbox2{order: 4;}
.dmi_rblue_itembox{order: 1;}
.order_btn_rblue{order: 2;}
.dmi_rblue_box2_cap{order: 5;}*/
}

#dmi_rblue_box1 a,
#dmi_rblue_box2 a,
.dmi_add_btn_f a{transition: all 300ms 0s ease;}

#dmi_rblue_box1 a:hover,
#dmi_rblue_box2 a:hover,
.dmi_add_btn_f a:hover{opacity: 0.6;}



/*追従ボタン*/
.page-goods .pane-goods-fixed-footer{height: 130px!important;}
.dmi_add_btn_f, .dmi_add_btn_f_sp{display: flex; justify-content: center;}
.dmi_add_btn_f{max-width: 1000px; padding: 10px 60px 0; margin: -20px auto 0;}
.dmi_add_btn_f>li{width:440px; }

.dmi_add_btn_f_sp{max-width: 100%; padding: 7px 10px 0; margin: auto;}
@media screen and (max-width: 767px) {
.page-goods .pane-goods-fixed-footer{height: 80px!important;}
}


/*申し込みボタン２個タイプ*/

.order_btn_t2>ul{display: flex; justify-content: space-between; width: 90%; margin: 30px auto 0;}
.order_btn_t2>ul li{width: 50%;}

.order_btn_t2 a{transition: all 300ms 0s ease;}
.order_btn_t2 a:hover{opacity: 0.6;}

@media screen and (max-width: 767px) {
.order_btn_t2{margin: 0 5px 0;}
.order_btn_t2>ul{width: 100%; display: block;}
}



/*タイトル調整*/
.page-goods .block-goods-name h1.block-goods-name--text{
border-bottom:1px #fff solid!important;
padding: 0!important;
margin: 0 0 20px!important;
line-height: 1em;
font-size: 24px!important;
}

@media screen and (max-width: 767px) {
.page-goods .block-goods-name h1.block-goods-name--text{
text-align: center!important;
padding: 0!important;
margin: 0!important;
font-size: 18px!important;
}
}