<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

/* ---------------------------------------------
	スタイルリセット
--------------------------------------------- */
html, body, div,
h1, h2, h3, h4, h5, h6,
p, pre, blockquote,
ul, ol, li, dl, dt, dd, address {margin: 0; padding: 0;}
ul, ol {list-style: none;}
img {border: none;}

/* ---------------------------------------------
	汎用クラス
--------------------------------------------- */
/* clearfix ------------ */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hide from MacIE €*/
* html .clearfix { height: 1px; }
.clearfix { display: block; }
/* End Hide from MacIE */

/* ---------------------------------------------
	タイポグラフィー
--------------------------------------------- */
body {
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
}
@media all and (-ms-high-contrast:none) {
	body{
		font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	}
}

html&gt;/**/body { font-size: 16px; line-height: normal; } /* except Win IE */

h1, h2, h3, h4, h5, h6 {font-size: 100%;}

/* ---------------------------------------------
	基本項目
--------------------------------------------- */
html, body {height:100%; color:#000000;}
h1, h2, h3, h4, h5, h6, p, dt, dd, li{
	background:  url("../img/spacer.gif") repeat 0px 0px;
	max-height: 100%;
}

/*共通スタイル*/
.bold {font-weight:bold;}
.center{text-align:center;}

a:link { color:#333; text-decoration:none; font-weight:normal;}
a:visited { color:#333; text-decoration:none;}
a:hover { color:#333; text-decoration:none;}
a:active { color:#333; text-decoration:none;}

.clears{ clear:both;}
.fLeft{float: left;}
.fRight{float: right;}

.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}

body{ -webkit-text-size-adjust:100% !important;}
body.cx_smartphoneview{font-size: 155%;}

.cx_smartphoneview .displaypc{ display: none;}
.displaysp{ display: none;}
.cx_smartphoneview .displaysp{ display: block;}



/*共通レイアウト*/



/* ---------------------------------------------
	トップページ
--------------------------------------------- */

/*-------------メインビジュアル-------------*/
#mainVisualWrap{
    background: url("../photo/mainVisual.jpg") no-repeat center 0px;
	width:100%;
    position: relative;
    background-color: #d0d9e0;
    margin: 20px 0 0;
}
#mainVisualWrap h2{
    height: 540px;
    text-indent: -500%;
    overflow: hidden;
    white-space: nowrap;
}
#mainVisualWrap p{
    text-align: center;
    color: #334b88;
}
#mainVisualWrap #intro{
    font-size:150%;
    font-weight: bold;
    line-height: 1.5;
    padding: 15px 0 5px;
    border-top: solid 1px #8898bf;
}
#mainVisualWrap #period{
    /*border-top: solid 1px #ddd;*/
    padding: 10px 0 15px;
    font-size: 130%;
    line-height: 1.7;
    color: #334b88;
    font-weight: bold;
}
#mainVisualWrap #period span{
    background-color: #2e3889;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 90%;
}
@media all and (-ms-high-contrast:none) {
	#mainVisualWrap #period span{
		padding: 3px 10px;
	}
}
#mainVisualWrap .attention{
    color: #687aa7;
    padding: 0 0 5px;
}


.cx_smartphoneview #mainVisualWrap{
    background-size: contain;
    padding: 0 15px;
    box-sizing: border-box;
    margin: 0;
}
.cx_smartphoneview #mainVisualWrap h2{height: 350px;}
.cx_smartphoneview #mainVisualWrap #intro{ font-size: 138%;}
.cx_smartphoneview #mainVisualWrap #period{ font-size: 125%;}

/*-------------本文-------------*/
#contentWrap{
    background-color: #fff;
    padding: 25px 25px 40px;
}
.cx_smartphoneview #contentWrap{ padding: 25px 15px 40px;}

/*-------------放送告知-------------*/
#oaInfo{
    text-align: center;
    line-height: 1.4;
    margin: 0 0 25px;
    font-size: 130%;
    font-weight: bold;
}
#oaInfo p{ text-align: center;
margin-bottom: 10px;}
/*#oaInfo p:nth-of-type(1){ font-size: 110%;}*/
#oaInfo a{
    display: block;
    padding: 8px 0 0;
    text-decoration: underline;
    color: #c90000;
    font-weight: bold;
}
#oaInfo p span{
    background: url(../img/logo_otnTwo.png) no-repeat 0px 0px;
    display: inline-block;
    width: 149px;
    height: 35px;
    text-indent: -300%;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: bottom;
    margin: 0 5px;
}


.cx_smartphoneview #oaInfo{ font-size: 120%;}
.cx_smartphoneview #oaInfo p{ font-size: 90%;}

/*-------------スカパーリンク-------------*/
#spjs_link{
    display: block;
    background-color: #00a0e9;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 180%;
    line-height: 1.3;
    padding: 10px;
    border-radius: 15px;
}
#spjs_link span{ font-size: 70%;}

#spjs_link:hover{
    background-color: #00abf8;
}


/*-------------お問い合わせ-------------*/
#infoTel{
    margin: 25px 0;
}
#infoTel &gt; p:nth-of-type(1){
    text-align: center;
    border-top: solid 2px #ccc;
    border-bottom: dashed 1px #aaa;
    font-weight: bold;
    padding: 15px 0 5px;
}
#infoTel &gt; div &gt; div:nth-of-type(1){
    float: left;
    margin: 0 15px 0 120px;
}

#infoTel .ttl{
    font-size: 110%;
    font-weight: bold;
    color: #00378e;
    padding: 10px 0;
}
#infoTel .time{
    font-size: 110%;
    font-weight: bold;
    background-color: #00378e;
    color: #fff;
    text-align: center;
    line-height: 1.5;
}
#infoTel .telNum{
    font-size: 200%;
    font-weight: bold;
    line-height: 1.4;
    padding: 5px 0 0;
}

.cx_smartphoneview #infoTel &gt; p:nth-of-type(1){
    line-height: 1.4;
    text-align: left;
}
.cx_smartphoneview #infoTel &gt; div &gt; div:nth-of-type(1){
    float: none;
    margin: 0;
}
.cx_smartphoneview #infoTel .ttl{
    line-height: 1.4;
    text-align: center;
}
.cx_smartphoneview #infoTel .telNum,
.cx_smartphoneview #infoTel .ip{
    text-align: center;
    line-height: 1.2;
}


/*-------------応募方法-------------*/
#campaignWrap{
    border: solid 1px #aaa;
}
#campaignWrap h3{
    background-color: #000;
    color: #fff;
    text-align: center;
    font-size: 200%;
    line-height: 1.3;
    padding: 8px 0;
}
@media all and (-ms-high-contrast:none) {
	#campaignWrap h3{
		padding: 10px 0 8px;
	}
}
#campaignWrap h3 span{ font-size: 80%;}
#campaignWrap &gt; dl{
    padding: 20px 25px 0px;
    line-height: 1.5;
    position: relative;
}
#campaignWrap &gt; dl &gt; dt{
    font-size: 110%;
    font-weight: bold;
    color: #00378e;
}
#campaignWrap &gt; dl &gt; dt::before{
    content: "■";
}
#campaignWrap &gt; dl &gt; dd{ margin: 0 0 20px;}
#campaignWrap dd &gt; p{ font-weight: bold;}
#campaignWrap dd &gt; ul,
#campaignWrap div &gt; ul{
    margin: 10px 0 0;
    font-size: 94%;
}
#campaignWrap dd &gt; ul#presentList{
    margin: 0;
    font-size: 100%;
    font-weight: bold;
}
#campaignWrap #presentPh01,
#campaignWrap #presentPh02{
    width: 448px;
    margin: 10px 0 0;
    float: left;
}
#campaignWrap #presentPh01 img,
#campaignWrap #presentPh02 img{
    width: 448px;
    height: auto;
}
/*#campaignWrap &gt; dl::after{
    content: "";
    display: block;
    position: absolute;
    right: 25px;
    bottom: 0px;
    width: 350px;
    height: 600px;
    background: url("../photo/presentPh02.jpg") no-repeat 0px 0px;
    background-color: #ddd;
}*/

.cx_smartphoneview #campaignWrap &gt; dl{
    padding: 20px 25px 0px;
}
.cx_smartphoneview #campaignWrap #presentPh01,
.cx_smartphoneview #campaignWrap #presentPh02{
    margin: 10px auto 0;
    float: none;
}
/*.cx_smartphoneview #campaignWrap &gt; dl::after{
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 25px;
}*/


#campaignWrap &gt; div{
    padding: 0 25px 20px;
    line-height: 1.5;
    position: relative;
}
#campaignWrap h4{
    background-color: #00378e;
    color: #fff;
    font-size: 115%;
    padding: 10px 10px;
    line-height: 1.0;
}
#campaignWrap &gt; div &gt; p{
    font-weight: bold;
    margin: 10px 0 0;
}

#campaignWrap #bcasCard{
    width: 350px;
    margin: 10px auto;
}
#campaignWrap #bcasCard img{
    width: 350px;
    height: auto;
}



/*-------------応募ボタン-------------*/
#ouboWrap{
    margin: 20px 0;
    font-weight: bold;
}
#ouboWrap p{ text-align: center;}
#ouboWrap a{
    display: block;
    background-color: #b40000;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 180%;
    line-height: 1.0;
    padding: 25px 10px;
    border-radius: 15px;
    margin: 10px 0 0;
}
#ouboWrap a:hover{ background-color: #c90000;}

.cx_smartphoneview #ouboWrap p{ line-height: 1.4;}

#ouboWrap a.end{
    background-color: #ccc;
    color: #666;
    cursor: default;
}
#ouboWrap a.end:hover{ background-color: #ccc;}

/*-------------コピーライト-------------*/
#copyright{
    text-align: right;
    font-size: 75%;
    line-height: 1.4;
}



/* ---------------------------------------------
	規約ページ
--------------------------------------------- */
.kiyaku{ background-color: #f2f2f2;}
.kiyaku #wrapper {
	width:600px;
	margin:0 auto;
}
/*------------------ベース------------------*/
.kiyaku #contents {
    width:100%;
	background: #fff;
    padding: 15px;
    box-sizing: border-box;
}

.kiyaku #contents .intro{ line-height: 1.6; font-size: 94%; font-weight: bold;}


/*------------------ヘッダー------------------*/
.kiyaku #header{
    background-color: #cad3da;
    text-align: center;
}
.kiyaku #header h1 img{
    vertical-align: bottom;
}
.kiyaku #header #period{
    border-top: solid 1px #8898bf;
    padding: 15px 10px;
    font-size: 130%;
    line-height: 1.7;
    color: #334b88;
    font-weight: bold;
}
.kiyaku #header #period span{
    background-color: #2e3889;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 90%;
}
@media all and (-ms-high-contrast:none) {
	.kiyaku #header #period span{
		padding: 3px 10px;
	}
}

/*------------------規約文言エリア------------------*/
.kiyaku #kiyakuWrap{
    border: solid 1px #aaa;
    margin: 15px 0;
}
.kiyaku #kiyakuWrap h2{
    background-color: #000;
    line-height: 1.2;
    padding: 5px 10px;
    color: #fff;
    text-align: center;
    font-size: 120%;
}
.kiyaku #kiyakuWrap p,
.kiyaku #kiyakuWrap dl{
    font-size: 88%;
    padding: 10px 20px;
    line-height: 1.8;
}

.kiyaku #kiyakuList dt{
    color: #00378e;
    font-weight: bold;
}
.kiyaku #kiyakuList dt::before{
    content: "■";
}
.kiyaku #kiyakuList dd{ margin: 0 0 15px;}

.kiyaku #kiyakuLink dt{
    color: #00378e;
    font-weight: bold;
    line-height: 1.4;
}
.kiyaku #kiyakuLink dt::before{
    content: "▼";
}
.kiyaku #kiyakuLink dd{ margin: 0 0 15px;}
.kiyaku #kiyakuLink a{ text-decoration: underline;}


/*------------------フッターエリア------------------*/
.kiyaku .footer_area{
	width:100%;
/*	background-color:#ddd; */
}
.kiyaku .footer{
	margin:0 auto;
	padding:10px 5px 30px;
	position:relative;
	font-size: 10px;
}
.kiyaku address{
	font-style:normal;
	font-weight:bold;
	float:left;
	color: #444;
	font-size: 10px;
	padding-top: 3px;
}
.kiyaku .close{
    float:right;
}
.kiyaku .close a{
	font-size: 12px;
    font-style: normal;
    font-weight: bold;
    height: 12px;
    position: relative;
    color: #444;
	text-decoration:none;
}
/*スマホ用 css*/
@media screen and (max-width: 600px) {
	.kiyaku #wrapper{
		width:100%;
		}
	.kiyaku #contents{
		padding: 10px 10px;
	}
	.kiyaku h1 img{
		width:100%;
	}
    .kiyaku #kiyakuWrap p,
    .kiyaku #kiyakuWrap dl{
        padding: 10px 10px;
    }
    .displaysp{ display: block;}
}</pre></body></html>