@charset "shift_jis";
/* radimenia.css */

@import url("../css/normalize.css");
@import url("../css/common.css");

html,	body	{	height: 100%;	}
body	{	background: url(img/bg.png) fixed;	}

h2	{	background: #FDC826;	padding: 4px 8px 2px 24px;	overflow: hidden;	position: relative;	width: auto;	}
h2:before	{	background: #003060;	bottom: 0;	content: "";	display: inline-block;	height: 1em;	left: 8px;	margin: auto;	position: absolute;	top: 0;	width: 8px;	}
h2 span	{	float: right;	font-size: 12px;	line-height: 2.2;	}

h3	{	border-bottom: 2px solid #0FB1FF;	}

h4	{	background: #cff;	padding: 4px 8px 2px;	}

a	{	color: #003060;	}
a:hover	{	color: #FDC826;	text-decoration: none;	}
a:hover img	{	opacity: .6;	}
a,	a img,	a:hover,	a:hover img	{	transition: .4s;	}


/* .btn - リンクボタン
---------------------------------------- */

input[type="submit"]	{	border: none;	border-radius: 4px;	font-weight: bold;	line-height: 32px;	height: 32px;	padding: 0 8px;	}
a.btn,	.btn a,	input[type="submit"]	{	background: #003060;	color: #ffc;	}
a.btn:hover,	.btn a:hover,	input[type="submit"]:hover,	a.btn_on,	.btn_on a	{	background: #FDC826;	color: #003060;	}


/* .section - 
---------------------------------------- */

.section	{	margin-bottom: 16px;	overflow: hidden;	width: auto;	}
h2 + .section	{	margin-top: 16px;	}


/* #wrapper
---------------------------------------- */

#wrapper	{	background: #fff;	border: solid #003060;	border-width: 0 2px;	min-height: 100%;	margin: 0 auto;	overflow: hidden;	width: 988px;	}


/* #header
---------------------------------------- */

#header	{	margin: auto;	overflow: hidden;	position: relative;	width: auto;	}

#header h1	{	font-size: 1em;	margin: 0;	text-align: center;	}
#header h1 a	{	background: #003060 url(img/bg_top.jpg) no-repeat;	display: block;	height: 96px;	padding: 104px 0 0;	width: 100%;	}
#header a:hover img	{	opacity: 1;	}

#header #header_ad	{	position: absolute;	right: 8px;	top: 8px;	}


/* #nav
---------------------------------------- */

#nav	{	overflow: hidden;	width: auto;	}

#nav ul	{	background: #0FB1FF;	display: -webkit-flex;	display: flex;	-webkit-justify-content: space-between;	justify-content: space-between;
	list-style: none;	margin: 0;	overflow: hidden;	padding: 4px 16px;	text-align: center;	width: atuo;	}
#nav ul li	{	border-radius: 4px;	float: left;	height: 32px;	line-height: 32px;	margin: 0;	position: relative;	overflow: hidden;	}

#nav li a	{	background: #003060;	color: #ffc;	display: block;	font-weight: bold;	height: 100%;	padding: 0 16px;	text-decoration: none;	width: auto;	}
#nav li a:hover,	#nav li.nav_on a	{	background: #FDC826;	color: #003060;	}


/* #comment
---------------------------------------- */

#comment	{	margin-bottom: 16px;	overflow: hidden;	width: auto;	}
#comment ul	{	display: -webkit-flex;	display: flex;	-webkit-justify-content: space-between;	justify-content: space-between;
	list-style: none;	margin: 0;	overflow: hidden;	padding: 0;	width: atuo;	}
#comment ul li	{	margin: 0;	float: left;	width: 50%;	}

#comment ul.photo	{	background: #003060;	text-align: center;	padding: 4px 0;	}
#comment ul.photo li.count3	{	width: calc(100%/3);	}

#comment ul.comment	{	border-bottom: 2px solid #003060;	}
#comment ul.comment li:first-child	{	border-right: 1px solid #003060;	}
#comment ul.comment h3	{	background: #cff;	border-bottom: 1px solid #003060;	padding: 4px 8px 2px;	text-align: center;	}
#comment ul.comment p	{	margin: 0;	padding: 8px;	}


/* #contents
---------------------------------------- */

#contents	{	margin: 16px 16px 0;	overflow: hidden;	width: auto;	}


/* #contents_main
---------------------------------------- */

#contents_main	{	float: left;	width: 640px;	}

.bnr	{	text-align: center;	}

p.more.btn	{	margin-top: -16px;	}

dl.mail dt	{	margin-right: 1em;	width: 4em;	}


/* #raditamar
---------------------------------------- */

#raditamar .new	{	background: #ffc;	border: 1px solid #003060;	clear: both;	overflow: hidden;	padding: 8px;	width: auto;	}

#raditamar .new h4	{	background: #FDC826;	margin-top: 0;	}

#raditamar .new .float_left	{	margin-right: 8px;	margin-bottom: 16px;	text-align: center;	}
#raditamar .new .float_left img	{	width: 160px;	}

#raditamar .new ul	{	margin: 8px 0;	}
#raditamar .new ul li	{	margin-top: 0;	}
#raditamar .new ul li:last-child:after	{	content: "他";	margin-left: 1em;	}

#raditamar .new h4:not(:first-child)	{	clear: both;	margin-top: 16px;	}

#raditamar .new .more	{	font-size: 12px;	margin-bottom: 0;	}


/* div.attention
---------------------------------------- */

div.attention	{	background: #fee;	border: 2px solid #e60039;	margin-bottom: 16px;	padding: 8px;	}
div.attention h4	{	background: #e60039;	color: #fff;	margin-top: 0;	}
div.attention *:last-child	{	margin-bottom: 0;	}


/* div.info
---------------------------------------- */

div.info	{	background: #efe;	border: 2px solid #0FB1FF;	margin: 16px 0;	padding: 8px;	}
div.info h4	{	background: #0FB1FF;	color: #fff;	margin-top: 0;	}
div.info *:last-child	{	margin-bottom: 0;	}


/* ul.person
---------------------------------------- */

ul.person	{	margin-top: 0;	}
ul.person li	{	position: relative;	}
ul.person a	{	background: rgba(255, 255, 255, .8);	bottom: 8px;	display: block;	height: 32px;	left: 0;	line-height: 32px;	margin: auto;
	position: absolute;	right: 0;	text-decoration: none;	width: 142px;	}


/* ol.attention
---------------------------------------- */

ol.attention	{	list-style: none;	padding: 0;	}

ol.attention ul	{	list-style: disc;	margin-left: 1em;	}
ol.attention ul li	{	margin-top: 0;	}


/* ul.card
---------------------------------------- */

ul.card	{	margin: -16px 0 0 -16px;	text-align: center;	}
ul.card li	{	background: #ffc;	border: 1px solid #003060;	margin: 16px 0 0 16px;	padding: 4px 5px;	width: 300px;	}
ul.card li:empty	{	background: none;	border: none;	width: 302px;	}
ul.card h4	{	background: none;	margin: 0;	padding: 0;	}
ul.card p	{	margin: 4px 0 0;	text-align: left;	}
ul.card img	{	margin: 1px 0;	width: auto;	max-width: 100%;	}
h3 + ul.card	{	margin-top: 0;	}

ul.card_new li	{	background: #cff;	}


/* ul.card.reverse
---------------------------------------- */

ul.reverse	{	-webkit-flex-direction: row-reverse;	flex-direction: row-reverse;	}
ul.reverse > li	{	float: right;	}


/* ul.guest
---------------------------------------- */

ul.guest	{	margin: -8px 0 0 -8px;	}
ul.guest li	{	margin: 8px 0 0 8px;	width: 196px;	}
ul.guest li:empty	{	background: none;	border: none;	width: 198px;	}
ul.guest h4	{	line-height: 1.3;	margin-top: 4px;	}
ul.guest + ul.guest	{	margin-top: 8px;	}


/* ul.guest_list
---------------------------------------- */

ul.guest_list	{	display: -webkit-flex;	display: flex;	-webkit-flex-wrap: wrap;	flex-wrap: wrap;	list-style: none;	margin: -8px 0 0 -8px;	padding: 0;	}
ul.guest_list > li	{	float: left;	margin-left: 8px;	overflow: hidden;	text-align: center;	}
ul.guest_list a	{	padding: 0 4px;	width: 65px;	}


/* .event_list
---------------------------------------- */

.event_list p:before	{	content: "■";	color: #FDC826;	margin-right: 4px;	}


/* #contents_sub
---------------------------------------- */

#contents_sub	{	margin-bottom: 48px;	float: right;	width: 300px;	text-align: center;	}

#contents_sub .sub_btn p	{	margin-top: -8px;	}
#contents_sub .sub_btn img	{	margin-top: 8px;	}


/* #media
---------------------------------------- */

#media ul	{	list-style: none;	margin: 0 0 16px -16px;	overflow: hidden;	padding: 0;	width: atuo;	}
#media ul li	{	float: left;	margin-left: 16px;	width: 142px;	}
#media h4	{	background: none;	margin: 0;	}
#media li:not(:first-child) h4	{	font-weight: normal;	}


/* #program_bnr
---------------------------------------- */

#program_bnr ul.tile	{	margin-top: -8px;	}
#program_bnr ul.tile li	{	border: 1px solid #aaa;	border-radius: 4px;	width: 144px;	}


/* #twitter
---------------------------------------- */

#twitter h3	{	border-bottom-width: 1px;	text-align: center;	}
#twitter h3 a	{	text-decoration: none;	}
#twitter h3 small	{	color: #aaa;	margin-left: 8px;	}
#twitter > div	{	height: 480px;	}


/* #pagetop
---------------------------------------- */

#pagetop	{	left: 0;	margin: auto;	position: relative;	right: 0;	width: 988px;	}

#pagetop ul	{	bottom: 16px;	list-style: none;	margin: 0 0 0 -16px;	overflow: hidden;	padding: 0;	position: absolute;	right: 16px;	width: auto;	}
#pagetop li	{	float: right;	margin: 0 0 0 16px;	}


/* #footer
---------------------------------------- */

#footer	{	background: #003060;	color: #fff;	clear:both;	font-size: 12px;	overflow: hidden;	padding: 16px 0;	text-align: center;	width: auto;	}
#footer a	{	color: #ffc;	}

#footer p	{	margin: 16px 16px 0;	}

#footer ul	{	list-style: none;	margin: 0;	overflow: hidden;	padding: 0;	width: auto;	}
#footer ul li	{	display: inline-block;	margin: 0;	}

#footer ul.foot_link li	{	margin: 0 8px;	}

#footer ul.footer_nav li:before	{	content: "|";	margin-right: .5em;	}
#footer ul.footer_nav li:first-child:before	{	content: "";	margin-right: 0;	}