@charset "UTF-8";

*{margin: 0;padding: 0;}
html {font-family: "Noto Sans JP", sans-serif;}
a{outline:none !important;}
a:focus{outline:none !important;}
li{outline:none !important;}
li:focus{outline:none !important;}

.wpcf7-not-valid-tip {
	color: #000 !important;
}

@media all and (min-width:751px) {
body {color: #fff;position:relative;overflow-x: hidden;font-size: 18px;line-height: 1.7;font-weight: 800;}
ul,li {list-style-type: none;}
a:hover{opacity: 0.4;transition: 0.4s ease-in-out;}

	
main{display:block;background-color: #0080cb;}	
.birthday{width: 800px;margin: auto;padding-bottom:40px;}
/*--------ヘッダー--------*/
header{}
.head{padding-bottom: 30px;}
.head img{display:block;width:100%;height:auto;}	
.head h1{text-align: center;color: #ffff00;font-size:36px;padding-top: 15px;}
.head h1 br{display:none;}		
.head span{display: table;position:relative;left:50%;transform();transform: translate(-50%, 0);}	
.head span::before{content:"";position:absolute;border-top:1px solid #fff;width:30px;right: -40px;top: 15px;}
.head span::after{content:"";position:absolute;border-top:1px solid #fff;width:30px;left: -40px;top: 15px;}	
.head>b{color: #ffff00;font-size: 18px;display: table;position: relative;left: 50%;transform: translate(-50%, 0);background-color: #ffff00;border-radius: 100px;color: #0080cb;padding: 10px 30px;bottom: -25px;}	
.head p{padding: 40px 20px 20px;box-sizing: border-box;text-align: center;background-color: rgba(255, 255, 255, 0.1);border-radius: 6px;font-size: 22px;}	
.head p small{display: block;font-size: 16px;}		
.head p b{color: #ffff00;font-size: 22px;display: block;text-align:center;}	
#content-period h2{font-size:22px;text-align:center;color:#fff;}
	
	
p.caution{background-color: #00529b;color: #fff;padding: 15px;box-sizing: border-box;text-align: center;font-size: 20px;display: block;margin-top: 30px;border-radius: 10px;}
p.caution small{text-decoration: underline;}
.att{display: block;margin-top: 30px;}
.att b{display: block;border-left: 3px solid #fff;line-height: normal;padding-left: 10px;font-size: 15px;}
.att ul{font-size: 14px;margin-top: 10px;}
.att ul li{margin-left: 5px;}
.att span{font-size: 16px;margin-top: 20px;display: block;}	
.att span a{margin-top: 10px;color: #ffff00;font-size: 16px;margin-left: 5px;}
.att span a::after{content:"\25B8";}			

/*--------フッダー--------*/
footer {background-color:#414493;}
footer>small{font-size: 12px;display: block;text-align: center;color: #fff;padding: 5px 0 5px 0;}


/*--------お問い合わせ--------*/
table.contact {border-collapse: collapse;width: 100%;}
table.contact th {padding: 12px 12px 12px 0;text-align: left;width: 45%;vertical-align: top;border-bottom: 1px dotted #fff;}
table.contact th small {display:block;}	
table.contact td {border-bottom: 1px dotted #fff;padding: 12px 0;}
table.contact td small {display:block;font-size:13px;margin-top:3px;}
table.contact td input[type=text],table.contact td input[type=email],.contact td input[type=tel],table.contact td textarea,table.contact button {width: 100%;font-size:16px;padding: 6px;background-color: #f3f3f3;border: none;box-sizing: border-box;font-family: "Noto Sans JP", sans-serif;}
table.contact td select {font-size:16px;padding:3px;}
table.contact td button {width: 160px;font-size: 18px;padding: 12px 0px;margin:10px;border: none;font-weight:bold;background-color: #fff;color: #fff;border-radius: 6px;color: #0080cb;}
button.send{border: 2px solid #ffff00 !important;}
table.contact td.center{text-align:center;border-bottom:none;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {border: none;background: #ff0000;color: #fff;margin-bottom: 100px;margin-top: 0px;box-sizing: border-box;}
div.wpcf7-mail-sent-ok {background: #85B200;color: #fff;margin-bottom: 100px;border: none;margin-top: 0px;}	
div.wpcf7-response-output {margin: 20px auto !important;width: 90%;box-sizing: border-box;border: 2px solid #fff !important;font-size: 22px;text-align: center;}
.wpcf7 .ajax-loader {margin: 0;}

.privacy{width:100%;margin: auto;border: solid 1px #ccc;box-sizing: border-box;height: 150px;overflow: auto;font-size: 12px;line-height: 18px;padding: 15px;background: #fefefe;color: #666;margin-top:60px;}
}










































/*--------スマートフォンー-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/



@media all and (max-width:750px) {
body {color: #fff;position:relative;overflow-x: hidden;font-size: 16px;line-height: 1.7;font-weight: 800;}
ul,li {list-style-type: none;}


main{display:block;background-color: #0080cb;}	
.birthday{width: 100%;margin: auto;padding-bottom:40px;}
/*--------ヘッダー--------*/
header{}
.head{padding-bottom: 30px;width: 90%;margin: auto;}
.head img{display:block;width: 111%;height:auto;margin-left: -5.55%;}	
.head h1{text-align: center;color: #ffff00;font-size:30px;line-height: 1.5;padding-top: 15px;}
.head h1 br{display:block;}	
.head span{display: table;position:relative;left:50%;transform();transform: translate(-50%, 0);}	
.head span::before{content:"";position:absolute;border-top:1px solid #fff;width:30px;right: -40px;top: 15px;}
.head span::after{content:"";position:absolute;border-top:1px solid #fff;width:30px;left: -40px;top: 15px;}	
.head>b{color: #ffff00;font-size: 18px;display: table;position: relative;left: 50%;transform: translate(-50%, 0);background-color: #ffff00;border-radius: 100px;color: #0080cb;padding: 10px 30px;bottom: -25px;}	
.head p{padding: 40px 20px 20px;box-sizing: border-box;text-align: center;background-color: rgba(255, 255, 255, 0.1);border-radius: 6px;font-size: 19px;}	
.head p small{display: block;font-size: 15px;}
.head p small br{display: none;}		
.head p b{color: #ffff00;font-size: 22px;display: block;text-align:center;}	

#content-period h2{font-size:22px;text-align:center;color:#fff;}	
	
p.caution{background-color: #00529b;color: #fff;padding: 15px;box-sizing: border-box;text-align: left;font-size: 16px;display: block;margin: auto;margin-top: 30px;border-radius: 6px;width: 90%;}
p.caution small{text-decoration: underline;}
.att{display: block;margin: auto;margin-top: 30px;width: 90%;}
.att b{display: block;border-left: 3px solid #fff;line-height: normal;padding-left: 10px;font-size: 15px;}
.att ul{font-size: 14px;margin-top: 10px;}
.att ul li{margin-left: 5px;}
.att span{font-size: 15px;margin-top: 15px;display: block;}	
.att span a{margin-top: 10px;color: #ffff00;font-size: 16px;margin-left: 2px;}
.att span a::after{content:"\25B8";}			

/*--------フッダー--------*/
footer {background-color:#414493;}
footer>small{font-size: 12px;display: block;text-align: center;color: #fff;padding: 5px 0 5px 0;}



/*--------お問い合わせ--------*/
table.contact {border-collapse: collapse;width: 90%;margin:auto;}
table.contact th {padding: 12px 0 5px;display: block;text-align: left;}
table.contact th small {display:block;font-size: 13px;margin-top: -3px;}	
table.contact td {display: block;padding: 0 0px 15px 0;border-bottom: 1px dotted #fff;}
table.contact td small {display:block;font-size:13px;margin-top:3px;}
table.contact td input[type=text],table.contact td input[type=email],table.contact td input[type=tel],table.contact td textarea,table.contact button {width:100%;font-size:16px;padding:6px;box-sizing:border-box;background-color: #f3f3f3;border:none;font-family: "Noto Sans JP", sans-serif;}
table.contact td select {font-size:16px;padding:3px;}
table.contact td button {font-size: 17px;padding: 12px 0px;margin: 5px;border: none;font-weight:bold;background-color: #fff;color: #fff;border-radius: 6px;color: #0080cb;}
button.send{border: 2px solid #ffff00 !important;}	
table.contact td.center{text-align:center;display: flex;border-bottom: none;padding-top: 20px;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {border: none;background: #ff0000;color: #fff;margin-bottom: 100px;margin-top: 0px;box-sizing: border-box;width:100% !important;}
div.wpcf7-mail-sent-ok {background: #85B200;color: #fff;margin-bottom: 100px;border: none;margin-top: 0px;}
div.wpcf7-response-output {margin: 0px !important;width: 90%;margin: auto !important;border: 2px solid #fff !important;box-sizing: border-box;font-size: 20px;text-align: center;}
.wpcf7 .ajax-loader {margin: 0;}
	
.privacy{width: 90%;margin: auto;border: solid 1px #ccc;box-sizing: border-box;height: 120px;overflow: auto;font-size: 12px;line-height: 18px;padding: 15px;background: #fefefe;color: #666;margin-top: 35px;}	
}