@charset "utf-8";
#kabegami-bn .title { text-align: center; }
#kabegami-bn .ph_02 a:hover,#kabegami-bn .ph_03 a:hover { opacity: 0.7; }

#kabegami-bn .back_calendar .ph_size { display: block;width: 100%;padding: 2%;box-sizing:border-box;text-align:center;}
#kabegami-bn .back_calendar .ph_size li{width: 90%;margin: 2% auto;text-align: center; box-sizing: border-box;display: inline-block;}
.kabegami_ph img{max-width: 100%;height:auto;}
#kabegami-bn .ph_02,#kabegami-bn .ph_03 { background-color: #EA5C7D; border-radius: 4px; }
#kabegami-bn .ph_02 a,#kabegami-bn .ph_03 a { text-decoration: none; display: block;color:#fff;padding:3% 1%; }
#kabegami-bn .ph_02 a span,#kabegami-bn .ph_03 a span{display:none;}
#kabegami-bn p.bn_btn { text-align: center; width:90%;margin: 5% auto 10%; }

/*===============================================
●SP 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width:768px) {
#content { margin: 0px auto; width: 100%; }
#kabegami-bn { width: 100%; margin-bottom: 30px; }
#kabegami-bn img { width: 100%; }
/* contents 
--------------------------------------------------- */
#kabegami-bn h1 { font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; background-color: #fbf9f3; width: 88%; margin: 7px auto 0px; padding: 5px; color: #856800; font-size: 22px; line-height: 1.2; display: block; }
#kabegami-bn h2 { background-color: #fff4f9; padding: 5px; text-align: center; margin: 20px 0 10px; }
#kabegami-bn .kabegami_ph.newsize img{width:60%;margin:auto;}
#kabegami-bn .back_calendar .ph_size li.ph_01,#kabegami-bn .back_calendar .ph_size li.ph_02 { display: none; }
#kabegami-bn .ph_size { width: 100%; margin:3% auto; }
#kabegami-bn .ph_03 a { padding: 15px; font-size: 12px; text-decoration: none; display: block; }
}

/*===============================================
●PC 画面の横幅が768px
===============================================*/
@media screen and (min-width:768px) {
/* contents
--------------------------------------------------- */
#content { margin: 0px auto; width: 1000px; }
#kabegami-bn { width: 1000px; margin-bottom: 30px; }
#kabegami-bn h1 { font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; background-color: #fbf9f3; padding: 10px; width: 818px; color: #856800; font-size: 42px; margin: 5px auto; line-height: 1.2; display: block; }
#kabegami-bn h2 { background-color: #fff4f9; padding: 10px; }
/* contents 
--------------------------------------------------- */
#kabegami-bn .back_calendar { margin: 20px; width: 460px; float: left; }
#kabegami-bn .back_calendar h2 { font-family: "Times New Roman"; font-size: 18px; font-weight: bold; text-align: center; margin-bottom: 10px; display: block; }
#kabegami-bn .back_calendar .bn_ph { float: left; }
#kabegami-bn .ph_01 { font-size: 12px; border: 1px solid #EA5C7D; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif}

#kabegami-bn .back_calendar .ph_size.newsize ul {max-height: 30px;}

#kabegami-bn .back_calendar .ph_size li{width: 100%;}
#kabegami-bn .ph_02 a,#kabegami-bn .ph_03 a { font-size: 13px;}
#kabegami-bn .back_calendar .ph_size ul {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}

#kabegami-bn .howto { clear: both; width: 866px; margin: 0 auto 40px; font-size: 14px; }


}