@charset "Shift_JIS";
#info_contents { margin-bottom:0!important; }
.body_sph .contents_main { margin: 0; }
.pdguide{text-align: center;}
/*見た目調整*/
.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_pc .w90{width: 90%;}
.body_sph .w90{width: 95%;}

/************************
プロティン位置調整
************************/
.pdguide_main_relative{position: relative;}
.pdguide_main_03_01item{position: absolute;}

/*ノーマル*/
#goods32626 .pdguide_main_03_01item {
    top: 35%;
    right: 9%;
    width: 41%;
}
/*MCT*/
#goods32895 .pdguide_main_03_01item {
    top: 41%;
    right: 9%;
    width: 41%;
}
/*スムージー*/
#goods32740 .pdguide_main_03_01item {
    top: 37%;
    right: 9%;
    width: 41%;
}
/*パスタ*/
#goods32799 .pdguide_main_03_01item {
    top: 37%;
    right: 9%;
    width: 41%;
}
/*リゾット*/
#goods32186 .pdguide_main_03_01item {
    top: 30%;
    right: 9%;
    width: 50%;
}
/*ポタージュ*/
#goods32788 .pdguide_main_03_01item {
    top: 28%;
    right: 9%;
    width: 50%;
}
/*フレーク*/
#goods32850 .pdguide_main_03_01item {
    top: 32%;
    right: 9%;
    width: 48%;
}
/*ケーキ*/
#goods32605 .pdguide_main_03_01item {
    top: 40%;
    left: 7%;
    width: 37%;
}
.body_sph #goods32605 .pdguide_main_03_01item {
    top: 43%;
    left: 5%;
    width: 37%;
}
#goods32606 .pdguide_main_03_01item {
    top: 20%;
    right: 5%;
    width: 37%;
}
/*ムース*/
#goods32586 .pdguide_main_03_01item {
    top: 34%;
    right: 7%;
    width: 50%;
}
.pdguide_main_02{
padding: 2% 0 7%;
}

.pdguide_main_02_link{
display: flex;
justify-content: space-around;
margin-top: 4%;
}

.pdguide_main_02_link img{
flex: 1 0 auto;
padding: 0 1%;
}

.pdguide_main_02_link a:hover{
opacity: 0.7;
}


/************************
水玉背景
************************/
/*3つ共通*/
.pdguide_main_03,
.pdguide_main_04,
.pdguide_main_05{
  background-position: 0 0, 22px 22px;
  background-size    : 44px 44px;
  padding-bottom: 0.5%;
  margin-bottom: 5%;
}
.body_sph .main03_point{margin-left: -1%;}

/*ドリンクタイプ*/

.pdguide_main_03{
  background-color   : #d8edd5;
  background-image   : radial-gradient(#e0f1dd 19%, rgba(255,255,255,0) 22%),
                       radial-gradient(#e0f1dd 19%, rgba(255,255,255,0) 22%);
}


/*主食タイプ*/

.pdguide_main_04{
  background-color   : #fdefc9;
  background-image   : radial-gradient(#fdf3d5 19%, rgba(255,255,255,0) 22%),
                       radial-gradient(#fdf3d5 19%, rgba(255,255,255,0) 22%);
}

/*おやつタイプ*/

.pdguide_main_05{
  background-color   : #fbe1e7;
  background-image   : radial-gradient(#fce5ea 19%, rgba(255,255,255,0) 22%),
                       radial-gradient(#fce5ea 19%, rgba(255,255,255,0) 22%);
}

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

.pdguide_custmitem{
padding:5% 3% 2%;
margin: 1% 5% 13%;
position: relative;
border-radius: 5px;
background-color: rgba(255,255,255,0.4);
}

.body_sph .pdguide_custmitem{
margin: 1% 3% 13%;
}

.pdguide_custmitem:last-child{
margin-bottom:5%;
}

.body_sph .pdguide_custmitem:last-child{
margin:5% 3% 5%;
}

/*お求めはこちらからの枠*/
.caption{
    font-size: 2.5em;
    padding: 3% 0.5em 0;
    margin: auto;
    font-weight: bold;
}



.pdguide_custmitem2 .caption3{
    padding-bottom: 5%;
}

.body_sph .pdguide_custmitem2 .caption3{
    width:75%;
    padding: 2% 3%;
}

.pdguide_custmitem3{
padding:5% 3% 2%;
margin: 1% 5% 1%;
position: relative;
border-radius: 5px;
background-color: rgba(255,255,255,0.4);
}

.body_sph .pdguide_custmitem3{
margin: 1% 3% 1%;
}

.pdguide_custmitem3_link{
margin: 2% 5% 13% 0;
text-align: right;
}

.pdguide_custmitem3_link p{
display: inline-block;
font-size: 1.1em;
}

.body_pc .pdguide_custmitem3_link p{
font-size: 1.5em;
}

.pdguide_custmitem3_link a{
border-bottom: 1px solid #333;
}
.pdguide_custmitem3_link a:hover{
border: none !important;
}



/*おやつタイプの色*/

.pdguide_main_05 hr{
border: none;
border-top: dotted 3px #f993a9;
}

.body_pc .pdguide_custmitem .display_exact li, .body_pc .pdguide_custmitem3 .display_exact li{
padding: 2% 0;
}

.body_sph .pdguide_custmitem .display_exact li, .body_sph .pdguide_custmitem3 .display_exact li{
padding: 2% 0 0;
}

.body_pc .pdguide_custmitem .img_box, .body_pc .pdguide_custmitem3 .img_box{
 width:200px;
}
.body_pc .pdguide_custmitem .txt_box, .body_pc .pdguide_custmitem3 .txt_box{
font-size: 130%;
margin-left: 38%;
}
.body_pc .pdguide_custmitem .btn, .body_pc .pdguide_custmitem3 .btn{
margin-top: 8%;
}

/*こちらもチェック*/

.pdguide_custmitem2{
margin: 5% 0% 7%;
}

.pdguide_custmitem2 h1{
color: #569e4f;
font-size: 2.5em;
padding-bottom: 3%;
}