@charset "Shift_JIS";



/*======================================================
	PCサイズ（641px以上）ここから
======================================================*/

@media screen and (min-width:641px), print{
	
.info{
	width:600px;
	margin:50px auto;
	text-align: left;
	padding:10px 20px 30px 20px;
	background-color:#efeeeb;
	line-height:1.5;
}	
	
.info .title1{
	width:220px;
	text-align: center;
	padding:5px 20px;
	background-color:#da5723;
	color:#fff;
	font-weight:bold;
	font-size:1rem;
	border-radius:5px;
	margin:20px 0 8px;
}
.info .title2{
	width:220px;
	text-align: center;
	padding:5px 20px;
	background-color:#3ebcc9;
	color:#fff;
	font-weight:bold;
	font-size:1rem;
	border-radius:5px;
	margin:20px 0 8px;
}	

.info span{
	font-weight:600;
}	

	
	
/**マタニティフェスの同伴者入力エリア**/

#boshu #form form dl#douhan dd input[type="text"]{
	width: 20em;
}	

#boshu #form form dl#douhan dd#age input[type="text"]{
	width: 4em;
}	

#boshu #form form dl{
/*	display: block;*/
	margin-bottom: 1.6em;
}

	
	
h5.midashi{
	margin-bottom: 20px;
}
#boshu .application{
	text-align: center;
}
#boshu .application img{
	display: block;
	margin: 0 auto;
}
#boshu .application p{
	display: block;
	margin: 15px 0;
}
#boshu .application p.pink{
	font-size: 120%;
	font-weight: bold;
	color: #E84662;
}
#boshu .application p.blue{
	font-size: 110%;
	font-weight: bold;
	color: #2528D5;
}
#boshu .application p.blue span{
	display: block;
	font-weight: normal;
	color: #000000;
	margin-top: 5px;
}
#boshu .complogo{
	text-align: center;
}
#boshu .complogo img{
	display: block;
	margin: 0 auto;
	width: 90%;	
}
#boshu .caution{
	background-color: #EDEDED;
	width: 100%;
	padding: 30px 70px;
	box-sizing: border-box;
	margin: 20px auto 20px;
}
#boshu .caution .title{
	display: block;
	font-size: 150%;
	font-weight: bold;
	color: #888888;
}	
#boshu .caution p{
	margin-top: 20px;
}	
#boshu .caution ul{
	margin-top: 20px;
	padding-left: 35px;
	list-style-type: disc;
	text-align: left;
}
#boshu .caution ul > li{
	margin: 6px;
}

#boshu #form form dl#free15,
#boshu #form form dl#free17{
	display: block;
}
#boshu #form form dl#free15 dt,
#boshu #form form dl#free17 dt{
	display: block;
	width: 100%;
	margin-bottom: 3px;
}
#boshu #form form dl#free15 dd,
#boshu #form form dl#free17 dd{
	width: 100%;
}
#boshu #form form .ex.mb16e {
	margin-bottom: 1.6em;
}

}
/*======================================================
	SPサイズ（640px以下）ここから
======================================================*/

@media screen and (max-width: 640px){
.info{
	width:95%;
	margin:50px auto;
	text-align: left;
	padding:8px 8px 30px 8px;
	background-color:#efeeeb;
	line-height:1.5;
}	
	
.info .title1{
	width:200px;
	text-align: center;
	padding:3px 15px;
	background-color:#da5723;
	color:#fff;
	font-weight:bold;
	font-size:1rem;
	border-radius:5px;
	margin:20px 0 8px;
}
.info .title2{
	width:200px;
	text-align: center;
	padding:3px 15px;
	background-color:#3ebcc9;
	color:#fff;
	font-weight:bold;
	font-size:1rem;
	border-radius:5px;
	margin:20px 0 8px;
}	

.info span{
	font-weight:600;
}	

	
	
	
	
	
	
/**マタニティフェスの同伴者入力エリア**/
#free2 dl dd input[type="text"]{
	width: 22em;
}	

#free2 dl dd#age input[type="text"]{
	width: 6em;
}	


h5.midashi{
	margin-bottom: 1rem;
}
#boshu .application{
	text-align: center;
}
#boshu .application img{
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 500px;
}
#boshu .application p{
	width: 90%;
	display: block;
	margin: 1em auto;
}
#boshu .application p.pink{
	font-size: 110%;
	font-weight: bold;
	color: #E84662;
}
#boshu .application p.blue{
	font-weight: bold;
	color: #2528D5;
}
#boshu .application p.blue span{
	display: block;
	font-weight: normal;
	color: #000000;
	margin-top: 0.5em;
}
#boshu .complogo{
	text-align: center;
}
#boshu .complogo img{
	display: block;
	margin: 20px auto 0;
	width: 60%;
	max-width: 500px;
}	
#boshu .caution{
	text-align: left;
	background-color: #EDEDED;
	width: 100%;
	padding: 1.5em 0.7em;
	box-sizing: border-box;
	margin: 10px auto 10px;
}
#boshu .caution .title{
	font-size: 120%;
	font-weight: bold;
	color: #888888;	
	text-align: center;	
}	
#boshu .caution p{
	margin-top: 10px;
}		
#boshu .caution ul{
	margin-top: 1.5em;
	padding-left: 1em;
	list-style-type: disc;
}
#boshu .caution ul > li{
	margin: 0.5em;
}

#boshu #form{}
#boshu #form form{
	display: block;
	width: 98%;
	margin: 0 auto;
}
#boshu #form form dl{
	display: block;
	margin-bottom: 1.6em;
}
/*
#boshu #form form dl:nth-of-type(4){
	margin-bottom: 0.5em;
}
*/
#boshu #form form dl dt{
	width: 100%;
	font-weight: bold;
	margin-bottom: 0.6em;
}
#boshu #form form dl.required dt:after,
#boshu #form form #consent label:after{
	content: "必須";
	font-size: 85%;
	vertical-align: 10%;
	margin-left: 12px;
	color: #CC0000;
	border: 1px solid #CC0000;
	border-radius: 4px;
	padding: 0 6px;
	font-weight: bold;
}
#boshu #form form dl dd{
	width: 100%;
	}
#boshu #form form dl dd label{
	margin: 0 7px;
}
#boshu #form form input[type="radio"],
#boshu #form form input[type="checkbox"]{
	margin-right: 5px;
}
#boshu #form form input[type="text"]{
	border: none;
	background-color: #EDEDED;
	padding: 11px 7px;
	box-sizing: border-box;
	width: 100%;
}
#boshu #form form textarea{
	border: 1.5px solid #C0C0C0;
	width: 100%;
	padding: 5px 7px;
	box-sizing: border-box;
}
#boshu #form form select{
	border: 1.5px solid #C0C0C0;
	width: 100%;
	padding: 5px 7px;
	box-sizing: border-box;
}
#boshu #form form dl#birthday dd input[type="text"],
#boshu #form form dl#com_birthday dd input[type="text"]{
	width: 4em;
}
#boshu #form form dl#age dd input[type="text"],
#boshu #form form dl#com_age dd input[type="text"]{
	width: 4em;
}
#boshu #form form dl dd .ex{
	display: block;
	color: #5A5A5A;
	margin: 3px 0;
} 
#boshu #form form dl dd div{
	margin: 1em 0;
}

#boshu #form form dl dd p{
	margin-bottom: 1em;
}

#boshu #form form dl#photo input[type="submit"]{
	display: block;
	margin: 0.5em 0 1em;
	margin-left: auto;
}
#boshu #form form dl#impressions{
	display: block;
}
#boshu #form form dl#impressions dt{
	display: block;
	width: 100%;
	margin-bottom: 3px;
}
#boshu #form form dl#impressions dd{
	width: 100%;
}

#boshu #form form ul{
	margin-bottom: 2em;
}

#boshu #form form #privacy textarea{
	border: 1.5px solid #C0C0C0;
	width: 100%;
	margin: 0.7em 0;
}

#boshu #form form #consent{
	width: 100%;
	text-align: center;
	padding: 1em 0;
	background-color: #FFEAEB;
	margin-bottom: 2em;
}

#boshu #form form #transmission{
	width: 100%;
	border-top: 1px dotted #000000;
	padding: 2em 0;
	box-sizing: border-box;
}

#boshu #form form #transmission input{
	display: block;
	width: 100%;
	max-width: 420px;
	height: 3em;
	margin: 0 auto;
	color: #FFFFFF;
	border-style: solid;
	border-color: #5A5A5A;
	background-color: #5A5A5A;
	border-radius: 8px;
	font-size: 120%;
}
#boshu #form form #transmission input:hover{
	color: #5A5A5A;
	background-color: #FFFFFF;
}

/*    完了画面    */
#application {
    text-align: center;
    margin: 40px 0 60px;
    line-height: 1.8;
}
/*一覧ページへ戻る*/
#transmission .button_left{
    border-color: #3177e3;
    color: #3177e3;
    background-color: #FFFFFF;
    background-image: url("../../../images/ar_bl1.png");
    margin: 30px auto 0;
    font-weight: bold;
    text-align: center;
    /*padding: 10px auto;*/
    font-size: 16px;
    line-height: 1.4;
}


}