@charset "utf-8";

/* base Structure サイト基本構造設定用スタイルシート */

/* ---------------------------------------------------------------- */

/* 共通設定 */

/* ---------------------------------------------------------------- */

body {
    color: #333333;
    background-image: -webkit-linear-gradient(270deg,rgba(7,81,163,1.00) 0%,rgba(69,149,211,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(7,81,163,1.00) 0%,rgba(69,149,211,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(7,81,163,1.00) 0%,rgba(69,149,211,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(7,81,163,1.00) 0%,rgba(69,149,211,1.00) 100%);
	width:100vw;
}
@media print, screen and (min-width: 769px) {
#baseContainer {
	width:100vw; height:100vh; margin:0; overflow-x: hidden;
}

#baseContainer h1 {color:#fff; font-size:26px; margin:0 auto 30px auto; text-align: center; }
#baseContainer h1 span {display: inline-block; border:solid 1px #fff; padding:5px 20px 2px 20px;}
#baseContainer p {color:#fff; line-height:1.7;}
#baseContainer p span {font-size:26px; display: block; text-decoration: underline; color:#fffb94; font-weight: bolder;}

#messageBlock {background-color:rgba(255,255,255,0.15); border:double 3px #fff; padding:30px; margin:5% auto; width:60%; }

#messageBox {background-color:#fff; padding:20px; text-align: center; margin:30px auto 0 auto;}
#messageBox p {color:#333; font-size:20px; }
#messageBox p a {color:#ff6600; text-decoration: underline;}

.spOnly {display:none;}

}

@media screen and (max-width: 768.99999999999px) and (orientation: portrait) {

#baseContainer {
	width:100vw; height:100vh; margin:0; overflow-x: hidden;
}

#baseContainer h1 {color:#fff; font-size:6vw; margin:0 auto 30px auto; text-align: center; }
#baseContainer h1 span {display: inline-block; border:solid 1px #fff; padding:5px 20px 2px 20px;}
#baseContainer p {color:#fff; line-height:1.7;}
#baseContainer p span {font-size:5vw; display: block; text-decoration: underline; color:#fffb94; font-weight: bolder;}

#messageBlock {background-color:rgba(255,255,255,0.15); border:double 3px #fff; padding:20px 10px;
	width:90%; margin:5% auto;

}

#messageBox {background-color:#fff; padding:20px; text-align: center; margin:30px auto 0 auto;}
#messageBox p {color:#333; font-size:4.5vw; }
#messageBox p a {color:#ff6600; text-decoration: underline;}


}




/* ---------------------------------------------------------------- */

/* clearfix 設定 */

/* ---------------------------------------------------------------- */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html>body .clearfix {
	display: inline-block;
	width: 100%;
}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}

/* ---------------------------------------------------------------- */
/* サイトサイズ枠 */
/* ---------------------------------------------------------------- */

/* コンテンツ用エリア設定 */

#contents {
	width: 1000px; max-width:90%; margin:0 auto;
}