@charset "Shift_JIS"; /**/

/*見た目調整*/
.pB1{padding-bottom: 1%;}
.pB3{padding-bottom: 3%;}
.body_sph .pB3{padding-bottom: 5%;}
.pB5{padding-bottom: 5%;}
.pB7{padding-bottom: 7%;}
.body_sph .pB7{padding-bottom: 5%;}
.body_sph .w60{width: 60%;}
.body_sph .w85{width: 85%;}
.body_sph .w90{width: 90%;}
 
#maskbiyou{
text-align: center;
font-family: 'Noto Sans JP', sans-serif;
}
/***本文***/
#maskbiyou .itemtxt{
color: #333;
font-feature-settings: "palt";
text-align: left;
margin: 3% 6%;
font-size: 1.5em;
letter-spacing: 0.1em;
}
.body_sph #maskbiyou .itemtxt{
font-size: 0.95em;
margin: 4% 6% 5%;
}
.body_sph .btn_cart{
    width: 70%;
    display: block;
    margin: 0 auto;
}
/*マーカー*/
#maskbiyou #main04 .itemtxt span{
background: linear-gradient(transparent 30%, #fff0f1 30%);
display: inline;
}
#maskbiyou #main06 .itemtxt span{
background: linear-gradient(transparent 30%, #dbf1f9 30%);
display: inline;
}
/*注意文*/
#maskbiyou .attention{
text-align: right;
padding-right: 3%;
}
.body_sph #maskbiyou .attention{
text-align: right;
padding-right: 3%;
font-size: 0.6em;
}

/*アンカーリンク*/
#maskbiyou .menu{
display: flex;
justify-content: center;
margin-bottom: 5%;
}
.body_sph #maskbiyou .menu{
margin: 3% 0 10%;
}
#maskbiyou .menu_contents{
min-width: 0;
padding: 1%;
}
/*タイトル*/
.maintitle{
background-image:url("image/main_01_bg.png");
background-size: cover;
padding-bottom: 80%;
}
.body_sph .maintitle{
margin-bottom: 5%;
}
.main01_contain{
position: relative;
}
.main01_title{
position: absolute;
    top: 10px;
    left: 4%;
    width: 62%;
}
.body_sph .main01_title{
    top: 10px;
    left: 2%;
    width: 64%;
}
.main01_fem{
position: absolute;
top: 100px;
right: 3%;
width: 49%;
}
.body_sph .main01_fem{
top: 37px;
    right: 0;
    width: 48%;
}

.main02_oyanami{
padding-top: 4%;
}
#maskbiyou .display_matrix {
    font-size: 1.8em;
    margin: 3% 0% 12%;
}
.body_sph #maskbiyou .display_matrix {
    font-size: 1.2em;
}
#maskbiyou .cp_box {
    font-size: 0.5em;
}
#main04, #main05, #main06{
padding: 8% 0 3%;
margin-bottom: 10%;
}
#main04{
background-color: #fff0f1;
}
#main05{
background-color: #fffae7;
}
#main06{
background-color: #eef6f9;
}
#maskbiyou .point1{
margin: 20% 3% 7%;
}
.body_sph #maskbiyou .point1{
margin: 25% 3% 7%;
}
#maskbiyou .point2{
margin: 7% 3%;
}
#maskbiyou .point0{
background-color: #FFF;
padding: 7% 0 5%;
position: relative;
margin: 22% 3% 7%;
}
#maskbiyou .point1 , #maskbiyou .point2{
background-color: #FFF;
padding: 15% 0 5%;
position: relative;
}
.body_sph #maskbiyou .point1 , .body_sph  #maskbiyou .point2{
padding: 17% 0 5%;
}
.menu_contents:hover{
opacity: 0.7;
transition: .3s;
}

/***ポイントアイコン***/
.icon_point1, .icon_point2{
position: absolute;
left: -4%;
}
/*ポイント1個別*/
.icon_point1{
top: -6%;
}
.body_sph .icon_point1{
top: -6%;
width: 41%;
}
.body_sph #main05 .icon_point1{
top: -10%;
width: 41%;
}
/*ポイント2個別*/
.icon_point2{
top: -4%;
}
.body_sph .icon_point2{
top: -5%;
width: 41%;
}
.body_sph #main05 .icon_point2{
top: -3%;
width: 41%;
}

/***ここがポイントアイコン***/
.icon_pointhere1, .icon_pointhere2, .icon_pointhere3{
position: absolute;
right: 5%;
}
/*ここがポイント個別*/
.icon_pointhere1{
top: -7%;
}
.body_sph .icon_pointhere1{
top: -5%;
width: 57%;
}
.icon_pointhere2{
top: -14%;
}
.body_sph .icon_pointhere2{
top: -9%;
width: 57%;
}
.icon_pointhere3{
top: -12%;
transform: translate(-30%, 0%);
}
.body_sph .icon_pointhere3{
top: -9%;
width: 65%;
transform: translate(-20%, 0%);
}

/*カスタムインクルード*/

.other_item_attention{
text-align: right;
}
.body_sph .other_item_attention{
font-size: 0.8em;
}
/*見出し*/
.other_item_title{
position: absolute;
}
.main04_09{
top: 0%;
left: 33%;
transform: translate(-25%, -50%);
}
.main04_10{
top: 0%;
left: 6%;
transform: translate(-3%, -50%);
}
.main05_09{
top: 0%;
left: 28%;
transform: translate(-20%, -50%);
}
/*大枠*/
#maskbiyou .other01{
background-color: #FFF;
padding: 5% 0%;
}
#main04 .other01 .other_item, #main05 .other01 .other_item, #main06 .other01 .other_item{
margin: 7% 5%;
padding: 2%;
background-color: #FFF;
position: relative;
}
#main04 .other01 .other_item{
border: 7px solid #fff0f1;
}
#main05 .other01 .other_item{
border: 7px solid #fbf3d7;
}
#main06 .other01 .other_item{
border: 7px solid #eef6f9;
}
.other02{
    padding-top: 7%;
}
.body_sph #main04 .other02_title{
    width: 85%;
    margin-bottom: -3%;
}
.body_sph #main05 .other02_title{
    width: 65%;
    margin-bottom: -3%;
}
.body_sph #main06 .other02_title{
    width: 65%;
    margin-bottom: -3%;
}
.body_sph #main06 .other02_title02{
    width: 85%;
    margin-bottom: -3%;
}
.other02 .other_item{
margin: 5%;
padding: 5% 2% 2%;
background-color: #FFF;
position: relative;
}
.body_sph .other_item{
margin: 7% 5%;
padding: 2%;
background-color: #FFF;
}

.other_item .display_exact{
padding: 5% 0 0;
}
.other01 .other_item .other_item_custom{
display: flex;
padding: 10% 0 7%;
}
.other02 .other_item .other_item_custom{
display: flex;
padding: 5% 0 10%;
}
.other_item .custum_left{
width: 32%;
    margin-left: 3%;
}
.body_sph .other_item .custum_left{
width: 40%;
}
.other_item .custum_right{
    text-align: left;
    padding: 0 5% 0 3%;
    width: 55%;
    margin: auto;
}
.body_sph .other_item .custum_right{
    text-align: left;
    padding: 0 5% 0 3%;
    width: 75%;
    margin: auto;
    font-size: 0.8em;
}
.custum_right .cp_box{
padding-top: 3%;
}
.custum_right .name_box, .custum_right .price_box{
font-size: 1.4em;
}
.body_sph .custum_right .name_box, .body_sph .custum_right .price_box{
font-size: 1.0em;
}
.custum_right .icon_box{
padding-bottom: 2%;
}
.custum_right .link_btn{
margin: 0 0 0 auto;
margin-top: 5%;
width: 70%;
}
.body_sph .custum_right .link_btn{
margin: 0 0 0 auto;
margin-top: 10%;
width: 100%;
}
.mimi_link{
margin-bottom: 3%;
margin-top: -3%;
font-weight: bold;
text-align: right;
padding-right: 5%;
}