@charset "UTF-8";

/*=====================================================
*
*	sphone.css
*	Since 2011.3.07
*	
*
*	1= structure
*	2= common style
*	3= header module
*	4= navigation module
*	5= footer module
*	6= contents module
*	7= home module
*	8= program module
*	9= details module
*	10= message module
*	11= error module
*	12= LayoutPattern module
*	13= sns module
*	14= present module
*	15= search module
*	16= enjoyment module
*
========================================================*/

/*	1= structure module
-----------------------------------------------------*/

header {
    position: relative;
    height: 56px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.2)  inset;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.2)  inset;
	box-shadow: 0 1px 3px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.2)  inset;
}
#main { width: 100vw; background: #fff; overflow-x:  hidden; }

footer { width: 100vw; background: #fff; overflow-x:  hidden; }
div.footerInner {
	position: relative;
	padding-bottom: 3px;
	border-top: solid 3px #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#313131),  to(#000000));
	background: -moz-linear-gradient(left top, #313131, #000000);
	text-align: center;
	line-height: 1;
}

/*	2= common style
-----------------------------------------------------*/
body {
	-webkit-text-size-adjust: none;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#CCCCCC));
	background: -moz-linear-gradient(left top, #ffffff, #CCCCCC);
	background-color: #fff;
	font-family: HiraKakuProN-W3;
	line-height: 1.25;
}
a { color: #006664; text-decoration: underline; }

a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);	/* タップ時の反転色 */
}
.ft11px { font-size: 11px !important;}
.ft12px { font-size: 12px !important;}
.fw-nomal { font-weight:  normal; }
.pt10 { padding-top:  10px; !important; }

#main h1 {
	clear: both;
    z-index: 2;
	height: 40px;
    margin-top:  1px;
	line-height: 40px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#CE0D19), color-stop(0.55, #C6000C), to(#960000));
	background: -moz-linear-gradient(left top, #CE0D19, #C6000C 55%,  #960000);
     -webkit-box-shadow: 0 -1px 3px rgba(0,0,0,.2), 0 -1px 2px rgba(0,0,0,.2)  inset;
	-moz-box-shadow: 0 -1px 3px rgba(0,0,0,.2), 0 -1px 2px rgba(0,0,0,.2)  inset;
	box-shadow: 0 -1px 3px rgba(0,0,0,.2), 0 -1px 2px rgba(0,0,0,.2)  inset;
	background-color: #C6000C;
	font-family: HiraKakuProN-W6;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	letter-spacing: 0.4em;
}

.news #main h1 { background: #004CA1; }
.entertainment #main h1 { background: #FF8F31; }
.drama #main h1 { background: #85B200; }
.movie #main h1 { background: #2F9DFF; }
.anime #main h1 { background: #DC73FF; }
.hobby #main h1 { background: #F94F52; }
.education #main h1 { background: #238C00; }
.sports #main h1 { background: #00A3D9; }
.special #main h1 { background: #7373FF; }

#main article h1 { background: #fff !important; }
#main article h1 .tvTitleSub { font-weight:normal; color: #006664; vertical-align: middle; }
#main article h1 .tvTitleSub img { position:  relative; vertical-align: middle;  margin-top:  -5px;}
/*
#main article h1 .tvTitleSub::before {
    content: "【";
}
#main article h1 .tvTitleSub::after{
    content: "】"
}
*/
#main article h1 .tvTitleSub::after{
    content: "　"
}

h2 {
	position: relative;
    z-index: 5;
	height: 22px;
	line-height: 1;
	margin-bottom: 13px;
	margin-top: 10px;
	padding: 8px 10px 0 42px;
	border-top: 1px solid #222222;
	border-bottom: 1px solid #ffffff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#252525), color-stop(0.55, #444444), to(#353535));
	background: -moz-linear-gradient(left top, #252525, #444444 55%,  #353535);
	background-color: #444444;
	font-family: HiraKakuProN-W6;
	font-weight: bold;
	font-size: 15px;
	color: #fff;
	letter-spacing: 0.2em; 
}
.details h2 {
    min-height: 22px;
    height: auto;
    line-height: 1.4;
    padding: 5px 10px 4px 42px;
}
div.event h2,
h2.red {
    border-top: 1px solid #999999;
	border-bottom: 1px solid #B41716;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#9E1B1B), color-stop(0.55, #D82828), to(#D82828));
	background: -moz-linear-gradient(left top, #9E1B1B, #D82828 55%,  #D82828);
	background-color: #C6000C;
}
h2.service { margin-top: -12px; }
h2 img { position: absolute; z-index: 10; left: 0px; top: -10px; }

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0px;
	}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.clr { clear: both; }
.cl { clear: left; }
.cr { clear: right; }


#main small { font-size: 13px;}


/*	3= header module
-----------------------------------------------------*/
header #siteID { 
	height: 56px;
	background: -webkit-gradient(linear, left top, left bottom, from(#CE0D19), color-stop(0.5, #C6000C), to(#960000));
	background: -moz-linear-gradient(left top, #CE0D19, #C6000C 50%,  #960000);
	background-color: #C6000C;
	font-family: HiraKakuProN-W6;
	font-size: 18px;
	color: #fff;
	overflow: hidden;
}
header #siteID a {
	display: block;
	width: 90px;
	height: 40px;
	margin-top: 10px;
	margin-left: 10px;
	line-height: 40px;
	color: #fff;
	background: url(../images/logo.png) no-repeat;
	-webkit-background-size: 90px 40px;
	-moz-background-size: 90px 40px;
	background-size: 90px 40px;
	text-indent: -9500px;
	overflow: hidden;
}
#search {
    position: absolute;
	z-index: 9990;
	width: 100%;
    box-sizing:  border-box;
	padding: 20px 30px;
	-webkit-box-shadow: 0 3px 4px rgba(0,0,0,.4);
	-moz-box-shadow: 0 3px 4px rgba(0,0,0,.4);
	box-shadow: 0 3px 4px rgba(0,0,0,.4);
	background-color: #A80005;
    text-align: center;
}

#search p#searchclose { margin-top:  15px; text-align: center; }
#search p#searchclose a {
	display: block;
	width: 80px;
	height: 0px;
	margin: 0 auto;
	padding-top: 35px;
	line-height: 35px;
	overflow: hidden;
	background: #560001 url(../images/btn_close.png) no-repeat;
	-webkit-background-size: 80px 35px;
	-moz-background-size: 80px 35px;
	background-size: 80px 35px;
	-moz-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#search input.search {
    box-sizing:  border-box;
    width: 70vw;
    height: 36px;
    padding: 8px 4px;
    border: none;
    outline: 0;
    background: #fff;
    background-position: 4px center !important;
    font-size: 15px;
    line-height: 1.3;
    text-align:  left;
    -moz-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
    /*background-image:none !important;*/
}
#search input.searchBtn {
    background:  #444;
    height: 36px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius:0px;
    border-bottom-left-radius: 0px;
 }


/*	4= navigation module
-----------------------------------------------------*/
nav { }

ul.headTb { position: absolute; right: 11px; top: 23px; }
ul.headTb li {
	display: inline-block;
	width: 90px;
	border: solid 1px #ccc;
	border-top: none;
	-webkit-border-bottom-left-radius: 8px; 
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3); 
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); 
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); 
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#D6D6D6));
	background: -moz-linear-gradient(left top, #ffffff, #D6D6D6);
	background-color: #fff;
	font-size: 14px;
	text-align: center;
}

ul.headTb li a {
	display: block;
	width: 90px;
	height: 15px;
	padding: 6px 0;
	color: #000;
	font-family: HiraKakuProN-W6;
	font-weight:bold;
	text-decoration: none;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9);
}

/*-----------------*/

ul#subNav { display: block; height: 30px; padding-top: 6px; background: #000; }
ul#subNav li {
	display: inline-block;
	-webkit-border-top-left-radius: 8px; 
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3); 
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); 
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	background: -webkit-gradient(linear, left top, left bottom, from(#787878), color-stop(0.75, #242424), color-stop(0.76, #000000), to(#000000));
	background: -moz-linear-gradient(left top, #787878, #242424 75%,  #000000 76%,  #000000);
	background-color: #000;
	font-size: 14px;
	text-align: center;
	letter-spacing: 0.1em; 
}
ul#subNav li a {
	display: block;
	height: 15px;
	padding: 7px 10px;
	color: #fff;
	font-family: HiraKakuProN-W6;
	font-weight:bold;
	text-decoration: none;
}
ul#headerSubNav { position: absolute; right: 0px; top: 0px; }
ul#headerSubNav li#menuProgram {
	position: absolute;
	right: 65px;
	width: 64px;
	height: 56px;
	overflow: hidden;
}
ul#headerSubNav li#menuProgram a {
	display: block;
	width: 64px;
	height: 0px;
	padding-top: 56px;
	border-left: solid 1px #A4050F;
	line-height: 56px;
	overflow: hidden;
	background: url(../images/btn_program.png) no-repeat;
	-webkit-background-size: 64px 56px;
	-moz-background-size: 64px 56px;
	background-size: 64px 56px;
}
ul#headerSubNav li#menuOpen {
	position: absolute;
	right: 0px;
	width: 64px;
	height: 56px;
	overflow: hidden;
}
ul#headerSubNav li#menuOpen a {
	display: block;
	width: 64px;
	height: 0px;
	padding-top: 56px;
	border-left: solid 1px #A4050F;
	line-height: 56px;
	overflow: hidden;
	background: url(../images/btn_menu.png) no-repeat;
	-webkit-background-size: 64px 56px;
	-moz-background-size: 64px 56px;
	background-size: 64px 56px;
}
ul#headerSubNav li#searchOpen {
	position: absolute;
	right: 130px;
	width: 64px;
	height: 56px;
	overflow: hidden;
}
ul#headerSubNav li#searchOpen a {
	display: block;
	width: 64px;
	height: 0px;
	padding-top: 56px;
	border-left: solid 1px #A4050F;
	line-height: 56px;
	overflow: hidden;
	background: url(../images/btn_search.png) no-repeat;
	-webkit-background-size: 64px 56px;
	-moz-background-size: 64px 56px;
	background-size: 64px 56px;
}


/* for home */
#home ul#subNav {
	padding-left: 5px;
	padding-right: 5px;
	display:-moz-box;
	display:-webkit-box;
	display:-o-box;
	display:-ms-box;
}

#home ul#subNav li {
	display: block;
	-moz-box-flex:1.0;
	-webkit-box-flex:1.0;
	-o-box-flex:1.0;
	-ms-box-flex:1.0;
	margin-left: 3px;
}
#home ul#subNav li:first-child { margin-left: 3px; }
#home ul#subNav li a { padding-left: 4px; padding-right: 3px; }

/*-----------------*/

div#globalnav {
	position: absolute;
	z-index: 10000;
	width: 100%;
	padding: 6px 0 15px;
	-webkit-box-shadow: 0 3px 4px rgba(0,0,0,.4);
	-moz-box-shadow: 0 3px 4px rgba(0,0,0,.4);
	box-shadow: 0 3px 4px rgba(0,0,0,.4);
	background-color: #A80005;
}
body#home div#globalnav { top: 57px; }

div#globalnav ul {
	margin: 0 auto;
	padding-left: 8px;
	padding-top: 5px;
	padding-bottom: 8px;
	text-align: center;
}
div#globalnav ul li {
	display: inline-block;
	margin-right: 9px;
}
div#globalnav ul li a {
	display: block;
	width: 143px;
	height: 40px;
	background: #fff;
	border: solid 2px #960007;
	-moz-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
div#globalnav p#close { text-align: center; }
div#globalnav p#close a {
	display: block;
	width: 80px;
	height: 0px;
	margin: 0 auto;
	padding-top: 35px;
	line-height: 35px;
	overflow: hidden;
	background: #560001 url(../images/btn_close.png) no-repeat;
	-webkit-background-size: 80px 35px;
	-moz-background-size: 80px 35px;
	background-size: 80px 35px;
	-moz-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/*-----------------*/

.toPCsite  {  
    padding: 1px;  
}  
.toPCsite a { 
	display: block; 
	height: 15px;
	padding-top: 4px;
    border: 1px solid rgba(0,0,0,1);  
    -webkit-box-shadow: inset 0 1px rgba(255,255,255,0.2), inset 0 8px rgba(255,255,255,0.2), inset 0 8px 20px rgba(255,255,255,0.2), inset 0 -15px 30px rgba(0,0,0,0.6);  
    -moz-box-shadow: inset 0 1px rgba(255,255,255,0.2), inset 0 8px rgba(255,255,255,0.2), inset 0 8px 20px rgba(255,255,255,0.2), inset 0 -15px 30px rgba(0,0,0,0.6);  
    background: rgba(0,0,0,1);  
    color: #fff; 
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	line-height: 1;
}  
.toPCsite a:hover {  
    -webkit-box-shadow: inset 0 1px rgba(255,255,255,0.3), inset 0 8px rgba(255,255,255,0.3), inset 0 8px 20px rgba(255,255,255,0.3), inset 0 -15px 30px rgba(0,0,0,0.3);  
    -moz-box-shadow: inset 0 1px rgba(255,255,255,0.3), inset 0 8px rgba(255,255,255,0.3), inset 0 8px 20px rgba(255,255,255,0.3), inset 0 -15px 30px rgba(0,0,0,0.3);  
}  
.toPCsite a:active {  
    -webkit-box-shadow: inset 0 1px rgba(0,0,0,0.3), inset 0 8px rgba(0,0,0,0.8), inset 0 8px 20px rgba(0,0,0,0.8), inset 0 -15px 30px rgba(0,0,0,0.3);  
    -moz-box-shadow: inset 0 1px rgba(0,0,0,0.3), inset 0 8px rgba(0,0,0,0.8), inset 0 8px 20px rgba(0,0,0,0.8), inset 0 -15px 30px rgba(0,0,0,0.3);  
    background: rgba(0,0,0,0.7);  
}

/*	5= footer module
-----------------------------------------------------*/
.footerInner p small { clear:both; display: block; padding: 6px 0 8px;  font-size: 11px; color: #fff; line-height: 1.3;  }
footer p.info { padding: 10px 5px 28px; font-size: 12px; color: #333333; }
footer p.pagetop {
	position: fixed;
	z-index: 30;
	right:8px; bottom: 0px;
	background-color: #000;
	display: inline-block;
	text-align: center;
	letter-spacing: 0.1em; 
    opacity: 0.3;
    border-radius: 5px;
 }
footer p.pagetop a {
	display: block;
	height: 25px;
    width: 40px;
    padding-top: 15px;
	line-height: 25px;
	color: #fff;
	text-decoration: none;
	font-size: 10px;
    font-weight: bold;
    background: url(../images/arrow-pagetop.png) no-repeat center 7px;
    -webkit-background-size: 15px 9px;
	-moz-background-size: 15px 9px;
	background-size: 15px 9px;
}
footer nav { position: relative; width: 100%; margin-bottom: 6px; padding-top: 3px; z-index: 5; overflow-x: hidden; }
footer nav ul { position: relative; width: 102%; margin-right: -2%; line-height: 1; font-size: 13px;  text-align: center; }
footer nav ul li {
	display: inline-block;
	width: 49.1%;
	line-height: 1;
	margin: -1px 0 0 !important;
    padding-top:2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
    border-bottom: solid 1px #2C2C2C;
    border-right: solid 1px #2C2C2C;
}
footer nav ul li:nth-child(2n) { position: relative; margin-left: -3px !important; border-right: none !important; }
footer nav ul li:nth-child(1),
footer nav ul li:nth-child(2) {
    border-bottom: solid 1px #333333;
    border-right: solid 1px #333333;
}

footer nav ul li.ft12 { font-size: 12px; }
footer nav ul li.ft12 span { letter-spacing: -1px; }
footer nav ul a { display: inline-block; width: 100%; line-height: 34px; color: #fff; text-decoration: none; }


/*	6= contents module
-----------------------------------------------------*/

#main article {
	padding-top: 6px;
	margin-bottom: 12px;
	border-top: solid 1px #fff;
	box-shadow: 0 2px 2px rgba(0,0,0,.3)  inset;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.3)  inset;
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,.3)  inset;
}

#main article dl {
    position: relative;
	padding: 6px 5px 6px 10px;
    border-top: dotted 1px #ccc;
	background: #FFF url(../images/arrow2.png) no-repeat right center;
	-webkit-background-size: 12px 14px;
	-moz-background-size: 12px 14px;
	background-size: 12px 14px;
}
#main article dl:last-child { border-bottom: dotted 1px #ccc; }
#main article div.event dl:last-child { border-bottom: none; }
#main article div.event dl:first-child { border-top: none; }
#main article h2 + dl { border-top: none;}
#main article dl:hover {
    background: #DEEFF9 url(../images/arrow2.png) no-repeat right center;
    -webkit-background-size: 12px 14px;
	-moz-background-size: 12px 14px;
	background-size: 12px 14px;
}
#main article dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0px;
}
#main article .information { margin-bottom: 5px; }
#main article .information dl {
    background: #fff;
}

#main article dl dt {
	float: left;
	width: 150px;
	padding: 5px 15px 5px 0;
	font-size: 14px;
}
#main article .information dl dt {
	float: none;
    box-sizing: border-box;
	width: 100%;
	padding: 5px 10px 3px 10px;
    font-size: 12px;
    color: #777;
    font-weight: bold;
    letter-spacing: 0.1em;
}
#main article dl dt img { border: solid 1px #efefef; }
#main article div.event dl dt { width: 120px;}
#main article dl dd {
	padding: 9px 18px 9px 165px;
	font-size: 10px;
}
#main article .information dl dd {
	padding: 3px 10px 6px 0px;
	font-size: 13px;
}
#main article .information dl dd span.title {
    font-size: 14px;
    font-weight: bold;
}
#main article .information dl dd strong {
    font-weight: normal;
    color: #C7000B;
}
#home #main div.event dl dd {
	padding: 9px 18px 9px 130px;
	font-size: 11px;
    color: #000;
}
#main article dl dd h3 { font-size: 13px; margin-bottom: 3px; }
#main article dl dd h3.tvTitle-end::before {
    content: "放送終了";
    position: relative;
    display:  block;
    width: 6em;
    margin: -3px 0 6px -2px;
    padding: 5px 8px 4px 12px;
    color: #fff;
    background: rgba(0,0,0,0.7);
    border-radius: 4px;
    text-align: center;
    letter-spacing: 3px;
    font-size: 12px;
    line-height: 13px;
}
#main article dl dd h3 a { color: #000; }
#main div.event dl dd h3 { font-size: 13px; margin-bottom: 5px; }
#main div.event dl dd h3 a { color: #CC0B17; }

#main article dl a {
	padding: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);	/* タップ時の反転色 */
	text-decoration: none !important;
}
#main article dl dd p { color: #006664; font-size:  11px; }
#main article .event dl dd p.text { color: #000; font-size:  12px; }
#main article dl dd a.gotopage {
    display:  block;
    position: absolute;
    z-index: 3;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-indent: -9500px;
}

#main article .box-style dl {
    display:  inline-block;
    box-sizing: border-box;
    border-top: none;
    border-bottom: dotted 1px #ccc;
    width: 49.5%;
    padding: 6px 10px 6px 10px;
    background:  none;
}
#main article .box-style dl:hover { background: #DEEFF9; } 
#main article .box-style dl:nth-child(odd) { border-right: dotted 1px #ccc; }
#main article .box-style dl:nth-child(even) {position: relative; margin-left: -3px; } 
#main article .box-style dl:last-child { border-bottom:  none; }
#main article .box-style dl dt {
    float: none;
    width:  100%;
    padding: 5px 0 5px 0;
    text-align: center !important;
}
#main article .box-style dl dd {
	padding: 9px 18px 9px 18px;
}

#main ul.program {
	box-shadow: 0 1px 2px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.3);
}
#home #main ul.program {
	border-top: solid 1px #aaa;
}

#main ul.program li {
	position: relative;
	padding: 16px 20px 14px 72px; 
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#D6D6D6));
	background: -moz-linear-gradient(left top, #ffffff, #D6D6D6);
	font-family: HiraKakuProN-W6;
	font-weight:bold;
	font-size: 13px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;	
}
#main ul.program li.link {
	position: relative;
	padding: 0px; 
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#DBDBDB));
	background: -moz-linear-gradient(left top, #ffffff, #DBDBDB);
	font-family: HiraKakuProN-W6;
	font-weight:bold;
	font-size: 13px;	
}
#main ul.program li.link a {
	display: block;
	padding: 16px 20px 14px 72px;
	background: url(../images/arrow3.png) no-repeat right center; 
	-webkit-background-size: 16px 15px;
	-moz-background-size: 16px 15px;
	background-size: 16px 15px;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#main ul.program li time {
	position: absolute;
	left: 0px;
	top: 8px;
	display: block;
	width: 58px;
	padding-top: 7px;
	padding-bottom: 5px;
	padding-left: 6px;
	-webkit-border-top-right-radius: 14px;
	-webkit-border-bottom-right-radius: 14px; 
	-moz-border-radius-topright: 14px;
	-moz-border-radius-bottomright: 14px;
	background: -webkit-gradient(linear, left top, left bottom, from(#666666), color-stop(0.4, #333333), to(#333333));
	background: -moz-linear-gradient(left top, #666666,  #333333 40%,  #333333);
	background-color: #000; 
	font-family: HiraKakuProN-W3;
	font-weight: nomal;
	color: #fff
}

.pageNav {
    position:  relative;
    margin-left:  -10px;
    margin-right:  -10px;
	padding-top: 0px;
	padding-bottom: 10px;
	margin-bottom: 10px !important;
	background: url(../images/line01.gif) repeat-x left top;
	text-align: center;
	line-height: 1.1 !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
#messageList #messageArea .pageNav  {
	padding-bottom: 5px;
	background: none;
	vertical-align: top;
}
.pageNav .current { font-weight: bold; padding: 6px 7px; }
#messageList #messageArea .pageNav .current {
	display: inline-block;
    margin-left: 1px;
    margin-right: 1px;
	padding: 3px 7px; 
	background:#D90000;
	border: solid 1px #D90000;
	line-height: 1;
	color: #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	vertical-align: top;
}
.pageNav a { margin-left: 1px; margin-right: 1px; padding: 6px 7px; }
#messageList #messageArea .pageNav a,
#messageList #messageArea .pageNav a.btn {
	display: inline-block;
	margin-bottom: 4px;
	padding: 3px 6px;
	background:#FFF;
	border: solid 1px #AAAAAA !important;
	line-height: 1;
	color: #000;
	font-weight: bold;
    text-decoration: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	vertical-align: top;
}
.pageNav a:hover { padding: 5px 6px; background: #FFFFFF; border: solid 1px #DDD; text-decoration: none; }
#messageList #messageArea .pageNav a:hover {
	padding: 3px 6px;
	border: solid 1px #D90000 !important;
}
.pageNav a.btn ,
.pageNav a:hover.btn  { padding: 6px 7px; border: none !important; background: none !important; }
#messageList #messageArea .pageNav a.over { border: solid 1px #FFF !important; }
#messageList #messageArea .pageNav a.over:hover {
	color: #D90000;
}
#messageArea .ml5 { margin-left: 5px !important; }
#messageArea .mr5 { margin-right: 5px !important; }

/*------------ buttom style ------------*/
.linkButton {
list-style:  none;
	margin: 0 10px 10px;
	font-size: 15px;
}

.linkButton a  {
	display: block;
	padding: 10px 0;
	padding-left: 42px;
	border: solid 2px #C6000C;
	-webkit-border-radius: 8px;
	-moz-border-radius: 10px;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	background: #FFF url(../images/arrow1.png) no-repeat 12px center;
	-webkit-background-size: 8px 13px;
	-moz-background-size: 8px 13px;
	background-size: 8px 13px;
	text-decoration: none;
	font-weight: bold;
	color: #000;
}



/*	7= home module
-----------------------------------------------------*/
h2#infoBlock {
    position: relative;
    z-index: 20;
    margin-top: 0;
    margin-bottom: 0;
    padding: 8px 10px 0 42px;
    border-top: 1px solid #664E60;
    color: #FFFF26;
    letter-spacing: 3px;
    text-shadow: 2px 2px 0px rgba(158, 027, 027, 0.65);
    background: #C6000C url(../images/bg_h2red@2x.png) repeat-x left top;
	-webkit-background-size: 600px 31px;
	-moz-background-size:  600px 31px;
	background-size:  600px 31px;
}
h2#cp { position: relative; z-index: 20; margin-top: 0; margin-bottom: 0; }
h2#osusume { margin-bottom: 0; }
h2#onAir { margin-bottom: 0; }
h2#event { margin-bottom: 0; }
h2#news { margin-bottom: 0; }
.information h2 {
    position: relative;
    z-index: 20;
    margin-top: 0;
    margin-bottom: 0;
    border-top: 1px solid #664E60;
    color: #fff;
    letter-spacing: 3px;
    background: #C6000C url(../images/bg_h2red@2x.png) repeat-x left top;
	-webkit-background-size: 600px 31px;
	-moz-background-size:  600px 31px;
	background-size:  600px 31px;
}
#home .specialPickup h2,
#home .osusume h2 {
    position: relative;
    z-index: 20;
    height: 24px;
    padding-top: 7px;
    padding-left: 38px;
    margin-top: 0;
    margin-bottom: 0;
    border-top: 1px solid #664E60;
    color: #FFF;
    letter-spacing: 3px;
    text-shadow: 2px 2px 0px rgba(158, 027, 027, 0.65);
    background: #C6000C url(../images/bg_h2red@2x.png) repeat-x left top;
	-webkit-background-size: 600px 31px;
	-moz-background-size:  600px 31px;
	background-size: 600px 31px;
    font-size: 18px;
    line-height: 18px;
}
#home #main .specialPickup h2 { padding-left: 34px; letter-spacing: 2px; }
#home .specialPickup h2:first-letter,
#home .osusume h2:first-letter { visibility: hidden; }
#home .specialPickup h2 img,
#home .osusume h2 img { left: 8px; top: -11px; }

#home  h2.news {
    position: relative;
    z-index: 20;
    height: 24px;
    padding-top: 7px;
    padding-left: 15px;
    margin-top: 28px;
    margin-bottom: 0;
    border-top: 1px solid #888888;
    border-bottom: 1px solid #aaaaaa;
    color: #000;
    letter-spacing: 3px;
    text-shadow: 1px 1px 0px rgba(200, 200, 200, 0.65);
    background: #C6000C url(../images/bg_h2gray@2x.png) repeat-x left top;
	-webkit-background-size: 600px 31px;
	-moz-background-size:  600px 31px;
	background-size: 600px 31px;
    font-size: 16px;
    line-height: 18px;
}
#home  h2.news img {
    display:  none;
}

#home article {
	border-top: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

#home #main article dl { margin-bottom: -7px; }
#home #main article dl:last-child  { margin-bottom:  0; }

.btn-program { position: relative; height: 0; }
.btn-program a {
	display: inline-block;
	position: absolute;
	right: 8px;
	top: -30px;
	z-index: 10;
	padding: 5px 10px;
	border: solid 1px #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 0px -1px 2px rgba(0,0,0,0.3); 
	-webkit-box-shadow: 0px -1px 2px rgba(0,0,0,0.3); 
	-moz-box-shadow: 0px -1px 2px rgba(0,0,0,0.3);
	background: -webkit-gradient(linear, left top, left bottom, from(#787878), color-stop(0.5, #242424), color-stop(0.51, #000000), to(#000000));
	background: -moz-linear-gradient(left top, #787878, #242424 50%,  #000000 51%,  #000000);
	background-color: #000;
	font-size: 15px;	
	line-height: 1;
	color: #fff;
	text-decoration: none;
}


.banner { position: relative; margin-bottom: -10px; padding: 9px 0 10px; text-align: center; background: #666666; }
.banner img { display: block; width: 93%; margin-bottom: 8px; margin-left: auto; margin-right: auto; }
#main .column1 {
    background:  #fff;
    margin-top: 20px;
}
#main div.column1 img { margin-bottom:  10px; }
#main div.column2 {
box-sizing: border-box;
    position: relative;
    width: 102.6vw;
    margin-right: -2.6vw;
    padding-left:  2.6vw;
    text-align:  left;
}
#main div.column2 a { display: inline-block !important; }
#main div.column2 img { width: 46.4vw; margin: 0 2.6vw 6px 0; }
#main div.column2 a:nth-child(odd) img { margin-right: 0.9vw; }

.topBanner {
    text-align:center;
    padding:  9px 0 2px;
    background: #DAD6D5;
    text-align: center;
}
.topBanner img {
    width: 320px;
    height: auto;
    margin-bottom: 6px;
}
.specialBanner { position:  relative; margin-bottom:  -10px; z-index: 8; }
@media screen and (min-width : 600px ) {
    .topBanner img {
    width: 45vw;
    height: auto;
    }
    .topBanner a:first-child img { margin-right: 10px; }
}
@media screen and (min-width : 660px ) {
    .topBanner img {
    width: 320px;
    height: auto;
    margin-right:  10px; 
    }
}


div.infoBlock {
    padding: 11px 23px 20px 55px;
    color: #E81119;
    background: #FEE2E1 url(../images/icon_info@2x.png) no-repeat 9px 14px;
	-webkit-background-size: 33px 33px;
	-moz-background-size:  33px 33px;
	background-size:  33px 33px;
    font-size: 14px; 
    color: #000;
}
#home div.infoBlock {
    padding: 11px 23px 16px 55px;
}
div.infoBlock h3 { margin-bottom: 0.3em; font-weight: bold; color: #cc0000; font-size: 16px; line-height: 1.2; }

div.infoBlock p { font-size: 14px; line-height: 1.3; color: #000; font-weight: normal; color: #000; }
div.infoBlock a {
	display: block;
	margin: -11px -23px -13px -55px;  
	padding: 11px 23px 13px 55px;
	color: #E81119;
	font-weight: normal;
    font-size: 14px; 
	text-decoration: none;
	background: url(../images/arrow3.png) no-repeat right center;
	-webkit-background-size: 16px 15px;
	-moz-background-size: 16px 15px;
	background-size: 16px 15px; 
}

#home .specialPickup { padding-bottom: 25px; }
#home .specialPickup:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0px;
}
#home .specialPickup p.image { float: left; width: 152px; padding: 16px 16px 12px; }
#home .specialPickup p.image img { width: 150px; height: auto; border: solid 1px #efefef; }
#home .specialPickup p.image span.copy {
    position: relative;
    display: inline-block;
    font-size: 10px;
    width: 170px;
    margin-left: -10px;
    margin-right:  -10px;
    text-align: center;
    color: #999;
    line-height:  1.2;
}


#home .specialPickup .RightPos {
    padding: 16px 12px 16px 190px;
}
#home .specialPickup p.category {
    position: relative;
    display:  inline-block;
    min-width: 90px;
	padding: 3px 15px 2px;
    margin-bottom: 11px;
    margin-left: -5px;
	font-size: 13px;
    line-height: 13px;
    color: #fff;
    background:  #000;
    -moz-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
    text-align:  center;
    letter-spacing:  0.1em;
}
#home .specialPickup h3 {
    font-size: 14px;
    margin-bottom: 4px; 
}
#home .specialPickup h3 a {
    color: #000;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);	/* タップ時の反転色 */
}

#home .specialPickup p.date {
    margin-bottom: 12px;
    color: #006664;
    font-size:  12px;
    line-height:  1.4;
}
#home .specialPickup p.text {
    clear: both;
    padding: 0 16px 16px 16px;
    font-size: 13px;
    line-height:  1.4;
}
#home article p.more {}
#home #main article p.more a {
    display: block !important;
    height: 40px;
    line-height: 40px;
    margin: 0 10px;
    padding-right: 15px;
    box-sizing: border-box;
    color: #000;
    border-radius: 5px;
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    background: #B9DAD8 url(../images/arrow3.png) no-repeat right center;
	-webkit-background-size: 16px 15px;
	-moz-background-size: 16px 15px;
	background-size: 16px 15px;
    box-shadow: 0px 0px 1px rgba(0,0,0,.3);
	-webkit-box-shadow: 0px 0px 1px rgba(0,0,0,.3);
	-moz-box-shadow: 0px 0px 1px rgba(0,0,0,.3);
}
#home #main article .osusume dl{
    margin-bottom:  0;
    border-top: none;
    border-bottom: dotted 1px #ccc;
}
#main article h2 + dl { border-top: none;}


#home ul.newsList {
	margin-bottom:  12px;

}


#home ul.newsList li {
	position: relative;
	padding: 0px; 
	border-bottom: dotted 1px #ccc;
	font-size: 12px;
    line-height: 1.4;
}
#home ul.newsList li a {
	display: block;
	padding: 30px 15px 12px 15px;
    color:  #000;
	text-decoration: none;
}
#home ul.newsList li a:hover { background: #DEEFF9; } 
#home ul.newsList li time {
	position: absolute;
	left: 15px;
	top: 9px;
	font-size: 13px;
	font-family: HiraKakuProN-W6;
	font-weight: bold;
}
#home ul.newsList li time span {
    display:  inline-block;
    padding: 1px 5px;
    background:#FF2600;
    color: #fff;
    font-weight: normal;
    font-size:  9px;
    line-height: 13px;
    vertical-align: top;
}

#home ul.cpList {
	border-top: solid 1px #aaa;
	box-shadow: 0 1px 2px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.3);
}


#home ul.cpList li {
	position: relative;
	padding: 0px; 
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#DBDBDB));
	background: -moz-linear-gradient(left top, #ffffff, #DBDBDB);
	font-family: HiraKakuProN-W6;
	font-weight:bold;
	font-size: 12px;	
}
#home ul.cpList li a {
	display: block;
	padding: 10px 25px 10px 68px;
	background: url(../images/arrow3.png) no-repeat right center;
	-webkit-background-size: 16px 15px;
	-moz-background-size: 16px 15px;
	background-size: 16px 15px;
	text-decoration: none;
}
#home ul.cpList li time {
	position: absolute;
	left: 6px;
	top: 11px;
	font-size: 11px;
	font-family: HiraKakuProN-W3;
	font-weight: nomal;
}


/* SPスライド用 */
.slide-container {
    position: relative;
    width: 100vw;
    max-width: 640px;
    height: 68vw;
    max-height: 435px;
    margin: 0 auto;
    border-top: solid 1px #C84D51;
    background:  #000;
    overflow-x: hidden;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items:flex-start;
     -webkit-overflow-scrolling:touch;
     overflow-scrolling:touch;
}
.swiper-slide iframe {
    width:100vw;
    height:56.25vw;
    max-width: 100%;
    max-height: 100%;
    margin: 0;
    padding: 0;
}
.swiper-slide img {
    width:100vw;
    height:56.25vw;
    max-width: 100%;
    max-height: 100%;
    margin: 0;
    padding: 0;
}
@media screen and (min-width: 641px) and (orientation:portrait) {
    .slide-container {
        max-width: 100vw;
        max-height: 400px;
    }
    .swiper-slide img,
    .swiper-slide iframe {
        max-width: 640px;
        max-height: 360px;
    }
}
@media screen and (min-width: 641px) and (orientation: landscape) {
    .slide-container {
        max-width: 100vw;
        max-height: 78vh;
    }
    .swiper-slide img,
    .swiper-slide iframe {
        max-width: 116vh;
        max-height: 65vh;
    }
}
#home .swiper-pagination { z-index: 99; padding-bottom: 5px; }
.swiper-pagination span.swiper-pagination-bullet {background: #00ADA7; margin-left: 15px !important; }
.swiper-pagination span.swiper-pagination-bullet-active {background: #fff; }
/* SPスライド用 ここまで */

/*	8= program module
-----------------------------------------------------*/
.programList { }
div.panel h2 {
	height:  24px;
	margin-top: 0;
	padding-top: 9px;
	border: none;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	color: #000;
	text-align: center;
	line-height: 1;
}

.programArea { overflow: hidden; padding-bottom: 5px; margin-bottom: 10px;}

div.slideContainer {
	position: relative;
	width: 700%;

}


.stripViewer .panelContainer { position: relative; left: 0; top: 0; width: 100%; overflow: hidden; }

/* These 2 lines specify style applied while slider is loading */
.csw {
	width: 100%;
	height: auto;

}
.csw .loading { position: absolute; left: 50px; top: 30px; z-index: 150; width: 208px; color: #06ACEA; text-align: center !important; }
.csw .loading img { margin-top: 10px; }

.panel {
	width: 14.285%;
	float: left;
	box-shadow: 0 1px 2px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.3);
}

/* tab navigation */
.stripNav { display: none; }

		
/* The left and right arrows */		
.stripNavB,
.stripNavN { position: absolute;  top: 100px; z-index: 500; }
		
.stripNavB a,
.stripNavN a { display: block; width: 24px; height: 24px; outline: none; text-indent: -9000px; overflow: hidden; }
		
.stripNavB { left: 0.3%; top: 3px; }
.stripNavN { right: 86.1%; top: 3px; }

.stripNavB a {
	background: url(../images/arrow_back.gif) no-repeat center;
	-webkit-background-size: 24px 24px;
	-moz-background-size: 24px 24px;
	background-size: 24px 24px;
}
.stripNavN a {
	background: url(../images/arrow_next.gif)  no-repeat center;
	-webkit-background-size: 24px 24px;
	-moz-background-size: 24px 24px;
	background-size: 24px 24px;
}

ul.program,
ul.program li { list-style: none; }


#main #archive-nav { padding: 10px 0 20px; text-align: center; }
#main #archive-nav a {
    display:  inline-block;
    box-sizing:  border-box;
    width: 80vw;
    max-width: 600px;
    height: 34px;
    line-height:  34px;
    padding-left: 20px;
    background: url(../images/bg_btn@2x.png) repeat-x left center;
	-webkit-background-size: 600px 34px;
	-moz-background-size: 600px 34px;
	background-size: 600px 34px;
    border-radius: 4px;
    color: #fff;
    text-decoration: none;font-size: 16px;
    letter-spacing: 0.2em;
}

/*	9= details module
-----------------------------------------------------*/

#main.details .lineupFrame {
    height: auto !important;
    overflow: visible;
}

.details h1 {
	position: relative;
	z-index: 7;
	margin-bottom: 0 !important;
}
.details article { padding-top: 1px !important; background: #fff; }
.details article h1 {
	position: relative;
	z-index:  5!important;
	height: auto !important;
	margin-top: 0 !important;
	padding: 9px 10px 9px !important;
	border: none !important;
	background: #fff !important;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.2)  inset;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.2)  inset;
	box-shadow: 0 1px 3px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.2)  inset;
	color: #000 !important;
	text-align: left !important;
	line-height: 1.4 !important;
	letter-spacing: 0 !important;
}
#main.details article h1.tvTitle-end {
    padding-right: 5.5em !important;
}
.details article h1.tvTitle-end::after {
    content: "放送終了";
    position: absolute;
    top: 50%;
    right: 5px;
    display:  block;
    width: 4.5em;
    margin-top: -1.3em;
    padding: 10px 7px 9px 9px;
    color: #fff;
    background: rgba(0,0,0,0.7);
    border-radius: 4px;
    text-align: center;
    letter-spacing: 1px;
    font-size: 13px;
    line-height: 13px;
}
.programList article h2,
.details article h2 { padding-left: 18px; margin-top: 0; margin-bottom: 0; }
#main article .af h2 {
	margin-bottom: 12px;
	border-top: 1px solid #5083C8;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#6B94DA), color-stop(0.55, #5C8CDE), to(#4E80DD));
	background: -moz-linear-gradient(left top, #CE0D19, #C6000C 55%,  #960000);
	background-color: #C6000C;

}
.af { padding-bottom: 15px; background: #A2C9F7; }
.af .biccamera,
.af .rakuten,
.af .amazon {
	width: 320px;
	height: 50px;
	margin: 0 auto;
	padding: 3px 0px 4px;
	text-align: center;
	overflow: hidden;
}
.af .rakuten { height: 41px; }

.af img { margin: 0; padding: 0; width: 320px; }

@media screen and (min-width: 345px)  {

/*.af img { margin: 0; padding: 0; width: 93%; }*/

}

.details article .photo {
	padding-top: 12px;
	padding-bottom: 10px;
	background-color: #DADADA;
	box-shadow: 0 -2px 2px rgba(0,0,0,.3)  inset;
	-webkit-box-shadow: 0 -2px 2px rgba(0,0,0,.3)  inset;
	-moz-box-shadow: 0 -2px 2px rgba(0,0,0,.3)  inset;
	text-align: center;
}
.details article .photo img {
    width: 100vw;
    max-width: 420px;
}

.details article .photo span.captionCopy { display: block; font-size: 10px; padding-left: 1em; padding-right: 1em; }


.details article .inner { padding: 15px 12px; line-height: 1.5; }

#main.details article dl.broadcastingTime {
    position: relative;
    padding:  0;
    background: #002040 url(../images/line-time.png) repeat-y 57px 0px;
    color: #fff;
    border-bottom: none;
    border-top: solid 1px #000;
    overflow-y: visible;
    vertical-align: middle;
}
#main.details article dl.label-sp {
    border-top: solid 1px #A40000;
    background: #cc0000 url(../images/line-time-sp.png) repeat-y 57px 0px;
}
#main.details article dl.broadcastingTime dt {
    float: left;
    display:  block;
    width: 54px;
    height: 54px;
    padding: 10px 0 0 2px !important;
    font-size: 10px;
    line-height: 1.1;
    text-align: center !important;
    background: url(../images/clock@2x.png) no-repeat center 28px;
	-webkit-background-size: 27px 27px;
	-moz-background-size: 27px 27px;
	background-size: 27px 27px;
    vertical-align: top;
    letter-spacing: 1px;
}
#main.details article dl.label-sp dt {
    letter-spacing: -1px;
}
#main.details article dl.broadcastingTime dd {
    height: auto;
    min-height: 47px;
    margin-left: 57px;
    padding: 12px 12px 5px 12px !important;
    font-size: 15px;
    font-weight:  bold;
    vertical-align: middle;
    line-height: 1.5;
}
#main.details article dl.label-sp dd {}

article nav ul.jumpLink {
    width: 98vw;
    padding: 8px 1vw;
    -js-display: flex;
	display : -webkit-box;
	display : -ms-flexbox;
	display : -webkit-flex;
	display : flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
article nav ul.jumpLink li {
    width: 48.5vw;
    margin-right: 1vw;
    margin-bottom: 2px;
    height: 36px;
    line-height:  36px;
    text-align:  center; 
    font-size:14px;
    -moz-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
article nav ul.jumpLink li:nth-child(2n)  { margin-right: 0; }
article nav ul.jumpLink li a {
    position:  relative;
    display:  block;
    height: 36px;
    padding-left: 15px;
    padding-right:  10px;
    text-decoration:  none;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
article nav ul.jumpLink li a::before {
    content: '▼';
    position: absolute;
    font-size: 14px !important;
        -moz-transform: scale(0.4);
        -webkit-transform: scale(0.4);
        -o-transform: scale(0.4);
        -ms-transform: scale(0.4);
        transform: scale(0.4);
    left:5px;
    top: 0px;
}


.news article nav li { background: #004CA1; }
.entertainment article nav li { background: #FF8F31; }
.drama article nav li { background: #85B200; }
.movie article nav li { background: #2F9DFF; }
.anime article nav li { background: #DC73FF; }
.hobby article nav li { background: #F94F52; }
.education article nav li { background: #238C00; }
.sports article nav li { background: #00A3D9; }
.special article nav li { background: #7373FF; }


.details article .snsArea { padding-top: 3px; padding-bottom:  5px; text-align: center;  background: #fff; }
.details article .snsArea a { position: relative; text-align:  center; }
.details article .snsArea a span {
    display:  block;
    position:absolute;
    bottom: 6px;
    left: 0px;
    width: 100%;
    height: 11px;
    color:  #fff;
    font-size: 10px;
}

.btn-details {
	border-top: dotted 1px #999999;
	background: url(../images/arrow2.png) no-repeat right center;
	-webkit-background-size: 12px 14px;
	-moz-background-size: 12px 14px;
	background-size: 12px 14px;
	text-align: right;
	font-family: HiraKakuProN-W6;
	font-weight: bold;
	line-height: 1;
}
.btn-details a {
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 18px;
	text-decoration: none;
}
#main.details article dl.programNews { background: none; border-top:  none; border-bottom: dotted 1px #ccc; }
#main.details article dl.programNews:hover { background:  none; }
#main.details article dl.programNews dt {
    float:  none;
    display: inline-block;
    width: 5em;
    padding:  5px 10px 5px;
    margin-bottom: 5px;
    font-size:  15px;
    font-weight:  bold;
    color:  #fff;
    line-height: 1.1;
    text-align: center !important;
    background: #444;
    letter-spacing:  1px;
    -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#main.details article dl.programNews dd {
    display: block;
    padding: 5px 9px 5px 0px;
    font-size:  13px;
 }
#main.details article dl.programNews dd ul,
#main.details article dl.programNews dd ul li { list-style:  none; }
#main.details article dl.programNews dd ul li {
    position: relative;
	margin-bottom: 0.6em;
	padding-left: 20px;
    background:  none;

}
#main.details article dl.programNews dd ul li::before {
    content: '▼';
    position: absolute;
    font-size: 14px !important;
        -moz-transform: scale(0.4) rotate(-90deg);
        -webkit-transform: scale(0.4) rotate(-90deg);
        -o-transform: scale(0.4) rotate(-90deg);
        -ms-transform: scale(0.4) rotate(-90deg);
        transform: scale(0.4) rotate(-90deg);
    left:0px;
    top: 0px;
 }
#main.details article dl.programNews dd ul li:last-child { margin-bottom: 0px; }

#main.details article dl.formLink {
	margin-bottom: 0;
	padding: 20px 3px 12px 3px;
	background: #fff;
    border: none;
    border-bottom: dotted 1px #ccc; 
}
#main.details article dl.formLink dt {
    float: none;
    box-sizing:  border-box;
    width: 80vw;
    position: relative;
    margin-left: 52px;
    margin-bottom: 15px;
	padding: 10px;
	min-height: 21px;
	height: auto !important;
	height: 21px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3 !important;
	border: solid 1px #666;
    -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
 #main.details article dl.formLink dt:after {
	content: " ";
    position: absolute;
    top: -17px;
	left: -44px;
    background: url(/sp/common/images/icon_11chan@2x.png) no-repeat left top;
    -webkit-background-size: 44px 60px;
	-moz-background-size: 44px 60px;
	background-size: 44px 60px;
    display: block;
    height: 60px;
    width: 44px;
	line-height: 60px;
	overflow: hidden;
}
 #main.details article dl.formLink dt a {
	display: block;
	color: #000;
	text-decoration: none;
}
 #main.details article dl.formLink dd {
	padding: 0 22px;
	font-size: 13px;
	line-height: 1.4 !important;
    color:  #000;
}
 #main.details article dl.formLink dd img { margin-top:  7px; margin-bottom:  4px;}
 #main.details article dl.formLink dd p {
	margin-bottom: 0;
    font-size:13px;
	line-height: 1.4 !important;
    color:  #000;
}
 #main.details article dl.formLink dd p:last-child { margin-bottom: 0; }
 #main.details article dl.formLink dd a {
	display: inline-block !important;
	text-decoration: underline !important;
}
#main.details article dl.formLink p.kochira { text-align: right; }
#main.details article dl.formLink p.kochira a {
    display:  inline-block;
    margin: 5px 0;
    padding: 6px 14px 4px;
    text-decoration: none !important;
    color: #fff;
    font-weight:  bold;
    background: #CC0001;   
    line-height:  1.1;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
    letter-spacing:  1px;
}

#main ul.linkArea {
    position:  relative;
    margin-top:  -1px;
    padding: 2.66vw;
    background: #D6D6D6;
    list-style:  none;
}
#main ul.column2 {
    width: 96vw;
    padding: 2.5vw 2vw;
    -js-display: flex;
	display : -webkit-box;
	display : -ms-flexbox;
	display : -webkit-flex;
	display : flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
#main ul.linkArea li  {
    position:  relative;
    list-style:  none;
    width: 94.6vw;
    box-sizing: border-box;
    height: 44px;
    margin-bottom: 4px;
    padding: 0;
    text-align: center;
    line-height: 38px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    letter-spacing: 1px;
    font-weight:  bold;
    background: #FFF url(../images/arrow2.png) no-repeat right center;
    -webkit-background-size: 12px 14px;
	-moz-background-size: 12px 14px;
	background-size: 12px 14px;
}
#main ul.column2 li {
    width: 46.9vw;
    margin-right: 1vw;
    letter-spacing: 0px;
    font-size: 13px;
}

#main ul.column2 li:nth-child(2n)  { margin-right: 0; }

#main ul.linkArea li.ban,
#main ul.linkArea li.link-ondemand {
    height: auto;
    padding: 0;
    margin: 0 auto 10px;
    padding: 0;
    background: none;
    line-height: 1;
}
#main ul.linkArea li a {
    display: block;
    color: #000;
    text-decoration: none;
    padding: 3px 25px 3px 44px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#main ul.column2 li a {
    padding: 3px 14px 3px 42px;
}

#main article ul.linkArea li.ban a,
#main article ul.linkArea li.link-ondemand a { padding: 0px;  }
ul.linkArea li a img { position: absolute; left: 3px; top: 3px;}
ul.linkArea li.ban a img,
ul.linkArea li.link-ondemand a img{ position: relative;left: 0px; top: 0px; width: 94.6vw; }

@media screen and (min-width : 376px ) {
    ul.linkArea li.ban a img,
    ul.linkArea li.link-ondemand a img{ width: 355px; }
}

ul.info,
ul.info li { list-style: none; }
ul.info li {
	margin-bottom: 0.8em;
	padding-left: 20px;
	background: url(../images/arrow4.gif) no-repeat 2px 2px;
	-webkit-background-size: 11px 11px;
	-moz-background-size: 11px 11px;
	background-size: 11px 11px;
	line-height: 1.4;
}
ul.info li:last-child { margin-bottom: 0; }
 
ul.linkList {
	border-top: solid 1px #aaa;
	box-shadow: 0 1px 2px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.3);
}


ul.linkList li {
	position: relative;
	padding: 0px; 
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#DBDBDB));
	background: -moz-linear-gradient(left top, #ffffff, #DBDBDB);
	font-family: HiraKakuProN-W6;
	font-weight:bold;
	font-size: 14px;
	line-height: 1;
}

ul.linkList li.homepage a { background: url(../images/ico_homepage.png) no-repeat 10px center, url(../images/arrow3-2.png) no-repeat right center; }
ul.linkList li.present a { background: url(../images/ico_present.png) no-repeat 10px center, url(../images/arrow3-2.png) no-repeat right center; }
ul.linkList li.ec a { background: url(../images/ico_ec.png) no-repeat 10px center, url(../images/arrow3-2.png) no-repeat right center; }
ul.linkList li.howto a { background: url(../images/ico_howto.png) no-repeat 10px center, url(../images/arrow3-2.png) no-repeat right center; }

ul.linkList li a {
	display: block;
	padding: 15px 22px 14px 55px;
	text-decoration: none;
	-webkit-background-size: 34px 30px !important;
	-moz-background-size: 34px 30px !important;
	background-size: 34px 30px !important;
}
#main .attention { font-size:  12px; text-align: right; }


.lineup h4 a { color: #333333; font-size: 14px; }
.lineup h4 span {
    display:  block;    
	font-weight: normal;
    text-align:  right;
}
.lineup h4 span a  { font-size: 12px !important; }
/* lineupList */
table.lineupList2 { width: 100%; margin-bottom: 25px; margin-left: 0 !important; border-collapse: collapse; }
#main table.lineupList2 th {
    display: table-cell;
    border: solid 1px #fff;
    background: #EDE8DD;
    padding: 6px 15px;
    vertical-align: middle;
    text-align: left;
    line-height: 1;
    font-weight:  normal;
} 
#main table.lineupList2 th:first-child  { width: 80px;}
#main table.lineupList2 td { display: table-cell; border-bottom: dotted 1px #999; padding: 6px 15px; vertical-align: middle; text-align: left; font-weight:  normal; }
table.lineupList2 td.date { width: 80px; color: #333333; line-height: 1.3; font-size:  87.5%; }
table.lineupList2 td.programName { line-height: 1.4; font-weight: bold; }
table.lineupList2 td.programName a { color: #C7000B; }

#main .lineupList4 ul { position: relative; width: 96.5vw; margin-left: -12px !important; margin-right: -12px !important; text-align: left !important; padding-left: 3.5vw; }
.lineupList4 ul li { display: inline-block; width: 22vw; height: 42px; vertical-align: middle; margin-bottom: 0.5vw; margin-right: 0.5vw !important; line-height: 42px !important;  }
.lineupList4 ul li a {
    display: block;
    box-sizing: border-box;
	width: 22vw;
    height: 38px;
    padding: 9px 2px 8px;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px; 
	display: inline-block;
	vertical-align: middle;
	background: #EDE8DD; 
	color: #333 !important;
    font-size: 14px;
    text-decoration: none; 
    text-align: center;
}

.lineupList4 ul li a:hover { color: #fff !important;  text-decoration: none;  }

.news .lineupList4 ul li a:hover  { background: #004CA1; }
.entertainment .lineupList4 ul li a:hover { background: #FF8F31; }
.drama .lineupList4 ul li a:hover { background: #85B200; }
.movie .lineupList4 ul li a:hover { background: #2F9DFF; }
.anime .lineupList4 ul li a:hover { background: #DC73FF; }
.hobby .lineupList4 ul li a:hover { background: #F94F52; }
.education .lineupList4 ul li a:hover { background: #238C00; }
.sports .lineupList4 ul li a:hover { background: #00A3D9; }
.special .lineupList4 ul li a:hover { background: #7373FF; }

.lineupList4 .close-button-box { margin-top: 15px; }

#main small.copy { 
    display:  block;
    font-size: 10px !important;
    line-height: 1.3;
    text-align:  center;
}

/*	10= message module
-----------------------------------------------------*/
div#messageList,
div#formArea { padding: 15px 12px; line-height: 1.5; ,
}
div#messageArea .nav { margin-bottom: 14px; text-align: center; }
div#messageArea .nav a.btn-sendMail {
    display:  block;
    box-sizing: border-box;
    width: 351px;
    height: 44px;
    margin: 0 auto;
    padding-left: 30px;
    line-height: 35px;
    border:  solid 5px #E5B5B7;
    background: #F1E2E3 url(../images/icon_mail@2x.png) no-repeat 15px center;
    -webkit-background-size: 33px 26px;
	-moz-background-size: 33px 26px;
	background-size: 33px 26px;
    -moz-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
    font-size:  15px;
    font-weight: bold;
    color: #333;
    text-decoration: none;

}
div#messageArea .nav a.btn-messageList {
position:  relative;
    display:  block;
    box-sizing: border-box;
    width: 351px;
    height: 44px;
    margin: 0 auto;
    padding-left: 15px;
    line-height: 35px;
    border:  solid 5px #B9B4E5;
    background: #E3E2F2;
    -webkit-background-size: 33px 26px;
	-moz-background-size: 33px 26px;
	background-size: 33px 26px;
    -webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
    font-size:  15px;
    font-weight: bold;
    color: #333;
    text-decoration: none;
}
div#messageArea .nav a.btn-messageList::before {
    content: '▼';
    position: absolute;
    font-size: 14px !important;
        -moz-transform: scale(0.8) rotate(-90deg);
        -webkit-transform: scale(0.8) rotate(-90deg);
        -o-transform: scale(0.8) rotate(-90deg);
        -ms-transform: scale(0.8) rotate(-90deg);
        transform: scale(0.8) rotate(-90deg);
    left:5px;
    top: 0px;
}
div#messageArea .show { margin-bottom: 12px; padding-left:  15px; font-size:  13px;}

#messageArea .messageBlock { margin-bottom: 25px; }

#messageArea h4 {
    margin-bottom:  10px;
	font-size: 13px !important;
	letter-spacing: 1px;
	padding: 6px 0 4px 47px;
	background: #EDE8DD url(../images/icon_mail@2x.png) no-repeat 12px center;
    -webkit-background-size: 23px 18px;
	-moz-background-size: 23px 18px;
	background-size: 23px 18px;
    text-decoration:  none;
}
#messageArea .messageBlock div.comment { margin: 0 10px 20px; }

#messageArea .messageBlock div.comment p { font-size: 13px; line-height: 1.4; margin-bottom: 0.6em; }


#messageArea p { margin-bottom: 0.8em; }
#messageArea  .messageBlock p.name,
#messageList #messageArea p.name {
    width: 100%;
    font-size: 12px;
    display: block;
    background: none;
    margin-bottom: 12px;
    padding-right: 25px;
    text-align: right !important;
}
#messageArea p.name span { display: inline-block; padding-left: 2px; padding-right:  15px; color: #333333; font-weight: normal; }
#messageArea .back-detail,
#formArea .back-page { margin-right: 15px; text-align: right; }
#formArea .wrapper .back-page { text-align: center; margin-left: 30px; margin-bottom:  50px; }
#messageArea .back-detail a,
#formArea .back-page a { position: relative; display: inline-block; color:  #333; font-weight: bold; text-decoration: none; }
#messageArea .back-detail a::before,
#formArea .back-page a::before {
    content: " ";
    display: block;
    position:  absolute;
    left: -30px;
    top: -1px;
    width: 24px;
    height: 24px;
    background: url(../images/arrow_back@2x.png) no-repeat left top;
    -webkit-background-size: 24px 24px;
	-moz-background-size: 24px 24px;
	background-size: 24px 24px;
}
.details #formArea h2 {
    box-sizing: border-box;
    width: 100%;
    height:  auto;
	padding: 9px 20px 6px 67px;
	margin: 12px auto 20px;
	background: url(../images/message_form_title@2x.png) no-repeat left top;
    -webkit-background-size: 60px 60px;
	-moz-background-size: 60px 60px;
	background-size: 60px 60px;
    border-top: solid 1px #CCCCCC;
    border-bottom: solid 1px #CCCCCC;
    color:  #000;
    text-align:  right;
    line-height: 1.3;
    font-size:  13px;
    letter-spacing: 0.1em;
    text-indent: -1.4em
}
.details #formArea h2 em {
    width:  100%;
    display:  block;
    padding-bottom: 3px;
    font-size: 18px;
	font-weight: bold;
    font-style: normal;
    text-align: left;
}
.details #formArea h3 { font-size: 17px; text-align: center; }
article #formArea .description {
    padding: 0 5px;
    font-size: 13px;
}

article form {
    display:  block;
    margin: 20px 0;
    padding: 10px 10px 20px;
    background: #F4EFE6;
    -webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
article #formArea dl {
    position: relative;
    margin-bottom:  15px;
	padding: 0 0 15px;
    border-top: none;
    border-bottom: solid 1px #fff;
	background: none;
}

article #formArea dl:hover {
    background: none;
}
article #formArea dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0px;
}


article #formArea dl dt {
	float: none;
    box-sizing: border-box;
	width: 100%;
	padding: 5px 10px;
	font-size: 14px;
    font-weight:  bold;
}
article #formArea dl.confirm dt {
    font-size: 13px;
    font-weight: normal;
    color: #333333;
}

article #formArea dl dd {
    position: relative;
    box-sizing: border-box;
    width:  100%;
    margin-bottom: 13px;
    padding: 0;
	font-size: 10px;
    line-height: 1.4;
}
article #formArea dl.confirm dd {
    padding: 2px 10px 10px;
    font-size: 15px;
    border-bottom:  solid 1px #CCCCCC;
}
article #formArea dl.confirm dd:last-child { border: none; }
article #formArea dl dd input {
    box-sizing:  border-box;
    width: 100%;
    margin-bottom: 4px;
    padding: 10px;
    border: none;
    outline: none;
    font-size: 16px;
    line-height: 1.4;
}
article #formArea dl dd textarea {
    box-sizing:  border-box;
    width: 100%;
    margin-bottom: 4px;
    padding: 10px;
    border: none;
    outline: none;
    font-size: 14px;
    line-height: 1.4;
}
input:focus,
select:focus,
textarea:focus { background: #FFFFCC; }

#formArea dl dt span { display: block;   font-size: 12px; font-weight:  normal; color: #666; }
#formArea dl dd span.alert { display: block;   padding: 0 5px; font-size: 12px; color: #ff0000; }
#formArea dl dd span#counttextarea11 { position: absolute; right: 10px; z-index: 990; font-size: 12px; bottom: -15px;}

#formArea .btn {
    text-align:  center;
    -js-display: flex;
	display : -webkit-box;
	display : -ms-flexbox;
	display : -webkit-flex;
	display : flex;
	flex-flow: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
#formArea .btn input[type="submit"],
#formArea .btn input[type="reset"],
#formArea .btn a {
	display: inline-block;
    box-sizing: border-box;
    height: 34px;
    margin-bottom: 3px;
    padding: 0;
    line-height: 34px;
	border-style: none;
	cursor: pointer;
	color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	letter-spacing: 1px;
    font-size: 14px;
    font-weight:  bold;
	vertical-align: top;
	text-decoration: none;
    background: #666666;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#888888', endColorstr = '#444444');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#888888', endColorstr = '#444444')";
	background-image: -moz-linear-gradient(top, #888888, #444444);
	background-image: -ms-linear-gradient(top, #888888, #444444);
	background-image: -webkit-linear-gradient(top, #888888, #444444);
	background-image: linear-gradient(top, #888888, #444444);
    -webkit-box-shadow: 0px 0px 2px 0 #bbb;
	-moz-box-shadow: 0px 0px 2px 0 #bbb;
	box-shadow: 0px 0px 2px 0 #bbb;
}
#formArea .btn input[type="submit"] {
    -ms-flex: 2;
    flex: 2;
	position: relative;
    letter-spacing:  0.1em;
}
#formArea .btn input[type="reset"] {
    -ms-flex: 1;
    flex: 1;
    margin-left: 8px;
}
#formArea .btn a {
    -ms-flex: 1.5;
    flex: 1.5;
    margin-right: 8px;
}
#formArea h3.completion { margin: 35px 20px 22px; font-size: 20px; letter-spacing: 0.5em; }
#formArea p.thanks { margin-bottom: 6px; text-align: center; }
#formArea p.ft12px { margin-bottom: 25px; text-align: center; }


/*	11= error module
-----------------------------------------------------*/
body#error404 { background: #fff; }
body#error404 .errorInfo01 {
	padding: 25px 0 3vw 0; 
	background: #F0EAE4;
}
body#error404 #main .errorInfo01 {
	position: relative;
	min-height: 60vw;
	margin-bottom: 3vw;
}
body#error404 #main .errorInfo01 .jyuittyan {
	float: left; 
	width: 40vw;
	max-width: 240px;
	height: 40vw;
	max-height: 240px;
	margin: 6vw 1vw 0 2vw;
}
body#error404 .errorInfo01 h1 {
	height: 20vw;
	max-height: 100px;
	margin-bottom: 20px;
	text-align: center;
	background: none;
	border:  none;
}
body#error404 .errorInfo01 h1 img { width: 88vw; max-width: 400px; height: 20vw; max-height: 100px; }
body#error404 #main .errorInfo01 ul { padding: 1vw 2vw 0 51vw; list-style: disc; }
body#error404 #main .errorInfo01 ul li { list-style: disc; line-height:  1.4; font-size: 14px; margin-bottom: 0.8em; }

body#error404 #main .errorInfo02 { padding: 5px 10px 30px; }
body#error404 #main .errorInfo02 ul { list-style: none;}
body#error404 #main .errorInfo02 li { list-style: none; margin-bottom:  0.7em; font-size: 14px; line-height:  1.4; }
body#error404 #main .errorInfo02 li  a { color: #CC0000; }

@media screen and (max-width : 736px )and (orientation: landscape) {
body#error404 #main .errorInfo01 {
	min-height: 30vw;
	margin-bottom: 2vw;
}
body#error404 #main .errorInfo01 .jyuittyan {
	margin: 0vw 1vw 0 3vw;
}
body#error404 #main .errorInfo01 ul { padding: 4vw 2vw 0 51vw; }

}

/*	12= LayoutPattern module
-----------------------------------------------------*/
.onlyPC { display: none !important; }

.onlySP {}

.col-red { color: #CC0000 !important; }
.col-red2 { color: #ff0000 !important; }
.col-orange { color: #FF6600 !important; }
.col-pink { color: #EE0088 !important; }
.col-blue { color: #1e90ff !important; }
.col-green { color: #006664 !important; }
.col-gray { color: #666666 !important; }

/* clearfix start //--- */
article div.inner:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0px;
	}

/* ---// end clearfix */

article div.inner h4 { margin-bottom: 1.5em; font-size: 18px; font-weight: bold; text-decoration: underline; }
article div.inner div.lineup h4 {
    margin-bottom: 10px !important;
    padding-bottom:  3px;
    border-bottom:  solid 1px #ccc;
    text-decoration: none !important;
    font-size:  15px;
}
article div.inner h5 { margin-bottom: 1.3em; font-size: 16px; font-weight: bold; }
article div.inner h6 { margin-bottom: 0.6em; font-size: 14px; font-weight: bold; }

article div.inner,
article div.inner p { margin-bottom: 1.3em; line-height: 1.5; font-size:  14px; }

article div.inner .sp-left { text-align: left !important; }
article div.inner .sp-right { text-align: right !important; }
article div.inner .sp-center { text-align: center !important; }

article div.inner table { width: 100%; margin-top: 0.5em; margin-bottom: 0.5em;}
article div.inner table th,
article div.inner table td { display: inline-block; width: auto; }
article div.inner table td img {
	width: 100% !important;
	height: auto !important;
	margin:  0.3em;
}
article div.inner table.column2 td { width: 49%; vertical-align: top; }
article div.inner table.column2 td img { width: 90% !important; }

article div.inner table.column3 td { width: 33%; vertical-align: top; }
article div.inner table.column3 td img { width: 90% !important; }

article div.inner table.spTable th,
article div.inner table.spTable td { display: table-cell; font-size: small !important;}
article div.inner table.spTable th p,
article div.inner table.spTable td p { font-size: smaller !important;}

.center { text-align: center; }
article div.inner img.mt-image-left {
	float: left;
	position: relative;
	margin-top: 0.4em !important;
	margin-right: 1.5em !important;
	margin-bottom: 1.5em !important;
	width: 45vw !important;
	height:  auto !important;
}
article div.inner img.mt-image-right {
	float: right;
	position: relative;
	margin-top: 0.4em !important;
	margin-left: 1.5em !important;
	margin-bottom: 1.5em !important;
	width: 45vw !important;
	height:  auto !important;
}
#main article div.inner img.sp-wid100,
#main article div.inner img.mt-image-center {
	display:  block !important;
	position: relative;
	width: 100% !important;
    max-width: 100% !important;
	height: auto !important;
	margin-bottom: 3px;
}
#main article div.inner img.sp-wid50 {
	display: inline-block !important;
	width: 49% !important;
	height: auto !important;
}

#main article div.inner .sp-box-wid100 {
    box-sizing: border-box;
    width: 100% !important;
}
#main article div.inner .sp-box-wid100 img { width: 100%; height: auto; }
#main article div.inner .sp-box-wid50 {
    box-sizing: border-box;
    width: 49% !important;
    height: auto !important;
    margin-bottom: 5px !important;
}
#main article div.inner .sp-box-wid50 img { width: 100%; height: auto; }

#main article div.inner img.mt-image-none { max-width: 100%; height:  auto; }
#main article div.inner table img.mt-image-none { max-width: 37vw; }
#main article div.inner table.spTable img.mt-image-none { max-width: 100%; }

article div.inner table.listTable tr { display: block; padding: 6px 0; border-bottom: dotted 1px #999;}
article div.inner table.listTable th { display: none; }
article div.inner table.listTable td {
	display: block;
	padding:  4px ; line-height:  1.3; }
    
/* LayoutPattern */
.layoutBlock:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0px;
}
.layoutBlock { width: auto; box-sizing: border-box; }
.layoutBlock .innerBox {
    display: inline-block;
    box-sizing: border-box;
    position:  relative;
    padding: 2px 1% 10px;
    vertical-align: top;
}
.layoutBlock .innerBox img {
    max-width: 100%;
    height: auto; 
    margin-bottom: 3px;
}
.layoutBlock .innerBox h4,
.layoutBlock .innerBox h5,
.layoutBlock .innerBox h6,
.layoutBlock .innerBox p { padding-left: 2.5%; padding-right: 2%; }
.layoutBlock .center { text-align: center; }
.layoutBlock .left { text-align: left; }
.layoutBlock .right { text-align: right; }

.string2 .innerBox { width: 49%; }
.string3 .innerBox { width: 32.2%; }
.string4 .innerBox { width: 23.5%; }
.string5 .innerBox { width: 18.5%; }

/*スマホ用*/
article div.inner .sp-string1 .innerBox { width: 100%; }
article div.inner .sp-string2 .innerBox { width: 49%; }
article div.inner .sp-string3 .innerBox { width: 32.2%; }
article div.inner .sp-string4 .innerBox { width: 23.5%; }

.string3 .innerBox h4,
.string4 .innerBox h4,
.string5 .innerBox h4,
.sp-string3 .innerBox h4,
.sp-string4 .innerBox h4,
.string3 .innerBox h5,
.string4 .innerBox h5,
.string5 .innerBox h5,
.sp-string3 .innerBox h5,
.sp-string4 .innerBox h5,
.string3 .innerBox h6,
.string4 .innerBox h6,
.string5 .innerBox h6,
.sp-string3 .innerBox h6,
.sp-string4 .innerBox h6,
.string3 .innerBox p,
.string4 .innerBox p,
.string5 .innerBox p,
.sp-string3 .innerBox p,
.sp-string4 .innerBox p { font-size: smaller; }

article div.inner .sp-string1 .innerBox h4,
article div.inner .sp-string2 .innerBox h4   { font-size: 18px; }
article div.inner .sp-string1 .innerBox h5,
article div.inner .sp-string2 .innerBox h5   { font-size: 16px; }
article div.inner .sp-string1 .innerBox h6,
article div.inner .sp-string2 .innerBox h6   { font-size: 14px; }
article div.inner .sp-string1 .innerBox p,
article div.inner .sp-string2 .innerBox p   { font-size: 14px; }


/*折りたたみ設定*/
.readmore-button-box a {
   background-color: #B9DAD8;
   color: #000;
   border-radius: 8px;
   padding: 0.5em 5em;
   display: inline-block;
   font-weight: bold;
   font-size: 1.2em;
   text-decoration: none;
}
.close-button-box a {
   background-color: #B9DAD8;
   color: #000;
   border-radius: 8px;
   padding: 0.5em 2.5em;
   display: inline-block;
   font-weight: bold;
   font-size: 1.2em;
   text-decoration: none;
}
.readmore-button-box a:hover {
   background-color: #8EC4C1;
}
.close-button-box a:hover {
   background-color: #8EC4C1;
}
.readmore-button-box {
   text-align: center;
   background-image: linear-gradient( 180deg, rgba(255,255,255,0.5), white );
   padding-top: 4.5em;
   margin-top: -6.5em;
   position: relative;
}
.lineup .readmore-button-box { padding-top: 1.4em; margin-top: 0em; }
#main .lineup .lineupList4 .readmore-button-box {padding-right: 3.5vw;}
.close-button-box { text-align:  center; }

/*	13= sns module
-----------------------------------------------------*/
body#sns  div#articleArea { padding-bottom: 30px; }
div.snsList { padding: 10px 12px 0px; }
div.snsList:last-child { padding-bottom: 25px; }
div.snsList h2 {
    top:0px;
	height: 60px;
	margin-bottom: 16px;
	padding-bottom: 0px;
    border: none;
	background: url(../../../sns/images/line.png) repeat-x left bottom;
}
div.snsList h2 img { top:  0px; }

div.snsList div.box {
	position: relative;
	min-height: 90px;
	height: auto !important;
	height: 90px;
	padding-bottom: 15px;
	padding-left: 50px;
	margin-bottom: 16px;
    border-bottom: dotted 1px #CCCCCC;
	background: none;
}
div.snsList div.box h3 {
    padding-left: 40px;
	font-size: 15px;
	line-height: 1.3;
}
div.snsList div.box h3::before {
    content: '▼';
    position: absolute;
    font-size: 14px !important;
        -moz-transform: scale(0.6) rotate(-90deg);
        -webkit-transform: scale(0.6) rotate(-90deg);
        -o-transform: scale(0.6) rotate(-90deg);
        -ms-transform: scale(0.6) rotate(-90deg);
        transform: scale(0.6) rotate(-90deg);
    left: 70px;
    top: 0px;
    color: #00CEF3;
}
div.snsList div.box h3 a { color: #000; text-decoration: none; }

div.snsList div.box p.account {  padding-left: 40px; padding-top:4px; font-size: 13px; color: #AAA; }
div.snsList div.box p.account a { color: #888; text-decoration:  none; }
div.snsList div.box p.icon {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 68px;
	background: url(../../../sns/sp/images/shadow@2x.png) no-repeat center bottom;
    -webkit-background-size: 71px 24px;
	-moz-background-size: 71px 24px;
	background-size: 71px 24px;
}
div.snsList div.box p.icon a { display:  block; width: 60px; height: 60px; /*border: solid 1px #eeeeee; */}
div.snsList div.box p.info { min-height: 3em;  margin-top: 10px; margin-bottom: 12px; padding-left: 40px; font-size: 12px; line-height: 1.5; }
div.snsList div.box ul.btn {
    position: relative;
    list-style: none;
    vertical-align: bottom;
    text-align:  right;
}
div.snsList div.box ul.btn li { list-style: none; display: inline-block; vertical-align: bottom; text-align: right; }
div.snsList div.box ul.btn li.follow { position: relative; }
div.snsList div.box ul.btn li.fbLike { position: relative; width: 120px;  }
div.snsList div.box ul.btn li.more { position: relative; display:  block; margin-top:  5px;  line-height: 18px; vertical-align: middle;  }
div.snsList div.box ul.btn li.more a { padding-right: 5px; color: #000; text-decoration: none; line-height: 18px; vertical-align: middle; font-weight:  bold; }
div.snsList div.box ul.btn li.more a::before {
    content: "";
    display:  inline-block;
    position:  relative;
    width:  18px;
    height: 18px;
    margin-right: 5px;
    margin-bottom: -2px;
    background: url(../../../sns/sp/images/arrow_more@2x.png) no-repeat left center;
    -webkit-background-size: 18px 18px;
	-moz-background-size: 18px 18px;
	background-size: 18px 18px;
}

/*	14= present module
-----------------------------------------------------*/

body#present article { padding-top: 0; }
.presentInfo { border-bottom: solid 20px #D6D6D6; background: #fff; }
.presentInfo:last-child { border-bottom: solid 20px #fff;}
.presentInfo h2 {
    min-height: 38px;
    height: auto !important;
	height: 38px;
	line-height: 1.3;
	margin:0 ;
	padding: 13px 8px 12px 58px;
	border-top: none;
	border-bottom: 1px dotted #CCCCCC;
	background: url(../images/icon_present@2x.png) no-repeat 8px 12px;
    -webkit-background-size: 38px 38px;
	-moz-background-size: 38px 38px;
	background-size: 38px 38px;
	font-family: HiraKakuProN-W6;
	font-weight: bold;
	font-size: 15px;
	color: #000;
	letter-spacing: 0em; 
}
#main .presentInfo p.photo { margin: 0; padding: 8px 10px 8px; text-align: center; }
.presentInfo p.captionCopy { position: relative;margin: -6px 10px 8px; text-align: center; font-size: 10px; }
#main .presentInfo dl {
margin-bottom:  15px;
    padding: 15px 8px 8px;
    border-bottom: 1px dotted #CCCCCC;
    background: none !important;
}
#main .presentInfo dl.data1 { border-bottom:  none; padding-bottom:  0; }
#main .presentInfo dl.data2 { border-top:  none; padding-top: 0; }
#main .presentInfo dl dt {
    float:  none;
    width: 8em;
    padding: 4px;
    background: #333333;
    -moz-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
    font-size: 13px;
    color:  #fff;
    text-align:  center;
    letter-spacing: 1px;
    line-height: 1;
}
#main .presentInfo dl dt:first-child { letter-spacing:  0px; }
#main .presentInfo dl dd {
    position:  relative;
    
    padding: 7px 10px 12px;
    font-size: 14px;
    font-weight:  bold;
    line-height:  1.3;
}
#main .presentInfo dl dd:last-child { padding-bottom: 4px; }
#main .presentInfo .presentDetail { padding: 0 10px;}
#main .presentInfo .presentDetail,
#main .presentInfo .presentDetail p { font-size: 13px; line-height: 1.3; clear: #000;  }
#main .presentInfo .presentDetail small,
#main .presentInfo .presentDetail p small { display: block; padding: 10px 0 0; color:  #000; font-size:  12px;  }

#main .presentInfo .btn {
    position: relative;
    width: 100%;
    margin: 20px 0;
    padding: 0;
}
#main .presentInfo .btn form {
    text-align:  center;
    -js-display: flex;
	display : -webkit-box;
	display : -ms-flexbox;
	display : -webkit-flex;
	display : flex;
	flex-flow: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
    margin: 0;
    padding: 0 5px;
    background: none;
}
#main .presentInfo .btn input[type="submit"],
#main .presentInfo .btn a {
	display: inline-block;
    box-sizing: border-box;
    height: 44px;
    margin: 3px 5px;
    padding: 0;
    line-height: 34px;
	border-style: none;
	cursor: pointer;
	color: #fff;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	letter-spacing: 1px;
    font-size: 14px;
    font-weight:  bold;
	vertical-align: top;
	text-decoration: none;
    background: #F2E2E3;
    border:  solid 5px #E5B4B6;
    color: #000;
    font-size:  15px;
}
#main .presentInfo .btn input[type="submit"] {
    -ms-flex: 2;
    flex: 2;
	position: relative;
    letter-spacing:  0.1em;
    padding-left: 32px;
    background: #F2E2E3 url(../images/icon_present2@2x.png) no-repeat 15px center;
    -webkit-background-size: 22px 22px;
	-moz-background-size: 22px 22px;
	background-size: 22px 22px;
}
#main .presentInfo .btn a {
    -ms-flex: 1;
    flex: 1;
	position: relative;
    letter-spacing:  0.1em;
    background: #E2E2E2;
    border:  solid 5px #C6C6C6;
}

/*折りたたみ設定*/
#main .presentInfo .readmore-area { padding-bottom: 8px; }
#main .presentInfo .readmore-button-box {
   text-align: center;
   background: none;
   padding-top: 0em;
   margin-top: 0em;
   position: relative;
}
.presentInfo .readmore-button-box a {
    display: block;
    box-sizing: border-box;
    height: 44px;
    margin: 25px 5px;
    padding: 0;
    line-height: 34px;
    border-style: none;
    cursor: pointer;
    color: #fff;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight:  bold;
    vertical-align: top;
    text-decoration: none;
	background: #F2E2E3 url(../images/arrow2.png) no-repeat right center;
    -webkit-background-size: 12px 14px;
	-moz-background-size: 12px 14px;
	background-size: 12px 14px;
    border:  solid 5px #E5B4B6;
    color: #000;
    font-size:  15px;
}
.presentInfo .close-button-box { padding-left: 2em; }
.presentInfo .close-button-box a {
    position: relative;
    background: none;
    color: #999999;
    border-radius: 0px;
    padding: 0.5em 2.8em;
    display: inline-block;
    font-weight: normal;
    font-size: 13px;
    text-decoration: none;
}
.presentInfo .readmore-button-box a:hover {
    background: #F2E2E3 url(../images/arrow2.png) no-repeat right center;
    -webkit-background-size: 12px 14px;
	-moz-background-size: 12px 14px;
	background-size: 12px 14px;
    border:  solid 5px #E5B4B6;
}
.presentInfo .close-button-box a:hover {
   background: none;
}
.presentInfo .close-button-box a::before,
.presentInfo .close-button-box a::after {
    content: "";
    display: block;
    position: absolute;
    top: 38%;
    left: 0;
    width: 24px;
    height: 4px;
    background-color: #999;
}

.presentInfo .close-button-box a::before {
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.presentInfo .close-button-box a::after {
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.presentInfo .readmore-button-box {
   text-align: center;
   background-image: linear-gradient( 180deg, rgba(255,255,255,0.5), white );
   padding-top: 4.5em;
   margin-top: -6.5em;
   position: relative;
}
.presentInfo .lineup .readmore-button-box { padding-top: 1.4em; margin-top: 0em; }

/*プレゼントフォーム*/
body#form #customForm { padding-bottom: 30px; }
body#form .formArea .visual { position: relative; margin-bottom: -5px; }
body#form .formArea .visual img { width: 100vw; }

body#form .formArea p.back-page {
    margin: 6px 12px 10px;
    text-align:  right;
}
body#form .formArea p.back-page a {
    display: inline-block;
    box-sizing: border-box;
    height: 33px;
    padding: 0 20px;
    line-height: 23px;
    border-style: none;
    cursor: pointer;
    color: #fff;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight:  bold;
    vertical-align: top;
    text-decoration: none;
    background: #F2E2E3;
    border:  solid 5px #E5B4B6;
    color: #000;
    font-size:  13px;
}

body#form .formArea .aform-header {
    min-height: 38px;
    height: auto !important;
	height: 38px;
	line-height: 1.3;
	margin: 0;
	padding: 13px 8px 12px 58px;
	border-top: 1px dotted #CCCCCC;
    border-bottom: 1px dotted #CCCCCC;
	background: url(../images/icon_present@2x.png) no-repeat 8px 12px;
    -webkit-background-size: 38px 38px;
	-moz-background-size: 38px 38px;
	background-size: 38px 38px;
	font-family: HiraKakuProN-W6;
	font-weight: bold;
	font-size: 15px;
	color: #000;
	letter-spacing: 0em; 
}

body#form #main .formArea .multiple {
    min-height: 22px;
    height: auto !important;
	height: 22px;
    padding: 13px 8px 12px 20px;
    background: #F1E2E3;
}
body#form .formArea .aform-content { padding:  0 12px; }
body#form .formArea .aform-content form { margin-top: 12px; margin-bottom: 0; padding-bottom: 80px; }
body#form .formArea .aform-content dl { border:  none; padding: 0; background: none;  }
body#form .formArea .aform-content dl dt {
    float: none;
    width: auto;
    padding-left: 3px;
    font-size: 15px;
    font-weight: bold;
}
body#form .formArea .aform-content dl dt .required {
    display:  inline-block;
    margin-left:  0.8em;
    font-size: 12px;
    font-weight:  normal;
    padding: 2px 4px;
    background: #D90000;
    color:  #fff;
}
body#form .formArea .aform-content dl dt .aform-validation { font-weight: normal; }
body#form .formArea .aform-content dl dt a {
    color: #D90000;
    text-decoration: none;
}
body#form .formArea .aform-content dl dt img { vertical-align: middle; }
body#form .formArea .aform-content dl dd { padding-left: 0; padding-right:  0;}
body#form .formArea .aform-content dl dd ul,
body#form .formArea .aform-content dl dd li { list-style: none; }


article .formArea dl dd {
    position: relative;
    box-sizing: border-box;
    width:  100%;
    margin-bottom: 13px;
    padding: 0;
	font-size: 13px;
    line-height: 1.4;
}
article .formArea dl dd li label,
body#form #main article .formArea dl dd p.aform-input-example {
    display: inline-block;
    padding-left: 5px;
    font-size:  13px;
    margin: 5px 0 2px;
    color: #444444;
}


body#form .formArea #aform-confirm-form { position: relative; margin-top:  50px;}
body#form .formArea #aform-confirm-form::before {
    content:"ご入力いただいた内容のご確認　";
    position:  absolute;
    width: 100vw;
    box-sizing: border-box;
    top: -33px;
    left: -10px;
    padding: 0;
    margin: 0;
    text-align: center;
    font-size:  17px;
    line-height: 1;
    font-weight: bold;
}

body#form .formArea #aform-confirm-form dd {
    width: auto;
    margin-left: -10px;
    margin-right:  -10px;
    padding: 5px 15px 16px;
    border-bottom: dotted 1px #CCCCCC;
    font-size: 15px;
}
body#form .formArea dl dd input {
    box-sizing:  border-box;
    width: 100%;
    margin-bottom: 4px;
    padding: 10px;
    border: none;
    outline: none;
    font-size: 16px;
    line-height: 1.4;
}
body#form .formArea dl dd textarea {
    box-sizing:  border-box;
    width: 100%;
    margin-bottom: 4px;
    padding: 10px;
    border: none;
    outline: none;
    font-size: 14px;
    line-height: 1.4;
}
body#form .formArea dl dd input[type="radio"] { display:  inline-block; }
body#form .formArea dl dd li { display: inline; }

body#form .formArea dl dd li input[type="radio"],
body#form .formArea dl dd li input[type="checkbox"]{
    display: none;
}
body#form .formArea dl dd li label {
    margin-right: 1.5em;
    cursor: pointer;
    position: relative;
}
body#form .formArea dl dd li input[type="checkbox"] + label { margin-right:  1em; }

body#form .formArea dl dd li input[type="radio"] + label,
body#form .formArea dl dd li input[type="checkbox"] + label {
    cursor: pointer;
    color: #333;
    font-weight: normal;
    letter-spacing: 0;
    display: inline-block;
    position: relative;
}
body#form .formArea dl dd li input[type="radio"] + label:before,
body#form .formArea dl dd li input[type="checkbox"] + label:before {
    content:'';
    border: 1px solid #ddd;
    width: 24px;
    height: 24px;
    margin-right: 0.6em;
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    border-radius:12px;
    -webkit-transition: all 400ms cubic-bezier(1, 0, 0, 1);
    -moz-transition: all 400ms cubic-bezier(1, 0, 0, 1);
    -o-transition: all 400ms cubic-bezier(1, 0, 0, 1);
    transition: all 400ms cubic-bezier(1, 0, 0, 1);
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
body#form .formArea dl dd li input[type="checkbox"] + label:before {
    width: 20px;
    height: 20px;
    border-radius: 3px;
}
body#form .formArea dl dd li input[type="radio"]:checked + label:before,
body#form .formArea dl dd li input[type="checkbox"]:checked + label:before {
    background: #fff;
    border-color: #ccc;
}
body#form .formArea dl dd li input[type="radio"] + label:after,
body#form .formArea dl dd li input[type="checkbox"] + label:after{
    content:'';
    opacity: 0;
    position: absolute;
    left: 11px;
    top: 0px;
    width:8px;
    height: 16px;
    border-right: 3px solid #ddd;
    border-bottom: 3px solid #ddd;
    transform:rotate(-200deg);
    -webkit-transition: all 200ms cubic-bezier(1, 0, 0, 1);
    -moz-transition: all 200ms cubic-bezier(1, 0, 0, 1);
    -o-transition: all 200ms cubic-bezier(1, 0, 0, 1);
    transition: all 200ms cubic-bezier(1, 0, 0, 1);
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
body#form .formArea dl dd li input[type="radio"]:checked + label:after,
body#form .formArea dl dd li input[type="checkbox"]:checked + label:after{
    opacity: 1;
    position: absolute;
    left: 11px;
    top: 0px;
    width:8px;
    height: 16px;
    border-right: 3px solid #3399cc;
    border-bottom: 3px solid #3399cc;
    transform:rotate(40deg);
}

body#form .formArea dl dd select {
    position: relative;
    box-sizing: border-box;
    display: block;
    outline:none;
    width: 100%;
    height: 43px;
    line-height: 43px;
    padding: 10px 20px;
    text-indent: 0.01px;
    text-overflow: '';
    background: #fff;
    vertical-align: middle;
    color: inherit;
    font-size: 16px;
}

body#form .formArea dl dd select option{
  background-color: #fff;
  color: #333;
  font-size:  15px;
}
body#form .formArea dl dd select::-ms-expand {
  display: none;
}
body#form .formArea dl dd select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #828c9a;
}

body#form .formArea p.aform-error,
body#form .formArea p#parts-51-lastname-error,
body#form .formArea p#parts-51-firstname-error,
body#form .formArea p#parts-52-lastname-kana-error,
body#form .formArea p#parts-52-firstname-kana-error
{ margin-top:  2px; color: #D90000; background:  none; font-size:  12px;
}

body#form .formArea div.submit {
    background: #D4CFC7;
    text-align: center;
    padding: 20px 65px;
}
body#form .formArea #aform-confirm-form div.submit {
    padding: 20px 12px;
}
body#form .formArea #aform-confirm-form p { margin-bottom:  5px; padding: 3px 12px; font-size:  12px;}

body#form .formArea div.submit {
    text-align:  center;
    -js-display: flex;
	display : -webkit-box;
	display : -ms-flexbox;
	display : -webkit-flex;
	display : flex;
	flex-flow: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
body#form .formArea div.submit input[type="submit"],
body#form .formArea div.submit input[type="reset"],
body#form .formArea div.submit input[type="button"],
body#form .formArea div.submit a {
	display: inline-block;
    box-sizing: border-box;
    height: 34px;
    margin-bottom: 3px;
    padding: 0;
    line-height: 34px;
	border-style: none;
	cursor: pointer;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	letter-spacing: 1px;
    font-size: 14px;
    font-weight:  bold;
	vertical-align: top;
	text-decoration: none;
    background: #666666;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#888888', endColorstr = '#444444');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#888888', endColorstr = '#444444')";
	background-image: -moz-linear-gradient(top, #888888, #444444);
	background-image: -ms-linear-gradient(top, #888888, #444444);
	background-image: -webkit-linear-gradient(top, #888888, #444444);
	background-image: linear-gradient(top, #888888, #444444);
    -webkit-box-shadow: 0px 0px 2px 0 #bbb;
	-moz-box-shadow: 0px 0px 2px 0 #bbb;
	box-shadow: 0px 0px 2px 0 #bbb;
}

body#form .formArea div.submit input[type="submit"] {
    -ms-flex: 2;
    flex: 2;
	position: relative;
    letter-spacing:  0.1em;
}
body#form .formArea div.submit input[type="reset"] {
    -ms-flex: 1;
    flex: 1;
    margin-left: 8px;
}
body#form .formArea div.submit input[type="button"] {
    -ms-flex: 1;
    flex: 1;
    margin-right: 8px;
}
body#form .formArea .sticker { position: relative; margin: -75px 0 0; padding: 12px 22px; text-align:  right; }

body#form .formArea h2.completeTitle {
    margin: 0;
    padding: 40px 10px 25px;
    background:  none;
    color: #000;
    border-top: dotted 1px #ccc;
    font-size:  20px;
    text-align: center;
}
body#form .formArea p.description2 {
    margin-bottom:  1em;
    font-size:  15px;
    text-align: center;
    font-weight:  bold;
}
body#form .formArea p.description3 {
    margin-bottom: 100px;
    padding: 0 40px;
    font-size: 12px;
    text-align: left;
    color: #D90000;
    line-height: 1.5;
}


/*	15= search module
-----------------------------------------------------*/
body.search #main {}
body.search #main input {
    font-size: 15px;
    padding: 5px 4px;
    margin-top:  16px;
    margin-bottom:  16px;
}
body.search #main input[type="button"]  { height: 29px; line-height: 20px; }

/*	16= enjoyment module
-----------------------------------------------------*/
body#enjoyment #main h1 {
    -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}