@charset "utf-8";
/* CSS Document */

body {
background-color: #EDEDED;
}
body {
	margin:0px;
	padding:0px;
}
*{
	margin:0;
	padding:0;
}
.mb30{
	margin-bottom:30px;
}
.bgcolor{
	background-color:#f7f396;
}
.bgcolorpink{
	background-color:#fbe3d7;
}
.bordertop{
	border-top:#3F1B03 solid 2px;
	padding:5px;
}
.kansou{
	background-color:#fffeee;
	border-top:#f3cb33 solid 5px;
	border-left:#f3cb33 solid 5px;
	border-right:#f3cb33 solid 5px;
}
.kansou_text{
	background-color:#fffeee;
	border-bottom:#f3cb33 solid 5px;
	border-left:#f3cb33 solid 5px;
	border-right:#f3cb33 solid 5px;
}
#box{
	width:940px;
	margin:auto;
	box-shadow:rgba(113, 135, 164, 0.592157) 5px -2px 6px -5px;
	-webkit-box-shadow:rgba(113, 135, 164, 0.592157) 5px -2px 6px -5px;
	-moz-box-shadow:rgba(113, 135, 164, 0.592157) 5px -2px 6px -5px;
	-ms-box-shadow:rgba(113, 135, 164, 0.592157) 5px -2px 6px -5px;
	-o-box-shadow:rgba(113, 135, 164, 0.592157) 5px -2px 6px -5px;
}
#table{
	/*background-image: url(../images/main_bg.png);*/
	background-color: #FFFFFF;
	box-shadow: rgba(113, 135, 164, 0.592157) -5px -2px 6px -5px;
	-webkit-box-shadow: rgba(113, 135, 164, 0.592157) -5px -2px 6px -5px;
	-moz-box-shadow: rgba(113, 135, 164, 0.592157) -5px -2px 6px -5px;
	-ms-box-shadow: rgba(113, 135, 164, 0.592157) 5px -2px 6px -5px;
	-o-box-shadow: rgba(113, 135, 164, 0.592157) 5px -2px 6px -5px;
	background-repeat: repeat;
}

#all_shop_title td {
	font-size: 120%;
	line-height: 120%;
	padding: 0.2em;
}
.all_shop td {
	font-size: 90%;
	padding: 0.2em;
	border-bottom: 1px dotted #786C5E;
}
#move_top {
	margin-bottom: 1em;
	text-align: right;
	padding-right: 1em;
}
/* CSS Document */

/* 2015 追加CSS */
h1 { display: none; }
span.h1{ display: none; }
/* */

.frame_orange {
	border-radius: 10px;
	margin: 0 25px 25px 25px;
	position: relative;
	top: -15px;
}
.frame_green, .frame_pink, .frame_green2, .frame_gold {
	border-radius: 10px;
	margin: 25px;
	position: relative;
	top: -15px;
}
.frame_white {
	padding-top: 10px;
	background: #FFFFFF;
	border-radius: 5px;
	position: relative;
}

.ribon {
	width: auto;
	position: absolute;
	z-index: 3;
}
.frame_orange .ribon { left: -20px; top: -20px; }
.frame_green .ribon { left: -20px; top: -25px; }
.frame_pink .ribon { left: -20px; top: -7px; }
.frame_green2 .ribon { left: -20px; top: 2px; }
.frame_gold .ribon { left: -5px; top: -15px; }

/* 2017追加エリア（2冠用） */
.ribon2 {
	width: auto;
	position: absolute;
}
.frame_orange .ribon2 { left: 360px; top: -20px; }

/* 2018追加エリア（2冠用クラウン） */
	.crown {
		width: auto;
		position: absolute;
	}
	.frame_orange .crown { right: -20px; top:-30px; }

.ribon_area {
	margin-top: -10px;
	margin-bottom: 1em;
	height: 80px;
	/* 各ブラウザ毎のグラデーション設定 */
	background: -moz-linear-gradient(#F6AB00, #FFFFFF 100%);
	background: -webkit-gradient(linear, top, bottom, from(#F6AB00), to(#FFFFFF;));
	background: -webkit-linear-gradient(#F6AB00, #FFFFFF 100%);
	background: -o-linear-gradient(#F6AB00, #FFFFFF 100%);
	background: -ms-linear-gradient(#F6AB00, #FFFFFF 100%);
	background: linear-gradient(#F6AB00, #FFFFFF 100%);
}
.ribon_area_green, .ribon_area_green2 {
	position: absolute;
	margin-top: -10px;
	margin-bottom: 1em;
	width: 100%;
	height: 80px;
	/* 各ブラウザ毎のグラデーション設定 */
	background: -moz-linear-gradient(#C3D82D, #FFFFFF 100%);
	background: -webkit-gradient(linear, top, bottom, from(#C3D82D), to(#FFFFFF;));
	background: -webkit-linear-gradient(#C3D82D, #FFFFFF 100%);
	background: -o-linear-gradient(#C3D82D, #FFFFFF 100%);
	background: -ms-linear-gradient(#C3D82D, #FFFFFF 100%);
	background: linear-gradient(#C3D82D, #FFFFFF 100%);
}
.ribon_area_pink {
	position: absolute;
	margin-top: -10px;
	margin-bottom: 1em;
	width: 100%;
	height: 80px;
	/* 各ブラウザ毎のグラデーション設定 */
	background: -moz-linear-gradient(#F5B1A2, #FFFFFF 100%);
	background: -webkit-gradient(linear, top, bottom, from(#F5B1A2), to(#FFFFFF;));
	background: -webkit-linear-gradient(#F5B1A2, #FFFFFF 100%);
	background: -o-linear-gradient(#F5B1A2, #FFFFFF 100%);
	background: -ms-linear-gradient(#F5B1A2, #FFFFFF 100%);
	background: linear-gradient(#F5B1A2, #FFFFFF 100%);
}
/* */

.left_img {
	width: 40%;
	float: left;
	margin-left: 1%;
	margin-bottom: 1%;
	position: relative;
	z-index: 1;
}

.frame_orange .left_img { margin-top: 20px; }
.frame_green .left_img { margin-top: 80px; }
.frame_pink .left_img { margin-top: 80px; }
.frame_green2 .left_img { margin-top: 80px; }
.frame_gold .left_img { margin-top: 60px; }

.right_txt {
	margin-left: 42%;
	margin-right: 1%;
	margin-bottom: 1%;
	z-index: 1;
	position: relative;
}
.right_txt td {
	vertical-align: top;
}
.right_txt h2 {
	font-size: 220%;
	font-family: "kozuka-gothic-pr6n",sans-serif;
	font-style: normal;
	font-weight: 900;
	margin: 0;
}
.right_txt h2 span {
	font-size: 50%;
}

.right_txt ul {
	list-style: none;
}
.right_txt li {
	font-size: 90%;
	line-height: 120%;
	border-bottom: 1px dotted #A7A7A7;
	padding: 0 6px 6px 6px;
}
.right_txt li.last {
	border: none;
	padding: 6px;
}
.right_txt li span {
	font-size: 85%;
}

.left_img:after, .right_txt:after {
	clear: both;
}
.wide_txt ul {
	list-style: none;
}
.wide_txt li {
	font-size: 90%;
	line-height: 120%;
	border-bottom: 1px dotted #A7A7A7;
	padding: 0 6px 6px 6px;
}
.wide_txt li.last {
	border: none;
	padding: 6px;
}
.wide_txt li span {
	font-size: 85%;
}

/*.episode {
	background: #E0F0E2;
	margin-bottom: 10px;
}
.episode dl {
	margin: 0;
	padding: 5px 8px;
}
.episode dt {
	font-size: 80%;
	font-family: "kozuka-gothic-pr6n",sans-serif;
	font-style: normal;
	font-weight: 700;
	margin: 0;
	text-align: center;
	color: #45B035;
	background: url(../images/2017/epi_line.gif) repeat-x center center;
}
.episode dt span {
	background: #E0F0E2;
	padding: 0 1em;
}
.episode dd {
	padding: 0;
	font-size: 80%;
	line-height: 120%;
}*/
.episode {
	padding: 6px;
	margin-bottom: 10px;
}
.epi_ttl{
	font-size: 130%;
	font-family: "kozuka-gothic-pr6n",sans-serif;
	font-style: normal;
	font-weight: 700;
	margin: 0;
	/*text-align: left;
	text-indent: 24px;*/
	text-align: center;
}
.epi_txt{
	padding: 4px;
	font-size: 80%;
	font-weight: normal;
	line-height: 120%;
}

.message {
	padding: 10px;
	margin-bottom:10px;
	margin-left: 10px;
	font-size: 80%;
	line-height: 120%;
}


.impressions {
	padding: 6px;
}
.imp_ttl {
	font-size: 130%;
	font-family: "kozuka-gothic-pr6n",sans-serif;
	font-style: normal;
	font-weight: 700;
	margin: 0;
	/*text-align: left;
	text-indent: 24px;*/
}
.imp_txt {
	padding: 4px;
	font-size: 90%;
	line-height: 120%;
}
.image02 {
	margin-bottom: 10px;
}

/* その他のエピソード */
.other_episode {
	margin: 0 25px 25px 25px;
	border: 3px solid #37150D;
	background: url(../images/2017/corkboard.jpg) repeat;
}
	.inner_cork_bg {
	padding-bottom: 20px;
	background-image: url(../images/2017/other_episode_opimg.png);
	background-repeat: no-repeat;
	background-position: 2% 98%;
	}
	.other_eipsode_ttl {
		margin: auto;
		text-align: center;
		position: relative;
		top: 3px;
	}
	.other_episode h2 { display: none; }
	.other_episode_desc {
		font-size: 80%;
		margin: 0 5px;
	}
		.other_episode_desc .left01 {
			width: 210px;
			margin-left: 2px;
			float: left;
			box-shadow:4px 7px 10px -4px #080708;
			-moz-box-shadow:4px 7px 10px -4px #080708;
			-webkit-box-shadow:4px 7px 10px -4px #080708;
			transform: rotate(-3deg);
			-ms-transform: rotate(-3deg);
			-moz-transform: rotate(-3deg);
			-webkit-transform: rotate(-3deg);
			-o-transform: rotate(-3deg);
			position: relative;
			top: -25px;
		}
		.other_episode_desc .left02 {
			width: 210px;
			margin-left: 10px;
			float: left;
			box-shadow:4px 7px 10px -4px #080708;
			-moz-box-shadow:4px 7px 10px -4px #080708;
			-webkit-box-shadow:4px 7px 10px -4px #080708;
			transform: rotate(2deg);
			-ms-transform: rotate(2deg);
			-moz-transform: rotate(2deg);
			-webkit-transform: rotate(2deg);
			-o-transform: rotate(2deg);
			position: relative;
			bottom: -1px;
		}
		.other_episode_desc .right01 {
			width: 210px;
			margin-right: 10px;
			float: right;
			box-shadow:4px 7px 10px -4px #080708;
			-moz-box-shadow:4px 7px 10px -4px #080708;
			-webkit-box-shadow:4px 7px 10px -4px #080708;
			transform: rotate(-1deg);
			-ms-transform: rotate(-1deg);
			-moz-transform: rotate(-1deg);
			-webkit-transform: rotate(-1deg);
			-o-transform: rotate(-1deg);
			position: relative;
			left: -3px;
		}
		 .other_episode_desc .right02 {
			width: 210px;
			margin-right: 2px;
			float: right;
			box-shadow:4px 7px 10px -4px #080708;
			-moz-box-shadow:4px 7px 10px -4px #080708;
			-webkit-box-shadow:4px 7px 10px -4px #080708;
			transform: rotate(4deg);
			-ms-transform: rotate(4deg);
			-moz-transform: rotate(4deg);
			-webkit-transform: rotate(4deg);
			-o-transform: rotate(4deg);
			position: relative;
			top: -21px;
		}
		.other_episode_desc img{
			position: relative;
			bottom: -4px;
		}
		.other_episode_desc .othere_pisode_box {
			margin:-3px 0 0 0;
			padding:0;
			background: #FFFFFF;
		}
		.other_episode_desc h3 {
			text-align: center;
			font-size: 120%;
			margin: 0 0.5em;
			padding: 0.5em 0;
			border-bottom: 1px solid #729266;
		}
		.other_episode_desc .add {
			text-align: center;
			font-size: 105%;
			padding: 0.5em 0;
		}
		.other_episode_desc .text {
			padding: 0 0.5em 0.5em 0.5em;
		}
		.other_episode_desc .right02 .text  {
			font-size: 90%;
		}


/* 2017追加 */
.guest_voice {
	clear: both;
	margin: 30px 1% auto;
	width: auto;
}
.guest_voice .voice_left {
	width: 240px;
	float: left;
}
.guest_voice .voice_right {
	margin-left: 250px;
	background: #EAF6FD;
}
.guest_voice table th p {
	width: auto;
	margin: -20px 25% auto 25%;
	padding: 5px;
	border-radius: 10px;
	/* 各ブラウザ毎のグラデーション設定 */
	background: -moz-linear-gradient(#8EB40D, #C8DA3E 100%);
	background: -webkit-gradient(linear, top, bottom, from(#8EB40D), to(#C8DA3E;));
	background: -webkit-linear-gradient(#8EB40D, #C8DA3E 100%);
	background: -o-linear-gradient(#8EB40D, #C8DA3E 100%);
	background: -ms-linear-gradient(#8EB40D, #C8DA3E 100%);
	background: linear-gradient(#8EB40D, #C8DA3E 100%);
}
.guest_voice table th span {
	font-family: "kozuka-gothic-pr6n",sans-serif;
	display: block;
	border-radius: 5px;
	background: #C8DA3E;
	padding: 0 20px;
	color: #FFFFFF;
	font-size: 130%;
	font-weight: bold;
	text-shadow: 1px 1px 2px #666666;
}
.guest_voice table td {
	padding: 0.5em;
	vertical-align: top;
	font-size: 80%;
	line-height: 150%;
}
.guest_voice table td.women {
	color: #E60012;
}
.guest_voice table td.women span {
	color: #FFFFFF;
	background: #E60012;
	border-radius: 3px;
	padding: 0.2em 0.8em 0.1em;
}
.guest_voice table td.male {
	color: #0068B7;
}
.guest_voice table td.male span {
	color: #FFFFFF;
	background: #0068B7;
	border-radius: 3px;
	padding: 0.2em 0.8em 0.1em;
}
.guest_voice table td p.etc{
	text-align: right;
	margin-top: -1.3em;
	color: #666666;
}
.bonus {
	clear: both;
	margin: 0 1%;
	padding: 10px 0;
}
.bonus td.detail {
	padding: 0.2em 0.5em;
	font-weight: bold;
	font-size: 90%;
}
.bonus td.detail p {
	text-indent: -1em;
	margin-left: 1em;
}
.bonus td.detail p.term {
	text-indent: 0;
	margin-left: auto;
	margin-top: 0.5em;
	text-align: right;
}
.bonus td.detail span {
	color: #FFFFFF;
	background: #E60012;
	border-radius: 3px;
	margin: 0 0 0 auto;
	padding: 0.2em 0.8em 0.1em;
	display: inline-block;
	text-indent: 0;
	white-space: nowrap;
}

/* */

.shop_data {
	clear: both;
	margin: 10px 1% 0;
	padding: 1% 0;
}

/* 項目毎カラー設定 */
.frame_orange { border: 6px solid #F39800; background: #F39800; }
.frame_green { border: 6px solid #45B035; background: #45B035; }
.frame_pink { border: 6px solid #E95377; background: #E95377; }
.frame_green2 { border: 6px solid #45B035; background: #45B035; }
.frame_gold {
	/* 各ブラウザ毎の斜めグラデーション設定 */
	background: -moz-linear-gradient(45deg, #DEAD00, #DEAD00 1%, #F9C700 19%, #FCD421 41%, #FEE100 52%, #FFF474 61%, #FEE23B 67%, #FFE529 78%, #F1CA00 89%, #EBD200 100%);
	background: -webkit-gradient(linear, left bottom, right top, from(#DEAD00), color-stop(1%, #DEAD00), color-stop(19%, #F9C700), color-stop(41%, FCD421), color-stop(52%, #FEE100), color-stop(61%, #FFF474), color-stop(67%, #FEE23B), color-stop(78%, #FFE529), color-stop(89%, #F1CA00), to(#EBD200));
	background: -webkit-linear-gradient(45deg, #DEAD00, #DEAD00 1%, #F9C700 19%, #FCD421 41%, #FEE100 52%, #FFF474 61%, #FEE23B 67%, #FFE529 78%, #F1CA00 89%, #EBD200 100%);
	background: -o-linear-gradient(45deg, #DEAD00, #DEAD00 1%, #F9C700 19%, #FCD421 41%, #FEE100 52%, #FFF474 61%, #FEE23B 67%, #FFE529 78%, #F1CA00 89%, #EBD200 100%);
	background: -ms-linear-gradient(45deg, #DEAD00, #DEAD00 1%, #F9C700 19%, #FCD421 41%, #FEE100 52%, #FFF474 61%, #FEE23B 67%, #FFE529 78%, #F1CA00 89%, #EBD200 100%);
	background: linear-gradient(45deg, #DEAD00, #DEAD00 1%, #F9C700 19%, #FCD421 41%, #FEE100 52%, #FFF474 61%, #FEE23B 67%, #FFE529 78%, #F1CA00 89%, #EBD200 100%);
	/* 背景を疑似ボーダー10pxで見せる設定 */
	border:0;
	padding: 10px;
}

.frame_orange .right_txt h2 { color: #000000; }
.frame_green .right_txt h2 { color: #000000; }
.frame_pink .right_txt h2 { color: #000000; }
.frame_green2 .right_txt h2 { color: #000000; }

/*.frame_orange .impressions, .frame_orange .episode {
	background: #FFFEEE;
	border: 3px solid #00A0E9;
	border-radius: 20px;
}*/
.frame_orange .impressions { background: #fff2ad; border-radius: 10px; }
.frame_green .impressions { background: #f3f4bb; border-radius: 10px; }
.frame_pink .impressions { background: #fff2ad; border-radius: 10px; }
.frame_green2 .impressions { background: #fff2ad; border-radius: 10px; }
.frame_gold .impressions { background: url(../images/yellow_dot.gif) repeat; }
.frame_pink .episode { background: #fadbda; border-radius: 10px; }
.frame_green2 .episode { background: #f3f4bb; border-radius: 10px; }

.message { background: #fadbda; border-radius: 10px; }

.frame_orange .shop_data { border-top: 1px solid #f08300; }
.frame_green .shop_data { border-top: 1px solid #45B035; }
.frame_pink .shop_data { border-top: 1px solid #E50C85; }
.frame_green2 .shop_data { border-top: 1px solid #45B035; }
.frame_gold .shop_data { border-top: 1px solid #F39800; }

.frame_orange .imp_ttl { color: #ED6C00; text-align: center;}
.frame_green .imp_ttl { color: #6FBA2C; text-align: center;  }
.frame_pink .imp_ttl { color: #ED6C00; text-align: center; }
.frame_green2 .imp_ttl { color: #ED6C00; text-align: center;  }
.frame_gold .imp_ttl { color: #F39800; }

.frame_orange .imp_txt { color: #000000; }
.frame_green .imp_txt { color: #000000; }
.frame_pink .imp_txt { color: #000000; }
.frame_green2 .imp_txt { color: #000000; }
.frame_gold .imp_txt { color: #F39800; }

.frame_orange .epi_ttl { color: #036EB8; }
.frame_orange .epi_txt { color: #004EA2; }
.frame_pink .epi_ttl { color: #E95377; }
.frame_green2 .epi_ttl { color: #6fba2c; }