@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_blue, .frame_green, .frame_gold {
	border-radius: 10px;
	margin: 25px;
	position: relative;
	top: -15px;
}
.frame_white {
	padding-top: 10px;
	background: #FFFFFF;
	border-radius: 5px;
}

.ribon {
	width: auto;
	position: absolute;
}
.frame_orange .ribon { left: -5px/*20px*/; top: -28px; }
.frame_blue .ribon { left: -15px; top: -28px; }
.frame_green .ribon { left: -15px; top: -20px; }
.frame_gold .ribon { left: -5px; top: -15px; }

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

.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%);
}

/* */

.left_img {
	width: 40%;
	float: left;
	margin-left: 1%;
	margin-bottom: 1%;
}

.frame_orange .left_img { margin-top: 20px; }
.frame_blue .left_img { margin-top: 60px; }
.frame_green .left_img { margin-top: 60px; }
.frame_gold .left_img { margin-top: 60px; }

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

.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/2016/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;
}
.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;
}
.epi_txt{
	padding: 4px;
	font-size: 80%;
	font-weight: normal;
	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/2016/cork_bg.jpg) repeat;
	padding-bottom: 20px;
	border-radius: 10px;
}
.other_episode:after {
 	clear:both;
}
	.other_eipsode_ttl {
		margin: auto;
		text-align: center;
		/*position: relative;
		top: 5px;*/
	}
	.other_episode h2 { display: none; }
	.other_episode_desc {
		font-size: 80%;
		margin: 0 5px;
	}
		.other_episode_desc .left {
			width: 280px;
			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;
			position: relative;
			top: 5px;*/
		}
		.other_episode_desc .center {
			width: 280px;
			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;
			position: relative;
			top: 5px;*/
		}
		.other_episode_desc .right {
			width: 280px;
			margin-right: 5px;
			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;
			position: relative;
			top:5px;*/
		}
		.other_episode_desc div.o_eip_img01 {
			width: 280px;
			height: 42px
		}
		.other_episode_desc div.o_eip_img02 {
			width: 280px;
			height: 26px
		}
		.other_episode_desc .othere_pisode_box {
			margin:0;
			padding:0;
			background: #FFFFFF;
		}
		.other_episode_desc h3 {
			color:#1E7433;
			text-align: center;
			font-size: 200%;
			font-weight: bold;
			margin: 0 0.5em;
			padding: 0.5em 0;
			font-family: "kozuka-gothic-pr6n",sans-serif;
			/*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 1em 0.5em;
			line-height: 130%;
		}


/* 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: 10px solid #F39800; background: #F39800; }
.frame_blue { border: 10px solid #036EB8; background: #036EB8; }
.frame_green { border: 10px 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: #E50C85; }
.frame_blue .right_txt h2 { color: #036EB8; }
.frame_green .right_txt h2 { color: #45B035; }
.frame_gold .right_txt h2 { color: #F39800; }

.frame_orange .impressions, .frame_orange .episode {
	background: #FFFEEE;
	border: 3px solid #00A0E9;
	border-radius: 20px;
}
.frame_blue .impressions { background: url(../images/2016/blue_dot.gif) repeat; }
.frame_green .impressions { background: url(../images/2016/green_dot.gif) repeat; }
.frame_gold .impressions { background: url(../images/2016/yellow_dot.gif) repeat; }

.frame_orange .shop_data { border-top: 2px solid #000000; }
.frame_blue .shop_data { border-top: 1px solid #036EB8; }
.frame_green .shop_data { border-top: 1px solid #45B035; }
.frame_gold .shop_data { border-top: 1px solid #F39800; }

.frame_orange .imp_ttl { color: #036EB8; }
.frame_blue .imp_ttl { color: #036EB8; }
.frame_green .imp_ttl { color: #45B035; }
.frame_gold .imp_ttl { color: #F39800; }

.frame_orange .imp_txt { color: #004EA2; font-weight: bold;}
.frame_blue .imp_txt { color: #036EB8; }
.frame_green .imp_txt { color: #45B035; }
.frame_gold .imp_txt { color: #F39800; }

.frame_orange .epi_ttl { color: #036EB8; }
.frame_orange .epi_txt { color: #004EA2; }