@charset "Shift_JIS";

#bandana{
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.2em;
    color: #433c3e;
}

/********* 応募方法部分 *********/

/* 基礎 */
#bandana .box_01{
    background: #fff9c4;
    margin-bottom: 6%;
    padding: 0% 5% 7%;
}
.body_sph #bandana .box_01{font-size: 80%;}
#bandana .box_01 p{text-align: left;}
.body_pc #bandana .box_01 p{font-size: 110%;}

/* 内側の白い部分 */
#bandana .box_s01{
    background: #fff;
    padding: 4%;
}

/* 画像の余白 */
#bandana .box_oubo{margin-bottom: 5%;}

/* 応募方法文言 */
.body_pc #bandana .box_oubosph,
.body_sph #bandana .box_oubopc{
	display:none;
}

/* カート部分画像表示切替 */
.body_pc #bandana .box_oubosph2,
.body_sph #bandana .box_oubopc2{
	display:none;
    padding: 5% 0;
}

/* 購入方法 */
#bandana .box_01 h3{
    text-align:left;
    color:#e43874;
    font-size:2em;
    padding-top: 3%;
}

.body_sph #bandana .box_01 h3{
    font-size: 1.5em;
    padding-top: 2%;
}

/* ページ下部注意文言 */
#bandana .list_circle li{padding-bottom: 1%;}
.body_sph #bandana .list_circle li{
    font-size: 0.8em;
    margin: 0 3%;
}
#bandana .phone a:link{color: #433c3e;}

/* 応募方法タイトル */
#bandana .oubo_title {
    background: #e43874;
    color: #FFF;
    padding: 3%;
    margin-bottom: 3%;
    font-size: 2.5em;
    font-weight: bold;
    letter-spacing: 0.5em;
    border-radius: 5px;
    }
.body_sph #bandana .oubo_title {
    font-size: 1.5em;
    font-weight: normal;
    }
    
/********* 注釈 *********/

#bandana .petattention {
    background: #fff9c4;
    padding: 0% 1% 5% 3%;
    margin-top: -3%;
    text-align: right;
}
.body_sph #bandana .petattention {
    padding: 0% 3% 5% 3%;
    font-size: 0.6em;
    margin-top: -3%;
    text-align: center;
}

/********* 買い物ボタン *********/

#bandana .cp_btn:hover{opacity: 0.8;}
#bandana .cp_btn {
    background: #e43874;
    margin: 5% 15%;
    border-radius: 5px;
    transition: 0.2s;
}
.body_sph #bandana .cp_btn{margin: 5%;}
#bandana .cp_btn a{color: #fff;}
#bandana .cp_btn a:link{
    text-decoration: none;
    display: block;
    padding: 5%;
    font-size: 1.5em;
}
.body_sph #bandana .cp_btn a:link{
    font-size: 1.0em;
}

#bandana .icon-cart{
    font-size: 1.2em;
    padding-right: 1%;
}
#bandana .icon-navi_right{
    font-size: 1.2em;
    padding-left: 5%;
    vertical-align: -3px;
}