@charset "utf-8";
#kabegami .title { text-align: center; }
#kabegami .ph_02,#kabegami .ph_03 { background-color: #EA5C7D; border-radius: 10px; text-align: center; display:inline-block; }
#kabegami .ph_02 a,#kabegami .ph_03 a { color: #ffffff; padding: 15px;  line-height: 1.6; text-decoration: none; display: block;}
#kabegami .ph_02 a span,#kabegami .ph_03 a span{display:block;color: #fff;}
#kabegami .ph_02 a span::after,#kabegami .ph_03 a span::after {content: '';background: url(/excludes/ozio/community/kabegami/img/2025/250611/dl.png) no-repeat;display: inline-block;width: 1.4em;height: 1em;background-size: 100%;margin-left: 1em;}
#kabegami .ph_02 a:hover,#kabegami .ph_03 a:hover { opacity: 0.7; }
#kabegami .howto{border-top: 1px solid #333;width: 90%;margin: 0 auto 8%;padding:1em;}
#kabegami p.bn_btn { text-align: center;width: 90%;margin:3% auto 10%; }


/*===============================================
●PC 画面の横幅が768px
===============================================*/
@media screen and (min-width:768px) {
/* contents
--------------------------------------------------- */
#content { margin: 0px auto; width: 1000px; }
#kabegami { width: 1000px; margin-bottom: 30px; }
#kabegami 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; }

/* contents 
--------------------------------------------------- */

#kabegami .title .title_copy { font-size: 16px; line-height: 1.6em; margin-bottom: 20px; }
#kabegami .kabegami_ph { text-align: center; margin: 20px; }
#kabegami .kabegami_ph img.pc{width:70%;margin:0 auto;}
#kabegami .ph_size { margin: 1% auto 5%; width: 866px; }
#kabegami .ph_size ul { width: 840px; margin: 0 auto; text-align:center; }
#kabegami .ph_01 { text-align: center; font-size: 16px; width: 150px; padding: 15px; border: 1px solid #CCC; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; margin-bottom: 20px; clear: both; }
#kabegami .ph_02,#kabegami .ph_03{width:40%; margin: 1%;}
#kabegami .ph_02 a,#kabegami .ph_03 a{font-size:18px;}

}

/*===============================================
●SP 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width:768px) {
#content { margin: 0px auto; width: 100%; }
#kabegami { width: 100%; margin-bottom: 30px; }
#kabegami img { width: 100%; }
/* contents 
--------------------------------------------------- */
#kabegami 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 .title .title_copy { font-size: 12px; line-height: 1.6em; margin-bottom: 10px; }
#kabegami .kabegami_ph { margin-top: 15px; }
#kabegami .kabegami_ph img.sp{width:60%;margin:0 auto;}
#kabegami .ph_size { width: 100%; margin: 5% 0 10%; overflow: hidden; }
#kabegami .ph_size ul { width: 100%; overflow: hidden; display: table; table-layout: fixed; text-align: center; margin: 0; }
#kabegami .ph_02{display:none;}
#kabegami .ph_03{width:80%; margin: 2% auto;}
#kabegami .ph_03 a{font-size:14px;}
; }
#kabegami .howto { font-size: 12px; }
}