@charset "utf-8";


* { float: left; width: 100%; box-sizing: border-box; padding: 0; margin: 0; }
body { word-break: break-all; font-family: Meiryo, "メイリオ", "MS PGothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Helvetica, Arial, sans-serif; }
html { color: #ffffff; line-height: 1.4; background: #102248; }
img { border: 0; }
a:hover img { filter: alpha( opacity=70 ); opacity: 0.70; -moz-opacity: 0.70; }
li { list-style: none; }
a { color: #ffffff; text-decoration: none; }
a:hover { text-decoration: underline; }


/* フッター ------------- */
.footer_list li { width: 50%; font-size: 12px; padding: 5px 0; }
.footer_list li:nth-of-type(1), .footer_list li:nth-of-type(2) { padding-top: 18px; }
.footer_list li:nth-child(odd) { text-align: right; padding-right: 15px; }
#copy div { font-size: 10px; text-align: center; padding: 18px 0 10px 0; }


/* フッターコンテンツ ------------- */
.contents_ttl { padding: 18px 0 10px 0; }
.contents_ttl h5 { font-size: 19px; color: #ffffff; text-align: center; }

.contents_text { float: left; width: 90%; font-size: 13px; line-height: 1.6; margin: 20px 5%; }
.contents_text img { margin: 5px; }
.contents_text * { float: none; width: auto; margin: 0 auto; }
.contents_text hr { float: left; width: 100%; border: 1px dashed #303c62; margin: 20px 0; }

.btn { float: left; width: 60%; text-align: center; border: 2px solid #0283e0; border-radius: 8px; padding: 10px; margin: 5px 20%; }
.btn a { font-size: 15px; color: #ffffff; font-weight: bold; }

.btn2 { float: left; width: 70%; text-align: center; border: 1px solid #0283e0; border-radius: 8px; padding: 12px; margin: 10px 15% 20px 15%; }
.btn2 a { font-size: 18px; color: #1c9efc; font-weight: bold; border-bottom: double; }

.btn3, .send_btn, .more_btn { float: left; width: 70%; text-align: center; border: 2px solid #ffffff; border-radius: 8px; background: #1c9efc; padding: 12px; margin: 5px 15%; }
.btn3 a, .send_btn a, .more_btn a { font-size: 15px; color: #ffffff; font-weight: bold; }

.tokutei { float: left; width: 99%; border: 1px solid #5da6db; border-radius: 8px; padding: 15px; margin: 5px 0.5%; }
.tokutei th { float: left; color: #1c9efc; font-size: 14px; background: linear-gradient(transparent 70%, #303c62 70%); margin: 5px 0 8px 0; }
.tokutei td { float: left; width: 100%; }
.tokutei td a { text-decoration: underline; }


/* 一覧に戻る ------------- */
.cate_list { background: #303c62; padding: 20px 5%; }
.cate_list a h4 { width: 60%; font-size: 14px; color: #ffffff; text-align: center; border: 2px solid #ffffff; border-radius: 10px; padding: 10px 0; margin: 0 20%; }
.cate_list a h4:hover { color: #102248; background: #ffffff; }


/*--------------------
トップページ
--------------------*/
.bt ul { border-top: 1px solid #ffffff; padding: 0 1.7% 0 2%; }
.bt ul li { width: 25%; padding-left: 0.3%; }

.new img { width: 60%; margin: 8px 20% 3px 20%; }
.new p { font-size: 12px; color: #ffffff; text-align: center; }
.new ul { padding: 8px 0.5% 5px 2%; }
.new li { width: 31.833%; padding: 5.5% 0 8% 0; margin-right: 1.5%; }
.new li:nth-child(1) { background: url(/upimages/new1.png) no-repeat; background-position: left top; background-size: 100% auto; }
.new li:nth-child(2) { background: url(/upimages/new2.png) no-repeat; background-position: left top; background-size: 100% auto; }
.new li:nth-child(3) { background: url(/upimages/new3.png) no-repeat; background-position: left top; background-size: 100% auto; }
.new li img { width: 64%; border-radius: 50%; margin: 0 18%; }

.pickup { background: repeating-linear-gradient(-45deg,#0769a0 0,#0769a0 3px,#11234b 3px,#11234b 6px); }
.pickup p { width: 40%; font-size: 18px; font-weight: bold; text-align: center; margin: 10px 30%; }
.pickup p::after{ content: ""; display: block; height: 4px; background: linear-gradient(to right, #fcb906 0%, #c905c2 100%); }
.pickup ul { padding: 0 1.8% 15px 3%; }
.pickup li { width: 23.8%; padding: 2.5% 2%; margin-right: 1.2%; }
.pickup li:nth-child(1) { background: url(/upimages/pick1.png) no-repeat; background-position: left top; background-size: 100% auto; }
.pickup li:nth-child(2) { background: url(/upimages/pick2.png) no-repeat; background-position: left top; background-size: 100% auto; }
.pickup li:nth-child(3) { background: url(/upimages/pick3.png) no-repeat; background-position: left top; background-size: 100% auto; }
.pickup li:nth-child(4) { background: url(/upimages/pick4.png) no-repeat; background-position: left top; background-size: 100% auto; }
.pickup li img { padding: 2px; }

.spec { background: #04260d; padding: 3px 0 5px 0; }
.spec p::after{ content: ""; display: block; height: 4px; background: linear-gradient(to right, #fcd102 0%, #05e7fb 100%); }
.spec p { width: 40%; font-size: 18px; font-weight: bold; text-align: center; margin: 10px 30%; }
.spec ul { padding: 2px 0.5% 12px 2%; }
.spec li { width: auto; margin-bottom: 6px; margin-right: 1.5%; }
.spec li img { width: auto; height: 42px; }

.rank { background-color: #102248; background-image: radial-gradient(#4f3e2c 30%, transparent 33%), radial-gradient(#4f3e2c 30%, transparent 33%); background-position: 0 0, 10px 10px; background-size: 10px 10px; padding: 3px 0 5px 0; }
.rank p { width: 40%; font-size: 18px; font-weight: bold; text-align: center; margin: 10px 30%; }
.rank p::after{ content: ""; display: block; height: 4px; background: linear-gradient(to right, #cf0ab3 0%, #02d9ee 100%); }
.rank ul { padding: 5px 0 8px 3%; }
.rank li { width: 48%; margin-bottom: 8px; margin-right: 2%; }

.lists { background: #443107; padding: 3px 0 5px 0; }
.lists p { width: 40%; font-size: 18px; font-weight: bold; text-align: center; margin: 10px 30%; }
.lists p::after{ content: ""; display: block; height: 4px; background: linear-gradient(to right, #f9010d 0%, #face00 100%); }
.lists ul { padding: 5px 0 5px 3%; }
.lists li { width: 47%; margin-bottom: 8px; margin-right: 3%; }


/*--------------------
一覧ページ
--------------------*/
.list p { font-size: 28px; text-align: center; padding-top: 12px; }
.list ul { padding: 12px 2% 5px 5%; }
.list li { width: 50%; font-size: 12px; text-align: center; padding: 0 3% 8px 0; }
.list li img { width: 100%; border: 2px solid #5da6db; border-radius: 8px; padding: 4px; background: #ffffff; margin-bottom: 3px; }
.list li a { color: #5da6db; }


/*--------------------
詳細ページ
--------------------*/
.page { text-align: center; }
.page p { font-size: 20px; text-align: center; padding-top: 12px; }
a.download { padding: 3px 20%; }
a.download img { background: #102248; }
.page img { background: #ffffff; padding: 3px 12%; margin: 3px 0; }
a.back { font-size: 13px; text-decoration: underline; padding: 10px 0 15px 0; }


/* 不明 -------------
.tab-content input[type="radio"] { display: none; }
.tab-content label {
display: inline-block;
padding: 10px 4px 8px 4px;
font-weight: bold;
font-size: 0.9rem;
color: #ffffff;
background: #fc303a;
cursor: pointer;
border: 2px solid #79141d;
border-radius: 4px 4px 0 0;
box-sizing: border-box; }
.tab-content label: hover,
.tab-content a.more: hover,
.tab-content input[type="radio"]: checked + label { color: #79141d; background: #ffde00; }
.tab-content .tab-box {
width: 100%;
border: 2px solid #79141d;
border-radius: 0 0 4px 4px;
box-sizing: border-box;
margin-top: -2px; }
.tab-content > .tab-box > div { display: none; overflow: hidden; }
#tab1: checked ~ .tab-box > #tabView1 { display: block; }
#tab2: checked ~ .tab-box > #tabView2 { display: block; }
#tab3: checked ~ .tab-box > #tabView3 { display: block; }
#tab4: checked ~ .tab-box > #tabView4 { display: block; }
.menu_content a {
font-size: 1.4rem;
color: #79141d;
font-weight: bold;
border-bottom: 2px dotted #79141d;
padding: 15px; }
.menu_content a.more {
width: 84%;
box-sizing: border-box;
font-size: 1.2rem;
color: #ffffff;
text-align: center;
font-weight: bold;
background: #fc303a;
border: 2px solid #79141d;
border-radius: 20px;
padding: 5px;
margin: 20px 8%; }
#tabView1 a: nth-child(2n), #tabView2 a: nth-child(2n), #tabView3 a: nth-child(2n), #tabView4 a: nth-child(2n) { background: #ffe9eb; }
#tabView1 a: last-child, #tabView2 a: last-child, #tabView3 a: last-child, #tabView4 a: last-child { background: #fc303a; }
.regist_block { margin: -2.5rem auto 1rem auto; }
.custom_block { text-align: center; margin: 0 auto 3vw; }
.main { position: relative; }
#catch {
position: absolute;
bottom: 5%;
background-color: white;
width: 100%;
text-align: center;
border-top: solid #fc303a 2px;
border-bottom: solid #fc303a 2px; }
.contents { width: 90%; margin: 0 auto; }
.contents li { border-radius: 10px; border: solid #79141d 3px; margin-bottom: 3vw; list-style: none; width: 100%; padding: 2vw 0px; font-weight: bold; background-color: #fc303a; background-position-y: center; background-size: 7vw; background-repeat: no-repeat; }
.contents a { width: 7%; vertical-align: middle; color: #FFF; font-size: 25px; font-family: 'HG丸ｺﾞｼｯｸM-PRO'; }
.contents img { width: 7%; vertical-align: middle; }
.contents_list { width: 82.5%; margin: 0 auto 2rem auto; background-color: rgba(255,255,255,0.50); padding: 2rem; border: 2px solid #0068b7; }
.contents_list li { font-size: 1.5rem; padding: 1rem; list-style: none; border-bottom: dashed 1px #2A2929; }
--------------------*/