@charset "UTF-8";
/* Section LISTS ----------
 - === Common
 - === for Header Section
 - === for Navigation Section (without Header Global Navigation)
 - === for Contents html Section
---------- */

/* box-sizing: border-box RESET
*, *:before, *:after {
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
         -o-box-sizing: content-box;
        -ms-box-sizing: content-box;
            box-sizing: content-box;
}
*/

/* --- License --- */
.lico_s { width: 18px; }
.lico_m { width: 50px; }
.line_qr { width: 50px; }

/* ========== for Header Section ========== */
/* Header */
header {
	width: 1080px;
	height: 515px;
	background: url(img/header.jpg) no-repeat center;
	position: relative;
}

header p {
	width: 1080px;
	height: 20px;
	padding: 0 30px;
	display: table-cell;
	vertical-align: middle;
	background-color: rgba( 11, 161, 181, 0.7 );
	color: #fff;
	font-weight: bold;
	font-size: 80%;
}
header h1 {
	position: absolute;
	transform: rotate( -5deg );
	top: 25px;
	left: -35px;
}
header img#open {
	position: absolute;
	transform: rotate( -5deg );
	top: 260px;
	left: 65px;
}
header img#phone {
	position: absolute;
	transform: rotate( -5deg );
	bottom: -10px;
	left: 30px;
}
header img#qr {
	width: 90px;
	position: absolute;
	bottom: 10px;
	right: 30px;
}
header img#mobile {
	position: absolute;
	bottom: 10px;
	right: 125px;
}

header img#card {
    width: 400px;
    position: absolute;
    bottom: -10px;
    right: 240px;
    z-index: 9999;
}

/* Entrance */
nav#entbtn {
	width: 220px;
	height: 220px;
	position: absolute;
	top: 260px;
	left: 445px;
}
nav#entbtn a {
	height: 0;
	padding-top: 220px;
	overflow: hidden;
	display: block;
	background: url(/common/img/entbtn.png) no-repeat;
}
nav#entbtn a { width: 220px; }
nav#entbtn a.active,
nav#entbtn a:focus,
nav#entbtn a:hover {
	background: url(/common/img/entbtn.png) no-repeat left bottom;
}


/* --- for Global Navigation --- */
.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    border-bottom: 0;
    background: url(img/navi_fixed_back.png) repeat-x;
	box-shadow:0px 0px 10px 0px #000;
	-moz-box-shadow:0px 0px 10px 0px #000;
	-webkit-box-shadow:0px 0px 10px 0px #000;
	z-index: 999;
}

nav#global {
	width: 100%;
	height: 80px;
	background-color: #999;
	letter-spacing: -1em;
}

nav#global ul {
	width: 1080px;
	height: 80px;
	margin: 0 auto;
	background: url(img/navi.png) no-repeat;
}

nav#global ul li {
	display: inline-block;
	letter-spacing: 0em;
}

nav#global ul li a {
	display: block;
	height: 0;
	padding-top: 80px;
	overflow: hidden;
}

nav#global ul li#btnhome a { width: 135px; }
nav#global ul li#btnhome a.active,
nav#global ul li#btnhome a:focus,
nav#global ul li#btnhome a:hover {
	background: url(img/navi.png) no-repeat left bottom;
}

nav#global ul li#btnsyst a { width: 135px; }
nav#global ul li#btnsyst a.active,
nav#global ul li#btnsyst a:focus,
nav#global ul li#btnsyst a:hover {
	background: url(img/navi.png) no-repeat -135px -80px;
}

nav#global ul li#btncast a { width: 135px; }
nav#global ul li#btncast a.active,
nav#global ul li#btncast a:focus,
nav#global ul li#btncast a:hover {
	background: url(img/navi.png) no-repeat -270px -80px;
}

nav#global ul li#btnsche { position: relative; }
nav#global ul li#btnsche time {
	position: absolute;
	top: 5px;
	left: 10px;
	font-size: .8em;
	font-weight: bold;
	color: #f0ff00;
}
nav#global ul li#btnsche a { width: 135px; }
nav#global ul li#btnsche a.active,
nav#global ul li#btnsche a:focus,
nav#global ul li#btnsche a:hover {
	background: url(img/navi.png) no-repeat -405px -80px;
}

nav#global ul li#btnblog { position: relative; }
nav#global ul li#btnblog time {
	position: absolute;
	top: 5px;
	left: 10px;
	font-size: .8em;
	font-weight: bold;
	color: #f0ff00;
}
nav#global ul li#btnblog a { width: 135px; }
nav#global ul li#btnblog a.active,
nav#global ul li#btnblog a:focus,
nav#global ul li#btnblog a:hover {
	background: url(img/navi.png) no-repeat -540px -80px;
}

nav#global ul li#btnlink a { width: 135px; }
nav#global ul li#btnlink a.active,
nav#global ul li#btnlink a:focus,
nav#global ul li#btnlink a:hover {
	background: url(img/navi.png) no-repeat -675px -80px;
}

nav#global ul li#btnrecr a { width: 135px; }
nav#global ul li#btnrecr a.active,
nav#global ul li#btnrecr a:focus,
nav#global ul li#btnrecr a:hover {
	background: url(img/navi.png) no-repeat -810px -80px;
}

nav#global ul li#btngrav a { width: 135px; }
nav#global ul li#btngrav a.active,
nav#global ul li#btngrav a:focus,
nav#global ul li#btngrav a:hover {
	background: url(img/navi.png) no-repeat -945px -80px;
}

/* ========== for Navigation Section (without Header Global Navigation) ========== */
/* --- for TopicPath/Breadcrumb --- */
/* Simple */
/*
#topicpath {
	margin: 15px 0 15px 30px;
	font-size: 90%;
	font-weight:bold;
	letter-spacing: 0.1em;
}
#topicpath ol li {
        display: inline;
}
#topicpath ol li:before {
        content: " > ";
}
#topicpath ol li:first-child:before {
        content: "";
}
*/
/* Graphical*/
#topicpath {
	font-size: 80%;
	font-weight: bold;
	background: #eee;
	border-width: 1px;
	border-style: solid;
	border-color: #f5f5f5 #e5e5e5 #ccc;
	box-shadow: 0 0 8px rgba(0,0,0,.7);
	overflow: hidden;
	width: 1080px;
}
#topicpath li{
	float: left;
}
#topicpath ol {
    list-style: none;
}
#topicpath a {
	padding: .6em 1em .6em 2em;
	float: left;
	text-decoration: none;
	color: #e95189;
	position: relative;
	text-shadow: 0 3px 0 rgba(255,255,255,.7);
	background-color: #ddd;
	background-image: linear-gradient(to right, #f5f5f5, #ddd);
}
#topicpath li:last-child {
	padding: .6em 1em .6em 2em;
	float: left;
	text-decoration: none;
	color: #36b0c7;
	position: relative;
	text-shadow: 0 3px 0 rgba(255,255,255,.7);
	background-color: #eee;
}
#topicpath li:first-child a{
	padding-left: 2em;
	border-radius: 5px 0 0 5px;
}
#topicpath a:hover{
	background: #fff;
}
#topicpath a:after,
#topicpath a:before{
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -1.5em;
	border-top: 1.5em solid transparent;
	border-bottom: 1.5em solid transparent;
	border-left: 1em solid;
	right: -0.7em;
}
#topicpath a:after{
	z-index: 2;
	border-left-color: #ddd;
}
#topicpath a:before{
	border-left-color: #ccc;
	right: -1.0em;
	z-index: 1;
}
#topicpath a:hover:after{
	border-left-color: #fff;
}
#topicpath .current,
#topicpath .current:hover{
	font-weight: bold;
	background: none;
}
#topicpath .current:after,
#topicpath .current:before{
	content: normal;
}


/* --- for Pager --- */
nav#pager {
	text-align: center;
	margin: 15px 0;
}
nav#pager a,
nav#pager b {
	display: block;
	margin: 1px;
	padding: 10px;
	display: inline-block;
	border: 1px solid #ccc;
	font-weight:bold;
}
nav#pager a:hover {
	background-color: #ccc;
	text-decoration:none;
	color: #fff;
}
nav#pager b {
	background-color: #eb6da5;
	color: #fff;
}

/* --- for Footer Navigation --- */
footer nav ul li {
	display: inline;
	list-style-type: none;
}
footer nav ul li:before,
footer nav ul li:last-child:after {
	content: "|";
	padding: 0 5px;
}

/* ========== for Contents html Section ========== */
/* Contents Column */
article#conthome,
article#contsyst,
article#contcast,
article#contcade,
article#contsche,
article#contblog,
article#contlink,
article#contrecr,
article#contgrav {
	width: 780px;
	padding: 30px;
	margin-right: -290px;
	float: left;
	/*background-color: #ddf;*/
}
article#contsyst h2,
article#contcast h2,
article#contcade h2,
article#contsche h2,
article#contblog h2,
article#contlink h2,
article#contrecr h2,
article#contgrav h2 {
	font-size: 2.4em;
	color: #3287A5;
}
article#contsyst h3,
article#contcast h3,
article#contsche h3,
article#contblog h3,
article#contlink h3,
article#contrecr h3,
article#contgrav h3 {
	font-size: 1.4em;
	color: #DF5FA3;
}
article#contcade h3 {
	font-size: 2.2em;
	color: #DF5FA3;
}

aside {
	width: 290px;
	float: right;
	/*background-color: #fdd;*/
}
.yugata img{
	width: 100%;
	margin-top: 10px;
}
/* --- for INDEX(TOP/ENTRANCE) html --- */
#conttop {
    margin: 30px 0;
    text-align: center;
}
#r_banner img{
	width: 100%;
	margin-top: 10px;
}
#de_banner img{
	width: 100%;
	margin-top: 10px;
}
#sg_banner img{
	width: 100%;
	margin-top: 10px;
}
#ride img{
	width: 100%;
	margin-top: 10px;
}
/* --- for HOME html --- */
#conthome #sche,
#conthome #news,
#conthome #blog,
#conthome #nper {
	width: 720px;
	margin: 0 0 30px 0;
	padding: 10px;
	border: 1px solid #d8d8d8;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f2f5f6', endColorstr = '#96dadc');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f2f5f6', endColorstr = '#96dadc')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #f2f5f6, #96dadc);
	background-image: -ms-linear-gradient(top, #f2f5f6, #96dadc);
	background-image: -o-linear-gradient(top, #f2f5f6, #96dadc);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#f2f5f6), to(#96dadc));
	background-image: -webkit-linear-gradient(top, #f2f5f6, #96dadc);
	background-image: linear-gradient(top, #f2f5f6, #96dadc);
	/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
	box-shadow:0px 0px 5px 0px #000;
	-moz-box-shadow:0px 0px 5px 0px #000;
	-webkit-box-shadow:0px 0px 5px 0px #000;
}
#conthome #sche h2 + time {
	color: #E566A4;
	font-weight: bold;
}
#conthome #sche #tabcontent section.cast {
	position:relative;
	border: 1px solid #E566A4;
	width: 138px;
	height: 236px;
	padding: 6px;
	margin: 0 1px 2px 0;
	display: inline-block;
	line-height: 1.2;
	font-size: .9em;
	text-align: center;
    color: #050505;
    background: -moz-linear-gradient(
        top,
        rgba(255,255,255,0.5) 0%,
        #ebebeb 50%,
        #dbdbdb 50%,
        #ED9BC4);
    background: -webkit-gradient(
        linear, left top, left bottom,
        from(rgba(255,255,255,0.5)),
        color-stop(0.50, #ebebeb),
        color-stop(0.50, #dbdbdb),
        to(#ED9BC4));
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 0px rgba(255,255,255,0.5);
    -webkit-box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 0px rgba(255,255,255,0.5);
    box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 0px rgba(255,255,255,0.5);
    text-shadow:
        0px -1px 0px rgba(000,000,000,0.2),
        0px 0px 0px rgba(255,255,255,0.8);
}
#conthome #sche #tabcontent section.cast time {
	font-weight: bold;
}
#conthome #sche #tabcontent section.noopen {
	width: 700px;
	text-align: center;
}

#conthome #sche #tabcontent h3 {
	font-size: 1.2em;
	display: inline;
}

#conthome #sche #tabcontent img.thum {
	width: 120px;
	height: 180px;
    object-fit: cover;
	margin: 0 0 5px 0;
}
#conthome #sche #tabcontent  span.new {
	color: #EA379A;
	font-weight: bold;
	position: absolute;
    top: 0;
    left: 5px;
    font-size: 20px;
    text-shadow: 1px 1px white;
}
#conthome #news section,
#conthome #blog section,
#conthome #nper section {
	width: 700px;
}
#conthome #news section time,
#conthome #blog section time,
#conthome #nper section time {
	color: #E566A4;
	font-weight: bold;
	text-shadow: 1px 0px 0px #fff, 0px 1px 0px #fff, -1px 0px 0px #fff, 0px -1px 0px #fff;
}
#conthome #news section img.thum,
#conthome #blog section img.thum,
#conthome #nper section img.thum {
	margin: 0 15px 15px 0;
	vertical-align: top;
	float: left;
}

/* Home Schedule Tab */
#conthome #tabnavi {
	text-align: center;
	margin: 10px 0 10px 0;
}
#conthome #tabnavi li{ display: inline; }
#conthome #tabnavi li time.sun { color: #c03; }
#conthome #tabnavi li time.sat { color: #09c; }
#conthome #tabnavi li span.week{ font-size: .7em; }
#conthome #tabnavi li a{
	width: 65px;
	height: 65px;
	padding: 20px 0 0 0;
	display: inline-block;
	background: #fff;
	font-size: 1.0em;
	color: #666;
	font-weight: bold;
	text-align: center;
	border-radius: 45px;
	text-decoration: none;
	border: 1px solid #ccc;
	line-height: 0.8;
}
#conthome #tabnavi li a.active {
	background: #eb6da5;
	color: #fff;
}
#conthome #tabnavi li a:hover {
	background: #ccc;
	color: #fff;
}
#conthome #tabcontent{
	padding: 0;
	border: none;
}
#conthome #news h3,
#conthome #blog h3,
#conthome #nper h3 {
	font-size: 1.6em;
	font-weight: 400;
	color: #3184A3;
	text-shadow: 1px 0px 0px #fff, 0px 1px 0px #fff, -1px 0px 0px #fff, 0px -1px 0px #fff;
}

#conthome a#schelist,
#conthome a#bloglist {
	margin: 10px 10px 10px 450px;
	width: 250px;
  display: inline-block;
  text-align: right;
  border-width: 1px;
  border-style: solid;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  color: #FFFFFF;
  font-size: .9em;
  background-color: #D100D1;
  background-image: -webkit-linear-gradient(top, #d600d6 0%, #e119e1 48%, #D100D1 49%, #D100D1 82%, #ed00ed 100%);
  background-image: -moz-linear-gradient(top, #d600d6 0%, #e119e1 48%, #D100D1 49%, #D100D1 82%, #ed00ed 100%);
  background-image: -o-linear-gradient(top, #d600d6 0%, #e119e1 48%, #D100D1 49%, #D100D1 82%, #ed00ed 100%);
  background-image: linear-gradient(top, #d600d6 0%, #e119e1 48%, #D100D1 49%, #D100D1 82%, #ed00ed 100%);
  border-color: hsl(300, 40%, 41%);
  -webkit-box-shadow: inset 0 0 1px 1px #ff1eff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #ff1eff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #ff1eff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #6b006b;
  -moz-text-shadow: 1px 1px 1px #6b006b;
  -o-text-shadow: 1px 1px 1px #6b006b;
  text-shadow: 1px 1px 1px #6b006b;
  -webkit-border-radius: 31px;
  -moz-border-radius: 31px;
  border-radius: 31px;
  padding: 10px 25px 10px 25px;
}


/* MAIL MAGAZINE */
aside #mailmag,
aside #link {
	width: 265px;
	margin: -30px 0 0 0;
	padding: 10px;
	border: 1px solid #d8d8d8;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f2f5f6', endColorstr = '#96dadc');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f2f5f6', endColorstr = '#96dadc')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #f2f5f6, #96dadc);
	background-image: -ms-linear-gradient(top, #f2f5f6, #96dadc);
	background-image: -o-linear-gradient(top, #f2f5f6, #96dadc);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#f2f5f6), to(#96dadc));
	background-image: -webkit-linear-gradient(top, #f2f5f6, #96dadc);
	background-image: linear-gradient(top, #f2f5f6, #96dadc);
	/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
	box-shadow:0px 0px 5px 0px #000;
	-moz-box-shadow:0px 0px 5px 0px #000;
	-webkit-box-shadow:0px 0px 5px 0px #000;
	font-size: .9em;
}

aside #mailmag h3 {
	font-size: 1.0em;
	color: #3183A2;
}

aside #mailmag input#mmta,
aside #mailmag button#mmbtn {
	width: 240px;
	margin: 0;
}

/* LINK */
aside #link {
	margin: 20px 0 0 0;
}
aside #link article section {
	margin: 0 0 20px 0;
	line-height: 1.2;
}
aside #link article section h3 {
	font-size: .9em;
	display: inline;
}
aside #link article section a img {
	max-width: 240px;
	margin: 0 auto;
}

/* --- for NEWS html --- */
/* #contnews {} */

/* --- for NEW_PERSON/PICKUP_CAST html --- */
/* #contnper {} */

/* --- for CAST html --- */
#contcast {

}

#contcast section,
#contcade #osusume section {
	/*border: 1px solid #E566A4;*/
	width: 230px;
	padding: 10px 0 10px 0;
	margin: 0 5px 18px 0;
	display: inline-block;
	line-height: 1.4;
	font-size: .8em;
	font-weight: bold;
	text-align: center;
    color: #050505;
    background-color: #8CD6DD;
    /*
    background: -moz-linear-gradient(
        top,
        rgba(255,255,255,0.5) 0%,
        #ebebeb 50%,
        #fff 50%,
        #ED9BC4);
    background: -webkit-gradient(
        linear, left top, left bottom,
        from(rgba(255,255,255,0.5)),
        color-stop(0.50, #ebebeb),
        color-stop(0.50, #fff),
        to(#ED9BC4));
        */
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 0px rgba(255,255,255,0.5);
    -webkit-box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 0px rgba(255,255,255,0.5);
    box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 0px rgba(255,255,255,0.5);
    text-shadow:
        0px -1px 0px rgba(000,000,000,0.2),
        0px 0px 0px rgba(255,255,255,0.8);
    position: relative;
}
#contcast section h3,
#contcade #osusume h6 {
	color: #1153A0;
	background-color: #B7E6EA;
	padding: 5px;
	border-top: 1px solid #E7F6F7;
	border-bottom: 1px solid #E7F6F7;
}

#contcast section span.new,
#contcade #osusume section span.new {
	color: #EA379A;
	font-weight: bold;
	margin-right:5px;
}


#contcast section img.thum,
#contcade #osusume section img.thum {
	width: 100%;
	height: 345px;
    object-fit: cover;
}

#contcast section img.lico_m,
#contcade #osusume section img.lico_m {
    position: absolute;
    top: 0;
    left: 0;
}
#contcast section .line_qr,
#contcade #osusume section .line_qr {
    position: absolute;
    top: 0;
    right: 0;
}
#contcast section > b,
#contcade #osusume section > b {
	color: #DB0E84;
}
/* --- for CAST_DETAIL html --- */
#contcade {

}

#contcade #photoslider {
	width: 360px;
	margin: 0 15px 15px 0;
	float: left;
}

#contcade img#line_base {
    width: 200px;
}
#contcade img#line_qr {
    width: 96px;
    height: 96px;
}

#contcade #detail h4 {
	font-size: 1.0em;
	margin: 5px 0;
	color: #E566A4;
}
#contcade #schedule h4 {
	font-size: 1.2em;
	margin: 10px 0;
	color: #E566A4;
}
#contcade #schedule table {
	width: 720px;
	margin: 0 0 50px 0;
	line-height: 1.2;
}
#contcade #schedule table th,
#contcade #schedule table td {
	width: calc(100%/7);
	vertical-align: middle;
	text-align: center;
}
#contcade #schedule table th {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #0A576E), color-stop(0.00, #36B0C7));
	background: -webkit-linear-gradient(top, #36B0C7 0%, #0A576E 88%);
	background: -moz-linear-gradient(top, #36B0C7 0%, #0A576E 88%);
	background: -o-linear-gradient(top, #36B0C7 0%, #0A576E 88%);
	background: -ms-linear-gradient(top, #36B0C7 0%, #0A576E 88%);
	background: linear-gradient(to bottom, #36B0C7 0%, #0A576E 88%);
	border: 1px solid #fff;
}
#contcade #schedule table td {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #fff), color-stop(0.00, #ddd));
	background: -webkit-linear-gradient(top, #fff 0%, #ddd 88%);
	background: -moz-linear-gradient(top, #fff 0%, #ddd 88%);
	background: -o-linear-gradient(top, #fff 0%, #ddd 88%);
	background: -ms-linear-gradient(top, #fff 0%, #ddd 88%);
	background: linear-gradient(to bottom, #fff 0%, #ddd 88%);
	border: 1px dashed #999;
	border-bottom: 0;
}
#contcade #schedule table th span.sun {
	color: #c03;
	text-shadow: 1px 0px 0px #fff, 0px 1px 0px #fff, -1px 0px 0px #fff, 0px -1px 0px #fff;
}
#contcade #schedule table th span.sat {
	color: #09c;
	text-shadow: 1px 0px 0px #fff, 0px 1px 0px #fff, -1px 0px 0px #fff, 0px -1px 0px #fff;
}

#contcade #osusume h5 {
	color: #225B70;
}

/* --- for GRAVURE html --- */
#contgrav #photoslider img {
    width: 720px;
}

/* --- for SCHEDULE html --- */
#contsche {

}

#contsche table caption {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #fff), color-stop(0.00, #ddd));
	background: -webkit-linear-gradient(top, #fff 0%, #ddd 88%);
	background: -moz-linear-gradient(top, #fff 0%, #ddd 88%);
	background: -o-linear-gradient(top, #fff 0%, #ddd 88%);
	background: -ms-linear-gradient(top, #fff 0%, #ddd 88%);
	background: linear-gradient(to bottom, #fff 0%, #ddd 88%);
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
	border: 1px solid #999;
	padding: 15px;
	margin: 0 0 5px 0;
}
#contsche table caption h4 {
	display: inline;
}
#contsche table caption > b {
	color: #E566A4;
	font-weight: bold;
}
#contsche table {
	width: 720px;
	margin: 0 0 50px 0;
	line-height: 1.2;
}
#contsche table img.thum {
	width:120px;
	height:180px;
	object-fit:cover;
}
#contsche table span.new{
	color:#EA379A;
}
#contsche table th,
#contsche table td {
	width: calc(100%/8);
	vertical-align: middle;
	text-align: center;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
}
#contsche table th {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #0A576E), color-stop(0.00, #36B0C7));
	background: -webkit-linear-gradient(top, #36B0C7 0%, #0A576E 88%);
	background: -moz-linear-gradient(top, #36B0C7 0%, #0A576E 88%);
	background: -o-linear-gradient(top, #36B0C7 0%, #0A576E 88%);
	background: -ms-linear-gradient(top, #36B0C7 0%, #0A576E 88%);
	background: linear-gradient(to bottom, #36B0C7 0%, #0A576E 88%);
	border: 1px solid #fff;
}
#contsche table td {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #fff), color-stop(0.00, #ddd));
	background: -webkit-linear-gradient(top, #fff 0%, #ddd 88%);
	background: -moz-linear-gradient(top, #fff 0%, #ddd 88%);
	background: -o-linear-gradient(top, #fff 0%, #ddd 88%);
	background: -ms-linear-gradient(top, #fff 0%, #ddd 88%);
	background: linear-gradient(to bottom, #fff 0%, #ddd 88%);
	border: 1px dashed #999;
	border-bottom: 0;
}
#contsche table th span.sun {
	color: #c03;
	text-shadow: 1px 0px 0px #fff, 0px 1px 0px #fff, -1px 0px 0px #fff, 0px -1px 0px #fff;
}
#contsche table th span.sat {
	color: #09c;
	text-shadow: 1px 0px 0px #fff, 0px 1px 0px #fff, -1px 0px 0px #fff, 0px -1px 0px #fff;
}
#contsche #update time {
	color: #09c;
	font-size: 1.4em;
}


/* --- for BLOG html --- */
#contblog {

}

#contblog section {
	border-top: 15px solid #F0ACCE;
	border-bottom: 15px solid #F0ACCE;
	width: 720px;
	padding: 45px;
	margin: 0 0 50px 0;
	background-color: #eee;
}

#contblog section h3 a {
    font-size: 1.2em;
    font-weight: 400;
    color: #3184A3;
    text-decoration: none;
}
#contblog section time {
    color: #E566A4;
    font-weight: bold;
}

#contblog section img.photo {
	margin: 0 15px 15px 0;
	vertical-align: top;
	float: left;
}

/* --- for SYSTEM html --- */
#contsyst {

}

#contsyst img#cardsample {
    width: 280px;
    margin-right: 10px;
    float: left;
}
#contsyst ul:not(#warning) li:nth-child(2){
    color: #f00;
}

/* --- for RECRUIT html --- */
#contrecr {

}

/* --- for LINK html --- */
#contlink {

}

/* Responsive */
/* ===== ウィンドウサイズ横幅 1680px以上 ===== */
@media screen and (min-width: 1680px){

}
/* ===== ウィンドウサイズ横幅 1679pxまで ===== */
@media screen and (max-width: 1679px){

}
/* ===== 物理的デバイスサイズ横幅 736pxまで ===== */
@media screen and (max-device-width:736px)  {

}