@charset "utf-8";
/* クロームの青い枠対策
----------------------------------------------------*/
input[type="text"],
input[type="password"],
textarea,
select {outline: none;}
*:focus {outline: none;}
li {list-style: none;}
/* テキスト
----------------------------------------------------*/
.smallText { font-size: .8em;}
.mediumText { font-size: 1.1em;}
.largeText { font-size: 1.3em;}
/* よく使いそうなCSS3
----------------------------------------------------*/
#selectors {
/* 角丸 */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
/* 角丸個別 */
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topright: 15px;
border-top-right-radius: 15px;
/* ボックスに影 */
-webkit-box-shadow: 1px 1px 3px #999;
-moz-box-shadow: 1px 1px 3px #999;
box-shadow: 1px 1px 3px #999;
/* テキストに影 */
text-shadow: 1px 1px 0px #999;
}
/* 汎用
----------------------------------------------------*/
.boxSizing {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
/* text-over-flow
**********************************/
.to {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
text-indent: -9999px;
}
/* text-align
**********************************/
.tc { text-align: center;}
.tr { text-align: right;}
.fs18 { font-size: 18px;}
.fs20 { font-size: 20px;}
.fs24 { font-size: 24px;}
/* float
**********************************/
.floatLeft, .fL { float: left; }
.floatRight, .fR { float: right; }
.clear { clear: both; }
/* clearfix */
.clearfix:after {
	content:" ";
	display:block;
	clear:both;
}
.clearfix { min-height: 1px; }
/* margin
**********************************/
.mb5 {margin-bottom: 5px !important;}
.mb10 {	margin-bottom: 10px !important;}
.mb15 {	margin-bottom: 15px !important;}
.mb20 {	margin-bottom: 20px !important;}
.mb30 {	margin-bottom: 30px !important;}
.mb40 {	margin-bottom: 40px !important;}
.mb60 {	margin-bottom: 60px !important;}
.mt10 {	margin-top: 10px !important;}
.mt20 {	margin-top: 20px !important;}
.mt40 {	margin-top: 40px !important;}
.mt60 {	margin-top: 60px !important;}
.mr20 {	margin-right: 20px !important;}
/* padding
**********************************/
.pt20 { padding-top: 20px !important;}
.pt40 { padding-top: 40px !important;}
.pt60 { padding-top: 60px !important;}
.pt100 { padding-top: 100px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb60 { padding-bottom: 60px !important;}
.pt120 { padding-top: 120px !important;}
.pl40 {	padding-left: 40px !important;}
.pl60 {	padding-left: 60px !important;}
.pl80 {	padding-left: 80px !important;}

/* 東京タラレバ娘
----------------------------------------------------*/

body { background-color: #fc6fab !important;}

#wrapper {
	background: url(../images/common/bg.png);
	background-attachment: fixed;
	background-color: #fc6fab;
}
#wrapper #contents {
	width: 1000px;
}
/* anchor */
#wrapper a,
#wrapper .articl{
	/*-webkit-transition: all 0.2s 0s ease;
	-moz-transition: all 0.2s 0s ease;
	transition: all 0.2s 0s ease;*/
}
#wrapper a:hover {
	text-decoration: none;
	/*filter: alpha(opacity=50);*/
	-moz-opacity:0.5;
	opacity:0.5;
}
/* NAVIめーる半透明回避 */
#wrapper #contents #side #banner_navimail a:hover {
	/*filter: alpha(opacity=100);*/
	-moz-opacity:1;
	opacity:1;
}
/* テキスト指定 */
#article {
	font-size: 120%;
	line-height: 1.5;
}
#article h1, #article h2, #article h3 {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.innerlink-head a {
	background: url(../images/common/pagetop_btn.png) no-repeat;
	width: 102px;
	height: 103px;
	position: fixed;
	bottom: 40px;
	right: 40px;
}
#main #article .pagetop a { display: none;}
#main #article {margin-bottom: 50px;}

#main #article .pink {
	font-weight: bold;
	color: #fc6fab;
}
#main #article .blue {
	font-weight: bold;
	color: #1dcceb;
}
/* -----------#header----------- */
#top_header {
	width: 1000px;
	height: 720px;
	margin: 10px 0 0;
}
#top_header .main_bg {
	background: url(../images/top/main_bg.jpg) no-repeat center top;
	height: 660px;
	position: relative;
}
/*#top_header .anime01 {
	background: url(../images/top/h1_logo.png) no-repeat;
	width: 540px;
	height: 217px;
	position: absolute;
	left: 50px;
	left:calc(50% - 270px);
	left:-webkit-calc(50% - 270px);
	left:-moz-calc(50% - 270px);
	top:60px;
}
#top_header .anime02 {
	background: url(../images/top/h2.png) no-repeat;
	width: 424px;
	height: 75px;
	position: absolute;
	left: 100px;
	left:calc(50% - 217px);
	left:-webkit-calc(50% - 217px);
	left:-moz-calc(50% - 217px);
	top:240px;
}*/
#top_header .main_banner {
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translate(-50%,0);
	width: 670px;
}
#top_header .main_banner a{
	display: block;
	width: 100%;
	height: 100%;
}
#top_header .main_banner img{
	width: 100%;
}
#top_header .news { padding: 15px 0 0;}
#top_header .news h3 {
	background: url(../images/top/news_icon.png) no-repeat;
	width: 154px;
	height: 36px;
	position: absolute;
}
#top_header .ticker_bg {
	margin: 0 0 0 154px;
  padding: 10px 15px;
  width: 845px;
	height: 36px;
	box-sizing: border-box;
	background: #FFF;
}
#top_header .ticker {
  text-align: left;
  position: relative;
  overflow: hidden;;
	color: #585757;
	font-size: 16px;
}
#top_header .ticker ul {
  width: 100%;
  position: relative;
}
#top_header .ticker ul li {
  width: 100%;
  display: none;
}
#top_header .ticker a ,#top_header .ticker span { color: #2fcce9; }

#topad { padding-bottom:5px; }
/* sns.js */
.global_NTV_snsArea .global_NTV_snsList {
	padding: 0 10px 10px 0;
}
.global_NTV_snsArea .global_NTV_snsList li {
	display: inline-block;
	margin-right: 15px;
	vertical-align: top;
	line-height: 1;
}
.global_NTV_snsArea .fb_iframe_widget span {
	vertical-align: top !important;
}


#btn_line {
	background: url(../images/top/line_btn.png) no-repeat 0 -272px;
	width: 165px;
	height: 284px;
	margin: 20px auto;
}
#btn_line_sp a { display: none;}
/*#main #article .sns { margin: -5px 0 0;}*/
#main #article .twitter {
	background: #2fcce9;
	width: 485px;
	padding: 100px 20px 0;
	box-sizing:border-box;
	height: 480px;
	position: relative;
	float: left;
}
#main #article .twitter h3 {
	background: url(../images/top/twitter_h3.png) no-repeat;
	width:160px;
	height: 40px;
	position: absolute;
	top:30px;
	left: 20px;
}
#main #article .twitter_btn a {
	display: block;
	position: absolute;
	right: 20px;
	top:30px;
}
#main #article .tarareba_line {
	background: url(../images/top/line_bg.png) no-repeat center 320px #00b900;
	float: right;
	width: 190px;
	height: 480px;
}
/* -----------インスタ----------- */
#main #article .insta h3 {
	background: url(../images/top/insta_h3.png) no-repeat;
	width: 287px;
	height: 35px;
	position: absolute;
	left: 20px;
	top:30px;
}
#main #article .insta {
	background: #FFF;
	position: relative;
}
#main #article .insta:before, .insta:after {
	content: "";
	position: absolute;
	background: url(../images/common/line_dot.png) no-repeat;
	width: 675px;
	height: 11px;
}
#main #article .insta:before { top: -7px;}
#main #article .insta:after { bottom: -7px; left: 0;}
#main #article .insta .insta_list {
	padding: 100px 0 40px 0;
}
#main #article .insta_list ul {
	text-align: center;
}
#main #article .insta_list li {
	display: inline-block;
	width: 200px;
	height: 200px;
	background: #fc6fab;
	overflow: hidden;
	border: solid 1px #fc6fab;
	box-sizing: border-box;
	margin: 5px;
	vertical-align: top;
}
#main #article .insta li img {
	width: 100%;
	vertical-align: top;
	text-align: center;
}
#main #article .insta_btn a {
	display: block;
	position: absolute;
	right: 20px;
	top:30px;
}
/* -----------#main 共通----------- */
#main {
	width: 675px;
	margin: 0 auto;
	/*padding-bottom: 35px;*/
	color: #585757;
	font-size: 16px;
	font-family: Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}
#main #article .tarareba_nav {padding: 10px 0 0;}
#main #article .tarareba_nav ul { margin-right: -10px; width: 675px; }
#main #article .tarareba_nav li { float: left;}
#main #article .tarareba_nav li a ,#main #article .tarareba_nav li span {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width: 160px;
	height: 160px;
	margin: 0 10px 10px 0;
	background: url(../images/common/nav.png)no-repeat;
}
/*#main #article .tarareba_nav li span:nth-child(4n),
#main #article .tarareba_nav li:nth-child(4n) {
margin-right: 0 !important;
}*/
#main #article .tarareba_nav  li a:hover { opacity: 1;}
#main #article .tarareba_nav .nav_intro a { background-position: 0 0; }
#main #article .tarareba_nav .nav_intro a:hover {background:url(../images/common/nav_intro.gif)no-repeat;}
#main #article .tarareba_nav .nav_story a { background-position: -160px 0;}
#main #article .tarareba_nav .nav_story a:hover {background:url(../images/common/nav_story.gif)no-repeat;}
#main #article .tarareba_nav .nav_chart a { background-position: -320px 0;}
#main #article .tarareba_nav .nav_chart a:hover {background:url(../images/common/nav_chart.gif)no-repeat;}
#main #article .tarareba_nav .nav_cast_staff a { background-position: -480px 0; margin: 0 0 10px 0;}
#main #article .tarareba_nav .nav_cast_staff a:hover {background:url(../images/common/nav_cast_staff.gif)no-repeat;}
#main #article .tarareba_nav .nav_original a { background-position: -640px 0;}
#main #article .tarareba_nav .nav_original a:hover {background:url(../images/common/nav_original.gif)no-repeat;}
#main #article .tarareba_nav .nav_music a { background-position: -800px 0;}
#main #article .tarareba_nav .nav_music a:hover {background:url(../images/common/nav_music.gif)no-repeat;}
#main #article .tarareba_nav .nav_goods a { 
	background-position: -960px 0;
	filter:grayscale(100%);
	opacity: .7;
	pointer-events: none;
}
#main #article .tarareba_nav .nav_goods a:hover {background:url(../images/common/nav_goods.gif)no-repeat;}
#main #article .tarareba_nav .nav_minogashi a { background-position: -1120px 0; margin: 0 0 10px 0;}
#main #article .tarareba_nav .nav_minogashi a:hover {background:url(../images/common/nav_hulu.gif)no-repeat;}

/* ----------- #動画 ----------- */
#main #article .tarareba_movie {
	background: url(../images/top/movie_bg.png)no-repeat;
	height: 975px;
	position: relative;
	box-sizing: border-box;
	margin-top: -20px;
}
#main #article .tarareba_movie_fin {
	background: url(../images/top/movie_bg_fin.png)no-repeat;
	height: 564px;
	position: relative;
	box-sizing: border-box;
	margin-top: -20px;
}

#main #article .tarareba_movie h3 {
	background: url(../images/top/movie_h3.png)no-repeat;
	width: 196px;
	height: 36px;
	position: absolute;
	top:70px;
}
#main #article .tarareba_movie .movie_btn {
	position: absolute;
	right: 40px;
	top:60px;
}
#main #article .tarareba_movie .movie_box {
	width: 540px;
	height: 310px;
	padding: 120px 0 0;
	margin: 0 auto;
}
/* ----------- #あらすじ ----------- */
#main #article .story_intro {
	position: relative;
	padding: 60px 0 0;
}
#main #article .tarareba_movie_fin .story_intro {
	position: relative;
	padding: 80px 0 0;
}

#main #article .story_intro h3 {
	background: url(../images/top/story_h3.png) no-repeat;
	width: 221px;
	height: 36px;
	/*top:0;*/
}
#main #article .tarareba_movie_fin .story_intro h3 {
	background: url(../images/top/story_h3.png) no-repeat;
	width: 221px;
	height: 36px;
	position: absolute;
	top:80px;
}
/* ----------- 第二階層共通 ----------- */
#second_header a {
	background: url(../images/common/header_second.jpg) no-repeat;
	width: 675px;
	height: 135px;
	display: block;
}
#main #article .article_area {
	background: #FFF;
	margin: 10px 0 0;
	position: relative;
	padding: 50px 0;
}
#main #article .article_area:before, .article_area:after {
	content: "";
	position: absolute;
	background: url(../images/common/line_stripe.png) no-repeat;
	width: 675px;
	height: 13px;
}
.article_area:before { top: -10px;}
.article_area:after { bottom: -10px; left: 0;}

/* ----------- イントロダクション ----------- */
#main #article .intro {}
#main #article .intro h3 {
	background: url(../images/intro/intro_h3.png) no-repeat;
	width: 435px;
	height: 35px;
}
#main #article .intro_txt {
	width: 580px;
	margin: 0 auto;
	overflow: hidden;
}
.intro01, .intro02, .intro03, .intro04, .intro05,
.intro06, .intro07, .intro08 , .intro09 {
	background: url(../images/intro/intro_img00.png) no-repeat;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 580px;
	background-position-x: 0;
	transition: .8s;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
.intro01 { background-position:0 0;  height: 77px; }
.intro02 { background-position:0 -80px;  height: 60px; }
.intro03 { background-position:0 -140px;  height: 160px; }
.intro04 { background-position:0 -300px;  height: 100px; }
.intro05 { background-position:0 -400px;  height: 40px; }
.intro06 { background-position:0 -440px;  height: 120px; }
.intro07 { background-position:0 -560px;  height: 80px; }
.intro08 { background-position:0 -660px;  height: 90px; }
.intro09 { background-position:0 -760px;  height: 100px; }

.intro01, .intro02, .intro07 {
	transition: .5s;
}
.intro03, .intro04, .intro06, .intro07,.intro08 {
	opacity: 0;
}
.intro05 {
	transform:rotateY(0deg);
	-webkit-transform:rotateY(0deg);
}
.intro09 {
	transform: scale(0, 0) rotateY(180deg);
	-webkit-transform: scale(0, 0) rotateY(180deg);
}
.mv02 {
	transform: scale(1, 1) rotateY(360deg);
	-webkit-transform: scale(1, 1) rotateY(360deg);
}
.mv03 {
	transform:rotateY(360deg);
	-webkit-transform:rotateY(360deg);
}
.mv04 {
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
}
.mv05 {opacity: 1;}
/* -----------.original----------- */
#main #article .original {
	position: relative;
}
#main #article .original_box {
	padding: 0 50px;
}
#main #article .original h3 {
	background: url(../images/original/original_h3.png) no-repeat;
	width: 298px;
	height: 38px;
}
#main #article .comic_txt {
	font-weight: bold;
	font-size: 24px;
	width: 400px;
	position: absolute;
	top:90px;
	left: 20px;
	line-height: 1.4;
}
#main #article .reading a {
	/* width: 400px; */
	display: inline-block;
	background: #2fcde9;
	padding: 10px 40px 10px 30px;
	text-align: center;
	border-radius: 10px;
	position: absolute;
	font-size: 18px;
	top:280px;
	left: 120px;
	text-decoration: none;
	color: #ffff00;
}
#main #article .reading a:after {
	position: absolute;
	top: 50%;
	right: 15px;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -5px;
	border-top: 2px solid #ffff00;
	border-right: 2px solid #ffff00;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#main #article .comic_txt span { font-size: 18px; line-height: 2.5;}
#main #article .reading span { font-size: 16px;}

#main #article .original_comment h5 {
	display: block;
	background: url(../images/original/original_h5.png) no-repeat;
	height: 42px;
	width: 580px;
}
#main #article .original_comment {
	background: #f3ff2b;
	width: 580px;
	padding: 0 0 20px;
	margin: 0 auto;
}
#main #article .original_comment .txt01 {font-size: 18px;}
#main #article .original_comment .txt02 {
	font-size: 20px;
	font-weight: bold;
}
#main #article .original_comment .txt03 {
	font-size: 28px;
	font-weight: bold;
}
/* --------- キャストスタッフ --------- */
#main #article .cast h3 {
	background: url(../images/cast_staff/cast_h3.png) no-repeat;
	width: 259px;
	height: 33px;
}
#main #article .staff h3 {
	background: url(../images/cast_staff/staff_h3.png) no-repeat;
	width: 255px;
	height: 34px;
}

.cast_list dd, .staff_list dd, .staff_list dt, .cast_list dt {
	display: none;
}
#main #article .cast_list {
	width: 350px;
	margin: 0 0 0 120px;
	background: url(../images/cast_staff/cast_img00.png) no-repeat;
	height: 455px;
}
#main #article .staff_list {
	width: 501px;
	margin: 0 0 0 115px;
	background: url(../images/cast_staff/staff_img00.png) no-repeat;
	height: 429px;
}
/* --------- 音楽 --------- */
#main #article .themesong h3 {
	background: url(../images/music/themesong_h3.png) no-repeat;
	width: 116px;
	height: 37px;
	margin: 0 auto;
}
#main #article .themesong_comment {
	background: #f3ff2b;
	width: 580px;
	box-sizing: border-box;
	margin: 20px auto 60px;
}
#main #article .themesong_comment h4 {
	display: block;
	background: url(../images/music/themesong_h4.png) no-repeat;
	height: 42px;
	width: 580px;
}
#main #article .themesong_comment h5 {
	font-weight: bold;
	font-size: 16px;
	color: #2fcde9;
	padding:0 20px;
}
#main #article .themesong_comment p {
	padding:0 20px;
	font-size: 14px;
}
#main #article .music:before ,#main #article .backnumber:before  ,#main #article .disc_detail:before {
	content: "";
	position: absolute;
	background: url(../images/common/line_ring.png) no-repeat;
	width: 675px;
	height: 22px;
	top:-15px;
}
#main #article .music ,#main #article .backnumber,#main #article .disc_detail  {
	background: #e5f6f9;
	padding: 40px 0 80px;
	position: relative;
	margin-bottom: -50px;
	text-shadow: 2px 2px 0px #fff;
}
#main #article .music h3 {
	background: url(../images/music/music_h3.png) no-repeat;
	width: 75px;
	height: 38px;
	margin: 0 auto;
}
#main #article .music .tit {
	font-weight: bold;
	font-size: 24px;
}

/* --------- ストーリー　--------- */
#main #article .story_area, #main #article .spinoff_area { padding: 0 0 50px;}

#main #article .story h3 {
	background: url(../images/story/story_h3.png) no-repeat;
	width: 234px;
	height: 41px;
	position: absolute;
	top:50px;
}
#main #article .story .story_box {
	padding: 0 30px;
}
#main #article .story .story_box .story_txt {
	width: 300px;
	font-size: 16px;
	line-height: 1.8;
}
#main #article .story .story_box .sentence { margin: 0 0 40px;}

#main #article .backnumber_list {
	padding: 20px 0 0 25px;
}
#main #article .backnumber_list li {
	display: inline-block;
	margin: 3px;
}
/* --------- グッズ --------- */
#main #article .goods h3 {
	background: url(../images/goods/goods_h3.png) no-repeat;
	width: 221px;
	height: 37px;
}
#main #article .goods-lead {
	font-size: 24px;
	background: #fff0f6;
	padding: 10px 0;
}
#main #article .goods .goods_list .goods_box:first-child {
	background: url(../images/common/line_dot-pink.png) no-repeat left top, url(../images/common/line_dot-pink.png) no-repeat left bottom;
}
#main #article .goods .goods_box {
	padding: 25px 20px;
	background: url(../images/common/line_dot-pink.png) no-repeat left bottom;
}
#main #article .goods .goods_box img {
	float: left;
	width: 310px;
	border: solid 1px #ccc;
	margin: 0 20px 0 0;
}
#main #article .goods .goods_box .text_box {
	float: left;
	width: 300px;
}
#main #article .goods .goods_box h4 {
	display: block;
	background: #eafafd;
	font-weight: bold;
	padding: 10px 0 10px 15px;
	border-left: solid 5px #2fcce9;
	color: #2fcce9;
	position: relative;
}
#main #article .goods .goods_box .text_box .price {
	font-size: 12px;
	font-weight: lighter;
	color: #585757;
	line-height: 2.5;
	position: absolute;
	right: 10px;
}
#main #article .goods .goods_box .text_box .detail {
	font-size: 16px;
	margin: 10px 0 0;
}
#main #article .goods .shop_list li {
	display: inline-block;
	margin: 0 5px;
}
#main #article .goods .shop_list li a ,#main #article .goods .shop_list li span {
	display: inline-block;
	width: 200px;
	height: 70px;
	vertical-align: middle;
	text-align: center;
	font-size: 16px;
	text-decoration: none;
	box-sizing: border-box;
	/* border-radius */
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
#main #article .goods .shop_list li a {
	background: #2fcce9;
	color: #FFF;
	height: 70px;
	padding: 25px 0 0;
	/* box-shadow */
	box-shadow:0px 4px 0px 0px #a7f1ff;
	-moz-box-shadow:0px 4px 0px 0px #a7f1ff;
	-webkit-box-shadow:0px 4px 0px 0px #a7f1ff;
}
#main #article .goods .shop_list li span {
	background: #eafafd;
	color: #2fcce9;
	padding: 12px 0 0;
}
/* -----------.相関図----------- */
#main #article .chart {
}
#main #article .chart_box {
	background: url(../images/chart/chart_img.jpg) no-repeat;
	width: 646px;
	height: 1130px;
	margin: 0 auto;
	position: relative;
}
#main #article .chart h3 {
	background: url(../images/chart/chart_h3.png) no-repeat;
	width: 249px;
	height: 35px;
}
.chart_box a { position: absolute;}

.chart_box .rinko a {
	width: 195px;
	height: 300px;
	top:340px;
	left: 200px;
}
.chart_box .kaori a {
	width: 195px;
	height: 300px;
	top:390px;
	left: 0px;
}
.chart_box .koyuki a {
	width: 195px;
	height: 300px;
	top:390px;
	left: 400px;
}
.chart_box .key a {
	width: 230px;
	height: 230px;
	top:0px;
	left: 20px;
}
.chart_box .hayasaka a {
	width: 230px;
	height: 230px;
	top:10px;
	left: 260px;
}
.chart_box .mami a {
	width: 150px;
	height: 150px;
	top:70px;
	left: 500px;
}
.chart_box .ryo a {
	width: 180px;
	height: 220px;
	bottom:70px;
	left:0px;
}
.chart_box .marui a {
	width: 180px;
	height: 220px;
	bottom:70px;
	left:280px;
}
.chart_box .yasuo a {
	width: 180px;
	height: 220px;
	bottom:70px;
	right:0px;
}
.chart_box .chara a {
	width: 260px;
	height: 160px;
	bottom:250px;
	left:140px;
}
/* -----------.present----------- */
#main #article .present h3 {
	background: url(../images/present/present_h3.png) no-repeat;
	width: 163px;
	height: 33px;
	margin: 0 auto;
}
#main #article .present .comic {
	background: url(../images/present/present_comic_h3.png) no-repeat;
	width: 278px;
	height: 36px;
	margin: 0 auto;
}
.present_box {
	padding: 0 40px;
}
.present-lead {
	font-size: 24px;
	background: #fff0f6;
	padding: 10px 0;
}

.present_detail {
	background: #f3ff2b;
	font-size: 16px;
	padding: 20px;
}
/* -----------.disc----------- */
#main #article .disc h3 {
	background: url(../images/disc/disc_h3.png) no-repeat;
	width: 277px;
	height: 36px;
	margin: 0 auto;
}
#main #article .disc .about_disc,
#main #article .disc .tokuten_area {
	width: 580px;
	margin: 20px auto;
	font-size: 18px;
}

#main #article .disc .tokuten_area {
	background: #fff0f6;
	border: dotted 2px #fc6fab;
	padding: 20px;
	box-sizing: border-box;
}
#main #article .disc .tokuten_area h4 {
	color: #fc6fab;
	font-weight: bold;
	font-size: 20px;
}
#main #article .disc .tokuten_area h4 span { font-size: 14px;}
#main #article .disc_detail .disc_box {
	padding: 0 40px 20px;
	font-size: 16px;
	line-height: 1.8;
	border-bottom: dotted 3px #2fcde9;
}
#main #article .disc_detail .disc_box h5 {
	color: #2fcde9;
	font-weight: bold;
	font-size: 24px;
	text-indent: -.5em;
}

#main #article .disc_detail .btn_buy a {
	display: inline-block;
	padding: 20px 80px;
	vertical-align: middle;
	text-align: center;
	font-size: 20px;
	text-decoration: none;
	box-sizing: border-box;
	background: #2fcce9;
	color: #FFF;
	/* border-radius */
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	/* box-shadow */
	box-shadow:0px 4px 0px 0px #a7f1ff;
	-moz-box-shadow:0px 4px 0px 0px #a7f1ff;
	-webkit-box-shadow:0px 4px 0px 0px #a7f1ff;
	text-shadow: none;
}

/* -----------.spinoff----------- */
.spinoff_box {
	padding: 20px 40px 0;
}
.spinoff-lead {
	font-size: 24px;
	background: #bd7cff;
	color: #fff100;
	font-weight: bold;
	padding: 20px 0;
}

.spinoff_dash {
	border-bottom: dashed 2px #bd7cff;
}

/* -----------#side-------------- */

#side { padding: 10px 0px 0px; }
#side .box{
/* border-radius */
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
#wrapper #contents #side .box .title {
background: rgb(218,225,229); /* Old browsers */
background: -moz-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(218,225,229,1)), color-stop(100%,rgba(238,241,244,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#dce2e6',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* W3C */
}
#wrapper #contents #side #oa .info a,
#wrapper #contents #side #blog .info a{
background-color: rgba(153,153,153,0.5);
/* box-shadow */
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
}