@charset "utf-8";

/* common.css */

/*-----------------------------------------------
 __commons
-----------------------------------------------*/

body {
	color: #221814;
}

a {
	outline: none !important;
	text-decoration: none;
}

a:hover,
input:hover {
	opacity: 0.7;
	text-decoration: none;
}

ul {
	padding: 0 0 0 0;
}

li {
	list-style: none;
}

/*-----------------------------------------------
 __header
-----------------------------------------------*/

#header {
	width: 100%;
	background: #Fff;
	position: fixed;
	height: 40px;
	margin: 0 auto;
	display: block;
	border-bottom: 1px solid #f3efef;
	z-index: 9999999999999999;
}

header {
	width: 100%;
	margin: 0 auto;
	min-height: 40px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
    flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
}

.togglebutton {
	margin: 0;
	background: transparent;
	order: 3;
    position: absolute;
    top: 5px;
    right: 10px;
}

span.togglebar {
	background: #0074c1;
	width: 30px;
	height: 3px;
	border-radius: 1px;
	box-sizing: border-box;
	display: block;
}

span.linktxt {
	font-size: 80%;
	text-align: center;
	color: #0074c1;
	font-weight: bold;
	display: block;
	margin: 0 0 2px 0;
	line-height: 1;
}

.togglebutton .togglebar+.togglebar {
	margin-top: 3px;
}

.header-rightcontents {
    position: relative;
    top: 0;
    width: 100%;
    background: white;
    padding: 5% 0;
}

.header-rightcontents ul li {
    width: 50%;
    margin: 0 auto 0.8em auto;
}

.header-rightcontents li:last-child {
    margin: 0 auto 2em auto;
}

.spmenu {
    display: none;
}

.submenu {
	background: #eee;
	width: 100%;
	position: relative;
    margin-bottom: 0;
	margin-top: 40px;
	z-index: 9999999999;
}

.submenu li {
	border-bottom: 1px dotted #ccc;
}

.submenu li a {
	display: block;
	padding: 8px;
}

.h-cal,
.h-tvguide,
.h-weather {
	display: none;
}

.h-tvguide {
	display: table;
	background: #e30081;
	width: auto;
	text-align: center;
	letter-spacing: 0.1em;
	font-size: 16px;
	padding: 2px 20px 2px 5px;
	border-radius: 14px 14px 14px 14px;
	-moz-border-radius: 14px 14px 14px 14px;
	-webkit-border-radius: 14px 14px 14px 14px;
	font-size: 12px;
    position: absolute;
    top: 10px;
	line-height: 1.5em;
	order: 2;
    transform: translate(-50%, 0px);
    -webkit-transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px); 
    left: 50%;
    right: 0;
}

.header-rightcontents ul li a {
    display: block;
    padding: 0.5em 0.5em;
    border-radius: 5px;
    background: #0074C1;
    color: white;
    font-weight: bold;
    text-align: left;
}

.header-rightcontents ul li.mail a {
	display: flex;
	align-items: center;
}

.header-rightcontents ul li.mail a span.glyphicon-envelope {
	margin-right: 4px;
}

@media all and (-ms-high-contrast: none){
  .h-tvguide {
  	position: relative;
  }
}

.h-tvguide a {
	color: #fff;
	text-decoration: none;
}

.fa-chevron-circle-right:before {
	content: "\f138";
	color: #fff;
	margin-right: 7px;
	background: #e30081;
	font-family: FontAwesome;
}

.pankuzu {
	display: none;
}

.pankuzu-sp {
	border-top: 1px solid #221814;
	padding: 10px 0 0 0;
	margin: 0 0 2.5em 0;
}

.pankuzu-sp li {
	display: inline-block;
	*display: inline;  
    *zoom: 1;
	font-size: 12px;
	line-height: 1.8em;
}

.pankuzu-sp li:after {
	content: " / "
}

.pankuzu-sp li:last-child:after {
	content: "";
}

.snsicon {
	display: none;
}

.snsicon2 {
	display: block;
	height: auto;
	width: auto;
	text-align: center;
	margin: 10px auto 0 auto;
	position: relative;
}

.snsicon2 li {
	display: inline-block;
	*display: inline;  
    *zoom: 1;
	vertical-align: top;
	text-indent: -9999em;
}

.snsicon2 li a {
	background-size: contain;
	vertical-align: top;

	display: block;
	width: 30px;
	height: 30px;
}

.snsicon2 li.twitter a {
	background: url(../images/common/icon_x.png) no-repeat;
	background-size: 30px 30px;
	margin: 0 5px 0 0;
}

.snsicon2 li.facebook a {
	background: url(../images/common/icon_facebook.png) no-repeat;
	background-size: 30px 30px;
}

.maintitle {
	background: #f6f6f5;
	padding: 10px 0;
	margin: 0 0 10px 0;
}

.navbar-nav li {
	border-bottom: 1px solid #ccc;
}

/*-----------------------------------------------
 __title
-----------------------------------------------*/

.maintitle h2,
.maintitle-main h2 {
	text-align: center;
	font-weight: 600;
	font-size: 20px;
	letter-spacing: 1px;
	margin: 0 0 0 0;
	padding: 0 10px;
	line-height: 1.2em;
}

.maintitle-main h2 {
	margin: 0 0 0 0;
}

.maintitle h2:after,
.maintitle-main h2:after {
	content: "";
	display: block;
	width: 80px;
	border-bottom: 1px solid #989898;
	margin: 0 auto;
	padding: 0.5em 0 0 0;
}

.leftcolumn h3,
.maincolumn h3 {
	font-weight: 600;
	letter-spacing: 1px;
	font-size: 17px;
	background: #f6f6f5;
	padding: 0.5em 0.5em 0.5em 35px;
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	position: relative;
	line-height: 100%;
}
#regular,
#drama {
    margin-top: -40px;
    padding-top: 40px;
}

.leftcolumn h3:before,
.maincolumn h3:before {
	content: "";
	background: #107bb8;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	display: block;
	width: 14px;
	height: 14px;
	position: absolute;
	left: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
}

/*-----------------------------------------------
 __post
-----------------------------------------------*/

.pic-row img {
	display: block;
	width: 100%;
	height: auto;
	text-align: center;
}

.pic-row img {
	margin-bottom: 10px;
}

.pic-row > img:last-child {
	margin-bottom: 30px;
}

.maincolumn p {
	line-height: 1.8em;
}

img.movie {
	width: 100%;
	height: auto;
}

/*-----------------------------------------------
 __footer
-----------------------------------------------*/

.sns-top,
.sns {
	width: auto;
	margin: 0 auto;
	padding: 30px 0;
	display: table;
}

.sns h2,
.sns-top h2 {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}

.sns ul,
.sns-top ul {
	text-align: center;
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.sns li,
.sns-top li {
	display: inline-block;
	*display: inline;  
    *zoom: 1;
	vertical-align: middle;
	margin: 0 10px;;
}

.sns li.facebook,
.sns li.twitter,
.sns li.line,
.sns li.instagram,
.sns li.youtube,
.sns li.tiktok,
.sns-top li.facebook,
.sns-top li.twitter,
.sns-top li.line,
.sns-top li.instagram,
.sns-top li.youtube,
.sns-top li.tiktok {
	background-repeat: no-repeat;
	text-indent: -9999em;
}

.sns li.facebook a,
.sns li.twitter a,
.sns li.line a,
.sns li.instagram a,
.sns li.youtube a,
.sns li.tiktok a,
.sns-top li.facebook a,
.sns-top li.twitter a,
.sns-top li.line a,
.sns-top li.instagram a,
.sns-top li.youtube a,
.sns-top li.tiktok a {
	display: block;
		background-repeat: no-repeat;
}

.sns li.facebook a,
.sns-top li.facebook a {
	background-image: url(../images/sp/top/icon_facebook.png);
	width: 34px;
	height: 34px;
}

.sns li.facebook ul li,
.sns-top li.facebook ul li,
.sns li.instagram ul li,
.sns-top li.instagram ul li,
.sns li.youtube ul li,
.sns-top li.youtube ul li,
.sns li.twitter ul li,
.sns-top li.twitter ul li {
	text-indent: 0;
	display: block;
	text-align: left;
}

.open>.dropdown-menu {
	padding: 5px;
}

.sns li.facebook ul li a,
.sns-top li.facebook ul li a,
.sns li.instagram ul li a,
.sns-top li.instagram ul li a,
.sns li.youtube ul li a,
.sns-top li.youtube ul li a,
.sns li.twitter ul li a,
.sns-top li.twitter ul li a {
	background: none;
	width: auto;
	height: auto;
	padding: 0 0 5px 0;
}

.sns li.facebook ul li a:last-child,
.sns-top li.facebook ul li a:last-child {
	padding-bottom: 0;
}

.sns li.twitter a,
.sns-top li.twitter a {
	background-image: url(../images/sp/top/icon_x.png);
	width: 34px;
	height: 27px;
}

.sns li.line a,
.sns-top li.line a {
	background-image: url(../images/sp/top/icon_line.png);
	width: 34px;
	height: 34px;
}

.sns li.instagram a,
.sns-top li.instagram a {
	background-image: url(../images/sp/top/icon_instagram.png);
	width: 34px;
	height: 34px;
}

.sns li.youtube a,
.sns-top li.youtube a {
	background-image: url(../images/sp/top/icon_youtube.png);
	width: 34px;
	height: 24px;
}

.sns li.tiktok a,
.sns-top li.tiktok a {
	background-image: url(../images/sp/top/icon_tiktok.png);
	width: 34px;
	height: 34px;
}

.sns li ul.dropdown-menu li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.sns li ul.dropdown-menu li a {
	line-height: 1.8em;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-bottom: 1px solid #ddd;
}

.sns li ul.dropdown-menu li:last-child a {
	border-bottom: 0;
}

.sns li.facebook ul.dropdown-menu,
.sns-top li.facebook ul.dropdown-menu {
	left: 0;
}

.sns li.twitter ul.dropdown-menu,
.sns-top li.twitter ul.dropdown-menu {
	left: 60px;
}

.sns li.instagram ul.dropdown-menu,
.sns-top li.instagram ul.dropdown-menu {
	left: 120px;
}

.sns li.youtube ul.dropdown-menu,
.sns-top li.inyoutubestagram ul.dropdown-menu {
	left: 180px;
}

footer {
	background: #f6f6f5;
	padding: 2em 0 0 0;
	position: relative;
    height:auto !important;
    height: 100%;
    min-height: 100%;
}

.footer-wrapper {
	width: 90%;
	margin: 0 auto;
	padding-bottom: 10px;
}

footer ul.footermenu1 {
	margin: 0 0 4em 0;
	font-size: 10px;
	line-height: 1.8em;
}

footer ul.footermenu1 li a {
	color: #969596;
}

footer h3 {
	color: #969596;
	padding: 0 0 0.5em 0;
	border-bottom: 1px solid #969596;
	margin: 0 0 1em 0;
	font-weight: bold;
	font-size: 12px;
}

footer ul.footermenu2 {
	font-size: 10px;
	line-height: 1.8em;
	text-align: center;
}

footer ul.footermenu2 li {
	display: inline-block;
	*display: inline;  
    *zoom: 1;	
	border-right: 1px solid #969596;
	margin: 0 0 0 0;
	line-height: 100%;
	padding: 0 10px 0 10px;
}

.copy {
	padding: 1em 0;
	margin: 0 auto;
	text-align: center;
	background: #0074c1;
	font-size: 11px;
	color: #fff;
	width: 100%;
	position:absolute;
    bottom:0;
}

footer ul.footermenu2 li:last-child {
	border-right: 0;
}

footer ul.footermenu2 li a {
	color: #969596;
}

footer .logofooter {
	text-align: center;
	display: block;
	margin: 0 auto 3em auto;
	width: 360px;
	height: 77px;
	background: url(../images/common/logo_footer2.png) no-repeat;
	text-indent: -9999em;
}

.aboutcopy {
	//display: none;
	font-size:6px;
}

.pagetopgo {
  display: inline-block;
  position: fixed;
  bottom: -300px;
  right: 24px;
  margin: 0 auto;
  z-index: 200;
  -webkit-transition: bottom 0.4s linear;
  transition: bottom 0.4s linear;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.pagetopgo.visible {
  bottom: 30px;
}
 
.pagetopgo a {
  display: table-cell;
//  text-decoration: none;
  width: 6em;
  height: 6em;
//  text-align: center;
  vertical-align: middle;
//  color: #fff;
  font-size: 12px;
//  line-height: 1;
//  border-radius: 50%;
//  background: #0074c1;
//  behavior: url(PIE.htc); 
}


/*-----------------------------------------------
 __bootstrap
-----------------------------------------------*/

.navbar-default .navbar-toggle {
	border-color: transparent;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #0074c1;
}

.navbar-default {
	background-color: transparent;
	border-color: transparent;
}

.navbar-brand {
    height: auto;
    padding: 0;
    position: absolute;
    top: 10px;
    left: 10px;
    float: none;
}

.navbar-brand img {
	height: 25px;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color: transparent;
	position: relative;
	top: 10px;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color: transparent;
}

.container-fluid {
	padding-right: 0;
	padding-left: 0;
	padding-top: 40px;
}

.input-group {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
    border: 1px solid #0075c2;
    position: relative;
}

.input-group i.glyphicon-search {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 999;
	width: auto;
	height: 100%;
	right: 0;
	background: #0075c2;
	color: white;
	display: flex;
	align-items: center;
	padding: 0 10px;
	box-sizing: border-box;
}

.input-group input[type="submit"] {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9999;
	width: 67px;
	height: 32px;
	opacity: 0;
}

.input-group i.glyphicon-search:hover {
	opacity: 0.7;
}

.input-group i.glyphicon-search p {
	padding: 0;
	margin: 0 0 0 5px;
	height: 1em;
	position: relative;
    top: -2px;
}

.form-control {
	border: none;
	box-shadow: none;
	background-color: #f6f6f5;
	height: auto;
	padding: 6px 12px 6px 12px;
}

.btn-default {
	border: 0;
	background-color: #f6f6f5;
}

.row {
	width: 100%;
	margin: 0 auto;
}

.row-btm {
	width: 90%;
	margin: 0 auto;
}

/*-----------------------------------------------
 __movie
-----------------------------------------------*/

iframe {
	border: none;
}

/*-----------------------------------------------
 __form
-----------------------------------------------*/

.form form {
	margin: 2em auto;
}

.form input,
.form select,
.form textarea {
	padding: 8px;
}

.form input[type=submit],
.form input[type=reset],
.form input[type=button] {
	padding: 20px 30px;
	color: #fff;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: none;
}

.form input[type=submit] {
	background: rgba(0,87,173,1);
	background: -moz-linear-gradient(top, rgba(0,87,173,1) 0%, rgba(0,100,194,1) 50%, rgba(0,82,153,1) 51%, rgba(0,82,153,1) 71%, rgba(0,90,158,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,87,173,1)), color-stop(50%, rgba(0,100,194,1)), color-stop(51%, rgba(0,82,153,1)), color-stop(71%, rgba(0,82,153,1)), color-stop(100%, rgba(0,90,158,1)));
	background: -webkit-linear-gradient(top, rgba(0,87,173,1) 0%, rgba(0,100,194,1) 50%, rgba(0,82,153,1) 51%, rgba(0,82,153,1) 71%, rgba(0,90,158,1) 100%);
	background: -o-linear-gradient(top, rgba(0,87,173,1) 0%, rgba(0,100,194,1) 50%, rgba(0,82,153,1) 51%, rgba(0,82,153,1) 71%, rgba(0,90,158,1) 100%);
	background: -ms-linear-gradient(top, rgba(0,87,173,1) 0%, rgba(0,100,194,1) 50%, rgba(0,82,153,1) 51%, rgba(0,82,153,1) 71%, rgba(0,90,158,1) 100%);
	background: linear-gradient(to bottom, rgba(0,87,173,1) 0%, rgba(0,100,194,1) 50%, rgba(0,82,153,1) 51%, rgba(0,82,153,1) 71%, rgba(0,90,158,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0057ad', endColorstr='#005a9e', GradientType=0 );
}

.form input[type=reset],
.form input[type=button] {
	background: rgba(176,176,176,1);
	background: -moz-linear-gradient(top, rgba(176,176,176,1) 0%, rgba(196,196,196,1) 50%, rgba(156,156,156,1) 51%, rgba(158,158,158,1) 71%, rgba(161,161,161,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(176,176,176,1)), color-stop(50%, rgba(196,196,196,1)), color-stop(51%, rgba(156,156,156,1)), color-stop(71%, rgba(158,158,158,1)), color-stop(100%, rgba(161,161,161,1)));
	background: -webkit-linear-gradient(top, rgba(176,176,176,1) 0%, rgba(196,196,196,1) 50%, rgba(156,156,156,1) 51%, rgba(158,158,158,1) 71%, rgba(161,161,161,1) 100%);
	background: -o-linear-gradient(top, rgba(176,176,176,1) 0%, rgba(196,196,196,1) 50%, rgba(156,156,156,1) 51%, rgba(158,158,158,1) 71%, rgba(161,161,161,1) 100%);
	background: -ms-linear-gradient(top, rgba(176,176,176,1) 0%, rgba(196,196,196,1) 50%, rgba(156,156,156,1) 51%, rgba(158,158,158,1) 71%, rgba(161,161,161,1) 100%);
	background: linear-gradient(to bottom, rgba(176,176,176,1) 0%, rgba(196,196,196,1) 50%, rgba(156,156,156,1) 51%, rgba(158,158,158,1) 71%, rgba(161,161,161,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0b0b0', endColorstr='#a1a1a1', GradientType=0 );
}

.form textarea {
	width :100%;
}

.form dt {
	margin: 0 0 8px 0;
	padding: 0 0 0 1.5em;
	position: relative;
}

.form dt:before {
	content: "";
	border: 3px solid #0074c1;
	position: absolute;
	left: 0;
	width: 10px;
	height: 10px;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	display: block;
}

.form dt span {
	font-weight: normal;
	font-size: small;
	color: red;
}

.form dt span:before {
	content: "（必須）";
}

.form dd {
	margin: 0 0 8px 0;
	padding: 0 0 8px 0;
	border-bottom: 1px solid #b7d6ea;
}

.form dd span.error {
	display: block;
	color: red;
	padding-top: 3px;
}

.form form dl dd.radio-pc {
	display: none;
}

.form form dl dd.select-sp {
	display: block;
}

.form input.add {
	width: 100%;
}

.complete {
	font-size: 120%;
	text-align: center;
}

footer .lists .title {
    text-indent: 0;
    color: #337ab7;
}

#analog {
    margin-top: -40px;
    padding-top: 40px;
}

/*-----------------------------------------------
 __breakpoint
-----------------------------------------------*/


@media (min-width: 1024px) {
	
	/* commons */

	body,html {
		min-width: 1000px;
	}
	
	/* bootstrap */

	.row-btm {
		width: 100%;
	}	
	
	.container-fluid {
		padding: 66px 0 0 0;
	}
    
    #analog {
        margin-top: -80px;
        padding-top: 80px;
    }    
	
	/* header */
	

	header {
		width: 1200px;
		height: 90px;
		min-height: auto;
		margin: 0 auto;
		padding: 8px 0;
		position: relative;
        flex-wrap: nowrap;
		justify-content: space-between;
	}
	
	#header {
		min-height: 90px;
	}	
	
	.togglebutton .togglebar+.togglebar {
		margin-top: 6px;
	}
	
	.togglebutton {
		display: none;
	}
	
	span.linktxt {
		font-size: 13px;
		letter-spacing: 2px;
		display: block;
		margin: 0 0 3px 0;
	}	
	
	span.togglebar {
		width: 50px;
		height: 4px;	
	}
    
    .spmenu {
        display: block;
    }
	
	.submenu {
		width: auto;
		padding: 0;
		top: auto;
		right: 0;
		background: none;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		order: 4;
        margin-top: 0;
	}

	.submenu li {
		border-bottom: none;
		margin-right: 1em;
		font-size: 14px;
	}

	.submenu li:last-child {
		margin-right: 0;
	}

	.submenu li a {
        color: #0074C1;
        font-weight: bold;
        padding: 0 1em 0 0;
        border-right: 1px solid #0074C1;
     }
     
     .submenu li:last-child a {
     	border-right: 0;
     	padding: 0 0 0 0;
     }
     
     .header-rightcontents {
         order: 5;
         top: inherit;
         width: auto;
         background: transparent;
         padding: 0 0;
     }
     
     .header-rightcontents ul {
         display: flex;
         margin-bottom: 5px;
     }
     
     .header-rightcontents ul li {
         margin-right: 5px;
         width: auto;
         margin: 0 5px 0 0;
     }
     
     .header-rightcontents ul li a {
         text-align: center;
     }
     
     .header-rightcontents ul li:last-child {
         margin: 0 0 0 0;
     }

	.input-group {
		display: block;
        width: 100%;
		cursor: pointer;
		overflow: hidden;
		transition-delay: .1s;
        transition-duration: .2s;
	}
	
	._active {
		/* width: 150px; */
	}
	
	.h-tvguide {
		position: relative;
		font-size: 100%;
		white-space: nowrap;
		order: 3;
		margin: 0;
        top: inherit;
		left: initial;
		right: initial;
		transform: none;
	}	
	
	.h-weather {
		display: none;
	}
	
	.h-weather img {
		position: relative;
		width: auto;
		height: 90px;
		-ms-transform: translate(0,-14px);
		transform: translate(0,-14px);
	} 	 	

	.h-cal {
		text-align: center;
		order: 2;
		display: block;
		width: auto;
	}

	.h-cal .date_tuf {
		font-size: 13px;
		background: #f6f6f5;
		margin: 0px 0 3px 0;
		padding: 0 15px 0 15px;
		font-weight: 600;
		border-radius: 24px 24px 24px 24px;
		-moz-border-radius: 24px 24px 24px 24px;
		-webkit-border-radius: 24px 24px 24px 24px;
	}
	
	.h-cal .date_tuf span {
		font-size: 11px;
		margin-left: -5px;
		position: relative;
		bottom: 1px;
		padding-right: 4px;
	}
	
	.h-cal .time_tuf {
		font-size:24px;
		font-weight: 700;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		line-height: 100%;
	}

	.navbar-brand {
		margin-right: 0;
		width: 80px;
		height: 44px;
		padding: 0;
		font-size: 0;
		line-height: 1.8em;
		margin-left: 0!important;
		order: 1;
		display: block;
        position: inherit;
        top: inherit;
        left: inherit;
        
	}	
	
	.navbar-brand img {
		width: 80px;
		height: auto;
	}

	.pankuzu-sp {
		display: none;
	}
	
	.maintitle,
	.maintitle-main {
		background: #f6f6f5;
		position: relative;
		padding: 20px 0;
		margin: 0 0 40px 0;
	}
	
	.maintitle-wrapper {
		width: 1000px;
		margin: 0 auto;
		position: relative;
		text-align: center;
	}	

	.maintitle h2 {
		font-size: 28px;
		min-height: 52px;
		max-width: 800px;
		letter-spacing: 7px;
		top: 0;
		bottom: 0;
		margin: auto;
		right: 500px;
		//width: 600px;
		line-height: 1.3em;
	}
	
	.snsicon,
	.snsicon2 {
		display: block;
		height: 30px;
		top: 0;
		bottom: 0;
		margin: auto;
		position: absolute;
		right: 0;	
	}

	.snsicon li,
	.snsicon2 li {
		display: inline-block;
		*display: inline;  
    	*zoom: 1;	
		vertical-align: top;
		text-indent: -9999em;
	}

	.snsicon li a,
	.snsicon2 li a {
		background-size: contain;
		vertical-align: top;
		display: block;
		width: 30px;
		height: 30px;
	}

	.snsicon li.twitter a,
	.snsicon2 li.twitter a {
		background: url(../images/common/icon_x.png) no-repeat;
		background-size: 30px 30px;
		margin: 0 5px 0 0;
	}

	.snsicon li.facebook a,
	.snsicon2 li.facebook a {
		background: url(../images/common/icon_facebook.png) no-repeat;
		background-size: 30px 30px;
	}
	
	/* frame */

	.btm-wrapper {
		width: 1000px;
		margin: 0 auto;
	}
	
	.btm-wrapper:after {
		content: "."; 
		display: block; 
		height: 0; 
		font-size:0;	
		clear: both; 
		visibility:hidden;	
	
	}
	
	.leftcolumn {
		float: left;
		width: 700px;
		padding-top: 26px;
	}
	
	.rightcolumn {
		float: right;
		width: 260px;
		padding-top: 26px;
	}
	
	.leftcolumn h3,
	.maincolumn h3 {
		font-size: 26px;
		margin: 0 0 20px 0;
		padding: 0.5em 0.5em 0.5em 60px;
	}

	.leftcolumn h3:before,
	.maincolumn h3:before {
		left: 15px;
		width: 20px;
		height: 20px;
	}
    #regular,
    #drama {
        margin-top: -90px;
        padding-top: 90px;
    }
	
	/* post */

	.pic-row img {
		display: inline-block;
		*display: inline;  
    	*zoom: 1;
		width: auto;
		height: auto;
		vertical-align: top;
	}

	.pic-row img {
		margin-bottom: 20px;
		margin-right: 10px; 
	}

	.pic-row > img:last-child {
		margin-bottom: 0;
		margin-right: 0;
	}

	.maincolumn p {
		line-height: 1.8em;
		margin-bottom: 0px;
	}
	
	.pankuzu {
		display: block;
		width: 1000px;
		margin: 0 auto;
		padding: 0.5em 0;
		display: block;
		font-size: 13px;
		letter-spacing: 2px;
	}

	.pankuzu li {
		display: inline-block;
		*display: inline;  
    	*zoom: 1;		
	}

	.pankuzu li:after {
		content: " / ";
	}

	.pankuzu li:last-child:after {
		content: "";
	}	

	/* footer */
	
	
	.sns {
		width: 1000px;
		margin: 0 auto;
		padding: 25px 0;
		display: table;
	}

	.sns:after {
		content: "."; 
		display: block; 
		height: 0; 
		font-size:0;	
		clear: both; 
		visibility:hidden;
	}

	.sns ul {
		margin: 0 0 0 0;
		float: right;
	}

	.sns h2 {
		text-align: left;
	}

	.sns h2,
	.sns li {
		display: table-cell;
		vertical-align: middle;
		margin: 0 0 0 0;
		line-height: 100%;
	}

	.sns li {
		padding-left: 2em;
	}
	
	.sns ul.dropdown {
		display: table;
	}	
	
	.dropdown-menu li {
		padding-left: 0;
	}	
	
	.sns li.facebook a {
		background-image: url(../images/top/icon_facebook.png);
		width: 130px;
		height: 50px;
	}

	.sns li.twitter a {
		background-image: url(../images/top/icon_x.png);
		width: 103px;
		height: 50px;
	}

	.sns li.line a {
		background-image: url(../images/top/icon_line.png);
		width: 92px;
		height: 50px;
	}

	.sns li.instagram a {
		background-image: url(../images/top/icon_instagram.png);
		width: 130px;
		height: 50px;
	}

	.sns li.youtube a {
		background-image: url(../images/top/icon_youtube.png);
		width: 120px;
		height: 35px;
	}	
	.sns li.tiktok a {
		background-image: url(../images/top/icon_tiktok.png);
		width: 130px;
		height: 50px;
	}	
	
	footer {
		width: 100%;
		text-align: center;
		padding: 3em 0;
	}
	
	.footer-wrapper {
		width: 1000px;
		display: table;
		margin: 0 auto;
	}
	
	footer .logofooter {
		margin: 0 0 3em 0;
		width: 360px;
		background: url(../images/common/logo_footer2.png) no-repeat;
	}
	
	footer .lists {
		display: table-cell;
		vertical-align: top;
		text-align: left;
	}
    	
	.aboutcopy {
		display: block;
		float: left;
		color: #969596;
		font-size: 9px;
	}
	
	footer ul.footermenu2 {
		float: right;
	}
	
	footer:after {
		content: "."; 
		display: block; 
		height: 0; 
		font-size:0;	
		clear: both; 
		visibility:hidden;			
	}
	
	footer ul.footermenu2 li {
		border-right: 1px solid #969596;
		padding-right: 10px;
	}
	
	footer ul.footermenu2 li:last-child {
		border-right: 0;
		padding-right: 0;
	}
	
	footer h3 {	
		font-size: 14px;
		margin-right: 20px;
	}	
	
	.copy {
		font-size: 13px;
	}
	
	.sns-top,
	.sns {
		width: 1000px;
	}
	
	.open>.dropdown-menu {
		margin-left: 2em;
	}
	
	.sns li.twitter ul.dropdown-menu,
	.sns-top li.twitter ul.dropdown-menu {
		left: 160px;
	}
	
	.sns li.instagram ul.dropdown-menu,
	.sns-top li.instagram ul.dropdown-menu {
		left: 410px;
	}

	.sns li.youtube ul.dropdown-menu,
	.sns-top li.youtube ul.dropdown-menu {
		left: 560px;
	}

	.pagetopgo a {
	  width: 7em;
	  height: 7em;
	  font-size: 1.2em; 
	}	
	
	/* form */
	
	.form form {
		margin: 80px auto;
	}

	.form form dl {
		font-size: 16px;
		width :100%;
		letter-spacing: -0.4em;
		border-bottom: 1px solid #b7d6ea;
	}

	.form form dl dt {
		display: inline-block;
		*display: inline;  
    	*zoom: 1;
		vertical-align: middle;
		width: 20%;
		letter-spacing: normal;
	}

	.form form dl dd {
		display: inline-block;
		*display: inline;  
    	*zoom: 1;
		vertical-align: middle;
		width: 80%;
		letter-spacing: normal;
		border-bottom: 0;
	}

	.form form dl dd.select-sp {
		display: none;
	}

	.form form dl dd.radio-pc {
		display: inline-block;
	}		
	
}