body{
font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
background-image: url(img/bg.png);
}
html {overflow: auto;}

/* 非表示項目 */
/* pc */
@media print, screen and (min-width:769px) {
.sp_on {display : none;}
}
 
/* tablet  */
@media only screen and (min-width: 641px) and (max-width: 768px) {
.sp_on {display : none;}
}
 
/* smartPhone */
@media screen and (max-width: 640px) {
.sp_on {display : none;}
}

/* パンクズ */

#topicpath{
margin :0 auto;
padding :10px 0;
background:#ffd9e9;
}

#topicpath p{
margin : 0 auto;
padding : 0 10px;
font-size : 12px;
line-height : 14px;
text-align: left;
max-width :940px;
}


/* タイトル */

#title{
margin: 0 auto;
padding :10px;
text-align: center;
max-width :700px;
}
#title img{width: 100%;}

/* メイン枠 */
#goukaku{
margin : 0 auto;
padding : 0;
color:#3a3a3a;
font-size : 1rem;
line-height : 1.4rem;
background:#ffd9e9;
background-image:-webkit-linear-gradient(-45deg, #ffcee3 25%, #ffc4dd 25%, #ffc4dd 50%, #ffcee3 50%, #ffcee3 75%, #ffc4dd 75%, #ffc4dd);
-webkit-background-size: 28px 28px;
overflow: hidden;
}
@media print, screen and (min-width:900px) {
#goukaku{
max-width :900px;
 -webkit-border-radius: 8px;
 border-radius: 8px;
}
}



#goukaku p{
margin :0;
font-size : 1.2rem;
line-height : 1.6rem;
}
#goukaku p span{
color:#d60060;
font-weight:bold;
}

@media print, screen and (min-width:769px) {
#goukaku p{padding : 2%;float: left;width: 70%;}
#goukaku img{float: right;width: 26%;}
}
@media screen and (max-width: 768px) {
#goukaku p{padding : 1rem 1.5rem;}
#goukaku img{width:60%;margin :0 20% 1rem 20%;}
}



/* 応募方法 */


#oubo{
margin : 25px 0 0 0;
padding : 0 0 10px 0;
overflow: hidden;
clear: both;
background:#fff;
}
#oubo h3{
margin : 0 0 15px 0;
padding : 6px 0;
background:#4ab3f4;
text-align: center;
color:#fff;
font-size : 1.4rem;
line-height : 1.8rem;
}
#oubo h4{
padding : 4px 0;
border: 1px solid #4ab3f4;
color:#4ab3f4;
text-align: center;
 -webkit-border-radius: 8px;
 border-radius: 8px;
}
#oubo p{
padding : 4px 1rem;
font-size : 1rem;
line-height : 1.6rem;
}
#oubo p img{
vertical-align: middle;
}
#oubo p span{
font-size : .9rem;
line-height : 1.1rem;
}
#oubo p a{
color:#299ee6;
font-weight:bold;
text-decoration: none;
}

#oubo p a:hover{
color:#f183c1;
}

@media print, screen and (min-width:900px) {
#oubo h4{
margin : 6px auto;
max-width :900px;
font-size : 1rem;
line-height : 1.6rem;
}
#oubo p{margin : 6px auto;max-width :900px;}
}
@media screen and (max-width: 899px) {
#oubo h4{margin : 6px;}
#oubo p{margin : 6px;}
}


/* お問い合わせ */
#toiawase{
margin:0;
padding: 10px 0;
background:#ffd9e9;
clear: both;
text-align: center;
}

/* コピーライト */
#cr{
padding : 10px 0;
font-size : 10px;
line-height : 12px;
clear: both;
text-align: center;
background:#fff;
}