@charset "UTF-8";

/* ==========================================
Site Name:nico_film
--------------------------------------------
Author:saito taku
Stylesheet: Main Stylesheet
============================================ */

/* =========================================
		CSS Reset
============================================ */

/*
@import url("remedy.css");
@import url("menu.css");
*/
html { margin-top: 0 !important; }
html { background-color: #133F87;/* オリジナル背景色： #133F87 */ }
body { background-color: #fff; }
blockquote { margin: 1em 40px;}
menu,ol,ul { margin: 0; padding: 0; list-style: none;}
figure,dl,dt,dd { margin: 0;}
table { border-collapse: collapse; border-spacing: 0; } /* cell間のspacingを取る */


/* ==========================================
	 font設定
	 基本：100% = 1em = 1rem = 16px = 12pt
============================================= */

html {
	font-size: 62.5%;
	box-sizing: border-box;
}
body {
	color: #333;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-weight: 400;
	-webkit-text-size-adjust: 100%;
	box-sizing: border-box;
}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {
	margin: 1.4em 0 .4em;
	color: #333;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: .025em;
	font-family: 'Nunito','Kosugi Maru', sans-serif;
	text-rendering: optimizelegibility; /* 文字列の描画処理の最適化の手がかり */
}
h1,.h1 { font-size: 3.5rem;}
h2,.h2 { font-size: 2.5rem;}
h3,.h3 { font-size: 2.0rem;}
h4,.h4 { font-size: 1.8rem;margin: 1.2em 0 .2em;}
h5,.h5 { font-size: 1.7rem;}
h6,.h6 { font-size: 1.65rem;}

h1:first-letter,.h1:first-letter,h2:first-letter,.h2:first-letter,h3:first-letter,.h3:first-letter,
h4:first-letter,.h4:first-letter,h5:first-letter,.h5:first-letter,h6:first-letter,.h6:first-letter {
	font-feature-settings: "pkna";
	font-feature-settings: "pwid"; 
	font-feature-settings: "palt";
}







p,address {
	margin:0 0 .85em;
	font-size: 1.65rem;
	line-height: 1.6;
	font-style: normal;
	font-feature-settings: "pkna";
	text-align: justify;
	letter-spacing: .2em;
}
h1:first-letter,h2:first-letter,h3:first-letter,h4:first-letter,h5:first-letter,h6:first-letter,
p:first-letter {font-feature-settings: "palt";}

.small { font-size: 0.8em !important; }
.bold { font-weight: bold !important;}
.block { display: block !important;}

hr {margin: 3vh auto;}

/* .black { color:#111 !important;} */
.white { color: #fff !important;}
.red   { color:#E60012 !important;}
.blue  { color:#0081cc !important;}
.green { color:#06ad9b !important;}
yellow { color:#FDD000 !important;}

.text-left,.left,
.has-text-align-left  {text-align: left !important;}
.text-center,.center,
.has-text-align-center {text-align: center !important;}
.text-right,.right,
.has-text-align-right  {text-align: right !important;}

.is-content-justification-left { text-align: left;}
.is-content-justification-center { text-align: center;}
.is-content-justification-right { text-align: right;}
.is-content-justification-space-between { display: inline; }



/* ==========================================
	 link
============================================= */

a {text-decoration: none;}
a:link,
a:visited { color: #333;} /* #19a5c4 */
a:hover   { color: #000;} 
a:active  { color: #ccc;} /* #ff3300 */
a:focus   { outline: thin dotted;} /* Chromeと他のブラウザーの間の 'outline'の違いを修正 */
a:active, a:hover { outline: 0;} /* 全てのブラウザでマウスオーバーしたときなど、読みやすさを改善 */
a:visited:link { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);} /* iPhones/iPads用のハイライトリンク。*/

a,a img { transition: all .3s ease;}
a:hover img { filter: brightness( 104% ) contrast( 108% ) saturate( 120% ) alpha(opacity=100) ;}


/* ボタン 
 -------------------------------------------- */

.btn {
	margin: 5vh auto 6vh;
	text-align: center;
}
.wp-block-buttons { margin: 2.5em auto .2em;}

.btn a,
.wp-block-button a {
	display: inline-block;
	padding: .5em 1.3em .4em;
	min-width: 200px;
	color: #fff;
	font-size: 1.75rem;
	font-family: 'Nunito','Kosugi Maru', sans-serif;
	font-weight: 400;
	line-height: 1;
	text-align: center;
	border: 1px solid #133f87;
}


.btn a:link,
.btn a:visited,
.wp-block-button a:link,
.wp-block-button a:visited {	color: #133f87 ;}
.btn a:hover,
.wp-block-button a:hover {
	color: #fff !important;
	background-color: #133f87;
}
.btn a:active,
.wp-block-button a:active {
	color: #fff !important;
	background-color: #cbc7bf;
}



.btn.btn2 a,.wp-block-button.btn2 a { border: 1px solid #fff;}
.btn.btn2 a:link,
.btn.btn2 a:visited,
.wp-block-button.btn2 a:link,
.wp-block-button.btn2 a:visited {	color: #fff !important;}
.btn.btn2 a:hover,
.wp-block-button.btn2 a:hover {
	color: #133f87 !important;
	background-color: #fff;
}
.btn.btn2 a:active,
.wp-block-button.btn2 a:active {
	color: #fff !important;
	background-color: #cbc7bf;
}

.return {
	margin: 5vh auto 6vh;
	text-align: center;
	font-family: 'Nunito','Kosugi Maru', sans-serif;
	font-weight: 400;
}
.return a {
	display: inline-block;
	padding: .5em 1.3em .4em;
	min-width: 200px;
	color: #133f87;
	font-size: 1.75rem;
	font-weight: 400;
	line-height: 1;
	text-align: center;
	border: 1px solid #133f87;
	opacity: 1;
}
.return a:hover {
	color: #fff !important;
	background-color: #133f87;
}

.wp-block-button a.wp-block-button__link {
	color: #fff !important;
	background-color: #133f87;
}
.wp-block-button a.wp-block-button__link:hover {
	filter: brightness( 114% ) contrast( 106% ) grayscale(0%) saturate( 100% ) !important ;	
}

.wp-block-button a[target="_blank"]::after {
	content: '';
	display: inline-block;
	width: 1.4em;
	height: 1.4em;
	background-image: url('/wdic22/wp-content/themes/woody/library/images/icon-outerlink2.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center ;
	vertical-align: -6px;
	filter: invert(100%) sepia(11%) saturate(2%) hue-rotate(203deg) brightness(112%) contrast(100%);
}

/* ==========================================
	 リスト
========================================== */

ul li,ol li,dl dt,dl dd {
	font-size: 1.7rem;
	line-height: 1.45;
	letter-spacing: 0.1em;
}
small { font-size: 0.8em; }

ul.attention { margin: .5em auto;}
ul.attention li {
	padding-left: 1.3em;
	text-indent: -1.3em;
	font-size: 1.45rem;
	line-height: 1.5;
}
ul.attention li span,
ul.attention li small,
ul.attention li strong,
ul.attention li a { text-indent: 0;}


ul.parallel { text-align: center;}
ul.parallel li {
	display: inline-block;
	margin: 0 .5em;
}



/* ==========================================
	 画像
	サムネイル（.size-thumbnail）:450px;
	中サイズ（.size-medium）:600px;
	大サイズ（.size-large）:1024px;
	フルサイズ（.size-full）:1
========================================== */

img { width:  100%;}
.wp-block-image { margin: 0 !important;}
figure.wp-block-image { margin: 3vh auto !important;}
figure.wp-block-image.size-medium { max-width: 600px !important;}
.wp-block-gallery figure.wp-block-image { 
	margin: 0 auto !important;
	padding: .4em;
}
.wp-block-gallery {
	margin: 2vh auto ;}
}




.wp-block-image a { display: inline-block;}

.wp-block-image figure,
.wp-block-image figure.alignleft,
.wp-block-image figure.alignright,
.wp-block-image figure.aligncenter {
	float: none;
	margin: 3vh auto;
	text-align: center;
}
.wp-block-image .size-thumbnail img,
.wp-block-image .size-medium img,
.wp-block-image .size-large img,
.wp-block-image .size-full img { 
	width: auto;
	height: auto;
	max-width: 100% !important;
}
.wp-block-image figcaption {
	text-align: right;
}

@media screen and (max-width: 480px) {
}

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

.wp-block-image figure.alignright {
	float: right !important;
	margin: 0 0 2em 3em;
}
.wp-block-image figure.alignleft {
	float: left !important;
	margin: 0 3em 2em 0;
}
.wp-block-image figure.aligncenter { margin: 3vh auto;}
.wp-block-image .size-medium img {
	width: auto !important;
	max-width: 500px !important;
}
.wp-block-image .size-full img {
	width: auto !important;
	max-width: 100% !important;
}
.aligncenter img { margin: auto;}
}






/* ==========================================
	 動画 .movie
========================================== */
.is-type-video .wp-block-embed__wrapper,
.moviearea {
	position: relative;
	margin: 2vh auto;
	padding-top: 56.25%;
	width: 100%;

}
.is-type-video .wp-block-embed__wrapper iframe,
.moviearea iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}


/* ==========================================
	 汎用クラス
========================================== */

.logged_in {
	position: fixed;
	bottom: 10px;
	left: 2vw;
	width: auto;
	min-width: 300px;
	color: rgba(0,0,0,.3);
	z-index: 10000000;
}
.logged_in .post-edit-link {
	position: relative;
	margin-right: .1em;
	width: auto;
	vertical-align: -2px;

}
.post-edit-link {
	position: absolute;
	bottom: 0;
	right: 0;
}
.post-edit-link,
.post-edit-link:link,
.post-edit-link:visited { color: #ddd;}
.post-edit-link:hover { color: #d00;}

.nw {
	display: inline-block;
	white-space: nowrap;
}
.nopc {}
.clear { clear: both !important;}
.hidden {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
}
.noindent { text-indent: 0 !important;}

.brpc { display: none;}
@media screen and (min-width:800px){ 
	.brpc { display: block;}
	.nopc { display: none;}
}



/* reCAPTCHA
----------------------------------------- */
.grecaptcha-badge { display: none !important;}
.page-id-116 .grecaptcha-badge { display: block !important;}


/* clearfix
----------------------------------------- */
.clearfix { zoom: 1;}
.clearfix:before,.clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;}


/* ウイジェット
----------------------------------------- */
.widget h4.widgettitle,
.sidebar .widget h5.topbannertitle { display: none;}


/* ページナビ（.page_navi）
----------------------------------------- */
.page_navi{
	margin:7vh auto;
	text-align:center;
	font-family: 'Nunito','Kosugi Maru', sans-serif;
	font-weight: 400;
}
.page_navi .page-numbers {
	display: inline-block;
	padding:0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
}
a.page-numbers,
.page_navi .current {
	display: inline-block;
	margin:0 2px;
	color: #133f87;
	font-size: 1.55rem;
	border:solid 1px #133f87;
}
a.page-numbers.next,
a.page-numbers.prev {
	border: solid 1px #fff;
}

.page_navi .current {
	color:#fff;
	background-color: #133f87;
}
a.page-numbers:hover {
	color:#fff;
	background-color: #133f87;
	border:solid 1px #133f87;
}


a.page-numbers.next:hover,
a.page-numbers.prev:hover {
	border:solid 1px #133f87;
}



/* LOADING（.loading）
----------------------------------------- */
.loading {
  background-color: #fff;/* #fff, #133F87 */
  opacity:1;
  position: fixed;
  width:  100vw;
  height: 130vh;
  top: 0px;
  left: 0px;
  z-index: 1000000000000;

}
.loading.hide {
  opacity: 0;
  pointer-events: none;
  transition: opacity 1000ms;

}

/*
.loading .circle {
  display: block;
  position: relative;
  top: calc( 50% - 20px );
  width: 40px;
  height: 40px;
  margin: 0 auto;
  border: 7px solid #777;
  border-top: 7px solid #ccc;
  border-radius: 50px;
  animation: loading 700ms linear 0ms infinite normal both;
}
*/

@keyframes loading{
  0%{transform:rotate(0deg)}
  100%{transform:rotate(360deg)}
}
@-webkit-keyframes loading{
  0%{-webkit-transform:rotate(0deg)}
  100%{-webkit-transform:rotate(360deg)}
}



/* 基本構造・コンテンツエリア
----------------------------------------- */
#container { margin: 0;padding: 0;}
#content {
	margin:80px auto;
	width: 100%;
}
#content .columns {
	position: relative;
	margin:60px auto;
  width: 88vw;
  max-width: 860px;
	transition: .3s ease;
}

#content .columns.page1000 { max-width: 1000px;}
#content .columns.toppage { padding-top: 0px;}

.content header.header-article { padding: 8vh 0 10px;}
.content header.header-article h1 {
	margin: 0;
	color: #333;
	font-size: 4.5rem;
	font-weight: 600;
	font-weight: normal;
	text-align: center;
	letter-spacing: 0.08em;



}
/*
.content header.header-article h1:before {
	content: "";
	display: inline-block;
	width: 50px;
	height: 90px;
	background: url(../images/logo-title.svg?123) no-repeat left center;
	background-size: contain; 
	vertical-align: -20px;
	opacity: .65;
}
*/


#content aside {
	position: relative;
	margin:60px auto;
	width: 92%;
	max-width: 600px;
	transition: .3s ease;
}
#content aside h2.title_item {
	margin:0 0 1em;
	padding: 12px 0 10px;
	font-size: 1.3rem;
	font-weight: 400;
	letter-spacing: 0.2em;
	line-height: 30px;
	text-align: center;
	background-color: #f2f0ee;
}



/* フッター
----------------------------------------- */
#footer {
	position: relative;
	clear: both;
	margin-top: 0;
	padding: 20px 0 ;
	color: #aaa;
	text-align: center;
	background-color: #133F87;
}
#footer .inner {
	margin: 0 auto;
	max-width:1200px;
}
#footer .inner .logo {
	margin:4vh auto 2vh;
	width: 100px;
}
#footer .inner .logo img {
	filter: invert(100%) sepia(1%) saturate(7468%) hue-rotate(169deg) brightness(118%) contrast(102%) opacity(0.85);
}
#footer .inner .privacy {
	margin: 3vh auto 5px;
	padding-bottom: 2px;
	font-size: 1.25rem;
	text-align: center;
}
#footer .inner .privacy a { color: #fff;}
#footer .inner .privacy a:link,
#footer .inner .privacy a:visited { opacity: .7; }
#footer .inner .privacy a:hover { opacity: 1;}

#footer .inner .copyright {
	margin: 0 auto 1vh;
	text-align: center;
	color: #fff;
	font-size: 1.45rem;
	font-family: 'Nunito','Kosugi Maru', sans-serif;
	font-weight: 400;
	letter-spacing: .2em;
	opacity: .7;
}






/* =======================================
	トップページ
========================================== */

/* トップページ基本構造
	------------------------------------------ */
.home #content {
	margin:80px auto 0;
	padding: 7vh 0 0;
	background-color: #fff;/* #F7D62E */
}	
.home #content article {
	margin: auto;
	padding:5vh 5vw 10vh;
	width: 92%;
	max-width: 1200px;
}
.home #content article h2.title { text-align: center;}

/* メイン画像エリア
	------------------------------------------ */
/* カバーフローエフェクト */
.home #content article.carousel {
	padding: 20px 0 10vh;
	width: 100%;
	max-width:1500px;
/* 	height: 100vh; */
	min-height: 500px;
	overflow: hidden;
}
.item {
	height: auto;
	min-height: 500px;
	background-color: aqua;
}
.swiper-container {
  position: relative;
  overflow-y: visible !important;
  overflow-x: visible !important;
}



.swiper-slide .box { display: block;}
.swiper-slide .box figure {
	width: 100%; /* 親要素に対して幅を指定 */
  aspect-ratio: 4 / 3; /* 1000x750 と同じ比率 */
  overflow: hidden;
}
.swiper-slide .box figure img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.swiper-slide .box img { transition: all .5s ease;}
.swiper-slide .box:hover img { filter: brightness( 110% ) contrast( 110% ) ;	}

.swiper-slide .box .text {
	position: absolute;
	bottom:0;
	left: 0;
	padding: .75em 1em;
	width: auto;
	text-align: left;
	background-color: rgba(0,0,0, .4);
}
.swiper-slide .box .text .partnership {
	margin:  0 0 .2em;
	padding: .3em ;
	color: #ccc;/* #5BADFF */
	font-size: 1.03rem;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 1.25;
	text-shadow : 0px 0px 1px rgba(0,0,0,0.2);
}


.swiper-slide .box .text h2 {
	margin: 0;
	color: #fff;
	font-size: 1.35rem;
	font-weight: 400;
	letter-spacing: .1em;
	text-shadow : 0px 0px 1px rgba(0,0,0,0.2);
}
.swiper-slide .box .text h2.black { text-shadow : 0px 0px 1px rgba(255,255,255,0.2);}
.swiper-slide .box .text h2 small { display: block;}
.swiper-slide-active { box-shadow : 0px 0px 15px 3px rgba(0,0,0,0.1);}
.swiper-pagination {
	padding-top: 1px;
	bottom: -40px !important;
}
.swiper-pagination-bullet { background-size: 90% auto !important;}
.swiper-pagination-bullet-active { background-color: #777 !important;}
.swiper-button-prev,.swiper-button-next { color: #111 !important;}



.swiper-button-prev,
.swiper-button-next {
	color: rgba(0,0,0, .05) !important;
	transition: .25s ease-in-out;
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
	color: rgba(0,0,0, 1) !important;
	background-color: rgba(255,255,255,.3);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 0px !important;
  top : 0 !important;
  padding: 3vh 0;
  width: 60px !important; 
	height: calc(100% + 40px) !important;
}


.swiper-button-next, 
.swiper-rtl .swiper-button-prev {
  right: 0px !important;
  top : 0 !important;
  padding: 3vh 0;
  width: 60px !important;
  height: calc(100% + 40px) !important;
}



/* ニュースエリア
	------------------------------------------ */
.home #content article.news {
	padding: 3vh;
	background: none;
	width: 100%;
	max-width: 100%;
	background-color: #133f87;
}
#content article.news .inner {
	margin: auto;
	width: 100%;
	max-width: 900px;
}
#content article h2.title {
	margin: 2vh auto 4.5vh;
	padding: .4em 1em;
	color: #fff;
	font-size: 2.7rem;
	font-weight: 400;
	text-align: center;
}




/* ニュース項目 */

.home #content article.news ul li p.digest {
	line-height: 1.3;
	letter-spacing: 0.05em;
}

.home #content article.news ul li a:hover {
	background-color: #fff;
}

.home #content article.news ul li a:hover p.digest {
	color: #133f87;
	opacity: .65;
}




/* バナーエリア
	------------------------------------------ */
#content article.news .banner_area {margin: 2vh auto 7vh;}
#content article.news .banner_area ul { text-align: center;}
#content article.news .banner_area ul li {
	display: inline-block;
	margin: 20px;
}
#content article.news .banner_area ul li a {
	padding: 0;
	border: none;
}
#content article.news .banner_area ul li a img {
	width: auto;
	max-height: 120px;
}
#content article.news .banner_area ul li a:hover img {	
	filter: brightness( 104% ) contrast( 106% ) grayscale(0%) saturate( 100% ) ;
}

/* 会社案内エリア
	------------------------------------------ */
#content article.company {
}
#content article.company p.chara {
	margin: auto;
	width: 180px;
}
#content article.company h2.title {
	margin: 3vh auto;
	padding: 0;
	width: 88%;
	max-width: 350px;
	height: auto;
}
#content article.company h3.president {
	text-align: center;
	font-weight: 400;
}
#content article.company .sect { text-align: center;}
#content article.company .sect h2 {
	margin-top: 4vh;
	text-align: center;
	font-weight: 400;
}
#content article.company .sect ul {
	display: inline-block;
	margin: 2vh auto;
	text-align: left;
}
#content article.company .sect ul li {
	list-style: disc;
	margin-bottom: .3em;
	font-size: 1.65rem;
	font-weight: 600;
	letter-spacing: 0.15em;
}


/* ==========================================
	 カテゴリー一覧
========================================== */
/* NEWS( category-news.php)
------------------------------------------ */

#content .news {
	padding: 3vh;
	background: none;
	width: 100%;
	max-width: 100%;
	text-align: left;
	background: none;
}
#content article.news h1.cat,
#content .news h1.cat {
	margin: 0 auto 2.2em;
	padding: .4em 1em;
	width: 150px;
	color: #fff;
	font-size: 1.6rem;
	font-weight: 400;
	text-align: center;
	background-color: #133f87;
}
.news ul li .no_link,
.news ul li a {
	display: block;
	padding: 2.3vmin;
	border-bottom: 1px dotted #aaa;
}
.news ul li a:hover {
	background-color: #133f87;
	border-bottom: 1px solid #133f87;
}
.news ul li:last-child .no_link,
.news ul li:last-child a { border: none;}


/* 日付 */

.search .main h3.date,
.news ul li h3.date {
	display: inline-block;
	margin: 0;
	color: #fff;
	font-size: 1.25rem;
	font-weight: normal;
}
.search .main ul li h3.date {
	float: left;
	margin: .19em .8em 0 0;
}

.news ul li h3.date { color: #133f87;}
.news ul li a:hover h3.date { color: #fff;}

.home article.news ul li h3.date { color: #fff;}
.home article.news ul li a:hover h3.date { color: #133f87;}


/* ニュースカテゴリー */
.news ul li .cat {
	display: inline-block;
	margin-left: 1em;
	padding: .1em .3em;
	color: #133f87;
	font-size: 1.25rem;
	line-height: 1;
	letter-spacing: .01em;
	border: 1px solid #133f87;
}
.news ul li a:hover .cat {
	color: #133f87;
	background-color: #fff;
}
.home article.news ul li .cat {
	color:#fff;
	border: 1px solid #fff;
}
.home article.news ul li a:hover .cat { 
	color: #fff;
	background-color: #133f87;
}
.search .main ul li .cat {
	display: inline-block;
	font-size: 1.45rem;
	filter: invert(48%) sepia(13%) saturate(1103%) hue-rotate(171deg) brightness(90%) contrast(85%);
}


/* ニュースタイトル */
.search .main h3.title,
.news h3.title {
	margin:.3em 0 .17em;
	color: #133f87;
	font-size: 1.65rem;
	line-height: 1.35;
	font-weight: normal;
}
.news ul li a:hover h3.title { color: #fff;}
.news ul li a h3.title .outerlink {
	display: inline-block;
	margin-left: .2em;
	width: auto;
	height: 24px;
	vertical-align: -6px;
}
.home article.news ul li h3.title { color: #fff;}
.home article.news ul li a:hover h3.title { color: #133f87;}

/* ニュースタイトル外部リンクアイコン */
.news h3.title .outerlink {
	filter: invert(18%) sepia(41%) saturate(2978%) hue-rotate(202deg) brightness(99%) contrast(97%);
}
.news a:hover h3.title .outerlink {
	filter: invert(100%) sepia(10%) saturate(0%) hue-rotate(163deg) brightness(101%) contrast(102%);
}
.home article.news h3.title .outerlink {
	filter: invert(100%) sepia(10%) saturate(0%) hue-rotate(163deg) brightness(101%) contrast(102%);
}
.home article.news a:hover h3.title .outerlink {
	filter: invert(16%) sepia(73%) saturate(2235%) hue-rotate(207deg) brightness(96%) contrast(93%);
}


/* ニュース概要・補足 */
.news p.digest {
	margin: 0;
	color: #ccc;
	font-size: 1.35rem;
	line-height: 1.3;
	letter-spacing: 0.05em;
}
 #content.news article ul li .text p.digest {
	color: #133f87;
	opacity: .7;
}
#content.news article ul li a:hover .text p.digest {
	color: #fff;
}






.news aside ul { margin-top: 15px;}
.news aside li a {
	display: block;
	padding: 3px 20%;
	font-size: 1.4rem;
	letter-spacing: 0.2em;
	transition: .3s ease-in-out;
}
.news aside li a:hover { background-color: #f2f0ee;}



/* NEWS( category-news.php) & SEARCH（ search.php ）
------------------------------------------ */




/* NEWSシングルページ(single-news.php) & SEARCH（ search.php ）
------------------------------------------ */
.single #content article.news { padding: 2vh 3vmin 5vh;}
.search .main h1.title_main,
.single .news #main h1.title_main {
	margin: 0 auto 6px;
  max-width: 100%;
}
.single .news #main .header-news { margin-bottom: 3em;}
.single .news #main p.date {
	float: none;
	margin-bottom: .3em;
	color: #133f87;
	font-size: 1.45rem;
	line-height: 1.45;
	background-size: 15px auto;
}
.single .news #main h1.title_main {
	padding-bottom: .3em;
	color: #333;
	font-size: 3rem;
	line-height: 1.25;
	font-weight: normal;
	font-style: normal;
	border-bottom: 2px solid #133f87;
}
.single .news #main article .body {text-align: center;}
.single .news #main article .textarea {
	display: inline-block;
	margin: auto;
	padding: 0 0 15px;
	text-align: left;
}
.single .news #main article .textarea h2 {
	margin: .9em 0 .4em;
	font-size: 2.5rem;
	font-weight: 600;
	letter-spacing: 0.02rem;
}
.single .news #main article .textarea h3 {
	margin: .9em 0 .4em;
	font-size: 2rem;
	letter-spacing: 0.02rem;
}
.single .news #main article .textarea h4 {
	margin: .9em 0 .4em;
	font-size: 1.85rem;
	letter-spacing: 0.02rem;
}
.single .news #main article .textarea h5 {
	margin: .9em 0 .4em;
	font-size: 1.75rem;
	letter-spacing: 0.02rem;
}
.single .news #main article .textarea h6 {
	margin: .9em 0 .4em;
	font-size: 1.65rem;
	letter-spacing: 0.02rem;
}

.single .news #main article .textarea p {
  font-size: 1.65rem;
  font-feature-settings: "pkna";
	text-align: justify;
	letter-spacing: .05em;
}




/* シングルページ(single.php)
------------------------------------------ */
figure.wp-block-image {
	margin: 3vh auto;
}






/* ==========================================
	 固定ページ
========================================== */
article.column_one {
	margin: auto;
	padding: 1vmin 5vmin;
	background-color: #FFFEFE;
}






/* ------------------------------------------
	COMPANY（.company）
------------------------------------------ */

article.company header {
	padding: 0;
	background: none;
}
article.company .items {
	margin: 3vh auto ;
	max-width: 700px;
}
article.company .items dl {
	clear: both;
	padding: .3em;
	letter-spacing: 0.2em;
	border-bottom: 1px dotted #cbc7bf;
}
article.company .items dl:last-child {
	border: none;
}
article.company .items dl dt {
	float: left;
	padding: .5em;
	font-size: 1.35rem;
}
article.company .items dl dd {
	padding: .5em .5em .5em 140px;
	font-size: 1.35rem;
}
article.company .items dl dd span {
	display: inline-block;
}



/* ------------------------------------------
	ACTORS一覧（.artists）
------------------------------------------ */
#content .columns.artists {
	max-width: 1200px;
}
.artists ul {
	margin: auto;
	text-align: left;
	max-width: 740px;
}
.artists ul li {
	display: inline-block;
	margin:0 auto 50px;
	width: 49%;
	text-align: left;
	transition:all .1s ease;
	vertical-align: top;
}
.artists ul li a {
	display: block;
	margin: auto;
	padding: 15px;
	width: 100%;
	max-width: 330px;

	transition:all .75s ease;
}
/*
.artists ul li a figure {
	width: 100%;
	height: 100%;
	min-width: 300px;
	min-height: 300px;
}
*/
.artists ul li a img {
	transition:all .3s ease-in-out;
}
.artists ul li a:hover {
	filter: brightness( 101% ) contrast( 101% );
}
.artists ul li a:hover img {
	filter: brightness( 105% ) contrast( 106% );
}



.artists ul li .text {
	margin: .95em auto 0;
	border-left: 2px solid #111;
}
.artists ul li .partnership {
	margin: 0 0 .7em;
	padding: 0 1.7em;
	color: #777;
	font-size: 1.05rem;
	line-height: 1.1;
}
.artists ul li h2 {
	margin:0;
	padding: 0 1em;
	font-size: 1.8rem;
	font-weight: 400;
	letter-spacing: 0.18em;
}
.artists ul li h2 small {
	display: block;
	margin-bottom: .6em;
	color: rgb(172,173,170);
	font-size: 1.1rem;
	letter-spacing: 0.13em;
}

/* ------------------------------------------
	ACTORページ（.actor）
------------------------------------------ */
#content.actor article.page {
	margin: auto;
	background-color: #fff;
}
#content.actor .columns {
	margin-top: 20px;
}

#content.actor article.page header {
	position: relative;
	padding: 0;
	background: none;
}
#content.actor article.page header h1 {
	margin-top: 11px;
	margin-bottom: 25px;
	font-size: 5rem;
	font-weight: 400;
	text-align: center;
}
#content.actor article.page header h1 small {
	display: block;
	color: #9F9F9F;
	font-size: 0.4em;
}
#content.actor article.page header figure {
	margin: auto;
	max-width: 700px;
}

/* actor情報エリア */
#content.actor article.page .entry-prof {
	padding: 3vmin 0;
	text-align: center;	
}




#content.actor article.page .entry-prof .info01 {
	margin-top: 20px;
	display: inline-block;
}
#content.actor article.page .entry-prof .info01 dl {
	margin-bottom: 1.5em;
	text-align: left;
}
#content.actor article.page .entry-prof .info01 dl dt {
	float: left;
	display: inline-block;
	margin-bottom: 5px;
	padding: 2px .5em 4px;
	min-width: 50px;
	font-size: 1.3rem;
	text-align: center;
	border-left: 3px solid #111;
	border-bottom: 1px solid #111;
	line-height: 1;
}
/*
#content.actor article.page .entry-prof .info01 dl dt:before {
	content: "■";
	color: #111;
}
*/
#content.actor article.page .entry-prof .info01 dl dd {
	display: block;
	padding-left: 110px;
	font-size: 1.55rem;
	line-height: 1.35;
	letter-spacing: 0.1em;
}

article.actor .content {
	margin: 6.5vh auto 0vh;
	max-width: 900px;
}


.hr-text {
  line-height: 1em;
  position: relative;
  outline: 0;
  border: 0;
  color: #133f87;
  text-align: center;
  height: 1.5em;
  opacity:1;
}

.hr-text:before {
	content: '';
	background: linear-gradient(to right, transparent, #133f87, transparent);
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 1px;
}
.hr-text::after {
/* 	content: attr(data-content); */
	position: relative;
	display: inline-block;
	color: black;
	padding: 0 .5em;
	line-height: 1.5em;
	color: #133f87;
	background-color: #fff;
}


/* PDF */
article.actor .pdf {
	margin-top: 5vh;
}
article.actor .pdf a {
	display: block;
	margin:3vh auto;
	padding: 20px;
	max-width: 400px;
	text-align: center;
	border: 1px dashed #111;
}
article.actor .pdf a img {
	margin: auto;
	width: 30px;
	height: auto;
}
article.actor .pdf a h5 {
	margin: 10px auto 0;
	font-size: 1.45rem;
	font-weight: normal;
	letter-spacing: 0;
}

article.actor .pdf a:hover {
	background-color: #133f87;
	border: 1px solid #133f87;
}
article.actor .pdf a:hover img {
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(95deg) brightness(101%) contrast(102%);
}
article.actor .pdf a:hover h5 {
	color: #fff;
}



/* ニュースエリア */
#content article.actor section.news {
	margin: 0 auto;
	max-width: 800px;
}
#content article.actor section.news h2.title {
	margin: 2vh auto ;
	color: #333;
}
#content article.actor section.news ul li h3.date {
	color: #333;
}
#content article.actor section.news ul li .cat {
	color: #333;
	border: 1px solid #333;
}
#content article.actor section.news h3.title {
  color: #333;
}
#content article.actor section.news h3.title .outerlink {
	filter: invert(14%) sepia(35%) saturate(0%) hue-rotate(204deg) brightness(103%) contrast(87%);
}

#content article.actor section.news ul li a:hover h3.date {
	color: #fff;
}
#content article.actor section.news ul li a:hover .cat {
  color: #133f87;
  background-color: #fff;
  border: 1px solid #133f87;
}
#content article.actor section.news ul li a:hover h3.title {
	color: #fff;
}
#content article.actor section.news ul li a:hover h3.title .outerlink {
	filter: invert(100%) sepia(98%) saturate(8%) hue-rotate(155deg) brightness(102%) contrast(106%);
}

/* ボタン */
section.news .btn a:link, section.news .btn a:visited {
	color: #333 !important;
	border: 1px solid #333;
}
section.news .btn a:hover {
	color: #fff !important;
	border: 1px solid #133f87;
}


/* SNS
	------------------------------------ */
.snsarea { position: relative;}
.snsarea ul { text-align: center;}
.snsarea ul li {
	display: inline-block;
	margin: 30px 7px 0;
	width: 50px;
	font-size: .1em;
	text-indent: -9999px;
}
.snsarea ul li a {
	display: block;
	width: 50px;
	height: 50px;
}

.snsarea ul li.facebook a {
	background: url(../images/icon-facebook.svg) no-repeat center center;
	background-size: 35px auto;
	filter: none;
}
.snsarea ul li.facebook a:hover {
	background: url(../images/icon-facebook.svg) no-repeat center center;
	background-size: 50px auto;
	filter: invert(14%) sepia(55%) saturate(3641%) hue-rotate(211deg) brightness(110%) contrast(89%);
	opacity: 1;
}

.snsarea ul li.twitter a {
	background: url(../images/icon-twitter.svg) no-repeat center center;
	background-size: 35px auto;
	filter: none;
}
.snsarea ul li.twitter a:hover {
	background: url(../images/icon-twitter.svg) no-repeat center center;
	background-size: 50px auto;
	filter: invert(14%) sepia(55%) saturate(3641%) hue-rotate(211deg) brightness(110%) contrast(89%);
	opacity: 1;
}
.snsarea ul li.insta a {
	background: url(../images/icon-insta.svg) no-repeat center center;
	background-size: 35px auto;
	filter: none;
}
.snsarea ul li.insta a:hover {
	background: url(../images/icon-insta.svg) no-repeat center center;
	background-size: 50px auto;
filter: invert(14%) sepia(55%) saturate(3641%) hue-rotate(211deg) brightness(110%) contrast(89%);
	opacity: 1;
}
.snsarea ul li.tiktok a {
	background: url(../images/icon-tiktok.svg) no-repeat center center;
	background-size: 30px auto;
	filter: none;
}
.snsarea ul li.tiktok a:hover {
	background: url(../images/icon-tiktok.svg) no-repeat center center;
	background-size: 45px auto;
	filter: invert(14%) sepia(55%) saturate(3641%) hue-rotate(211deg) brightness(110%) contrast(89%);
	opacity: 1;
}

.snsarea ul li.icon_youtube a {
	background: url(../images/icon-youtube.svg?123) no-repeat center center;
	background-size: 35px auto;
	filter: none;
}
.snsarea ul li.icon_youtube a:hover {
	background: url(../images/icon-youtube.svg?123) no-repeat center center;
	background-size: 50px auto;
filter: invert(14%) sepia(55%) saturate(3641%) hue-rotate(211deg) brightness(110%) contrast(89%);
	opacity: 1;
}

.snsarea ul li.website a {
	background: url(../images/icon-website.svg?123) no-repeat center center;
	background-size: 35px auto;
	filter: none;
}
.snsarea ul li.website a:hover {
	background: url(../images/icon-website.svg?123) no-repeat center center;
	background-size: 50px auto;
filter: invert(14%) sepia(55%) saturate(3641%) hue-rotate(211deg) brightness(110%) contrast(89%);
	opacity: 1;
}










/* ニュース
	------------------------------------ */

.artist .news {
	margin:7vh auto 2vh;
	padding: 0;
	max-width: 800px;
	background-color: #FFFEFE;
}
.artist .news h3.title {
	font-size: 2.5rem;
	font-weight: 400;
	text-align: center;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E","メイリオ", Meiryo,"Times New Roman", "游明朝", YuMincho, serif;
}
.artist .news ul li .no_link,
.artist .news ul li a {
	display: block;
	padding: 1.5vmin;
	border-bottom: 1px solid #fff;
}
.artist .news ul li a:hover { background-color: #fff;}
.artist .news ul li a h2.title {
	font-size: 1.8rem;
	line-height: 1.35;
}
.artist .news .btn {
	margin:4vh auto 0;
}






/* 出演情報
	------------------------------------ */
.tab { margin-top: 6vh;}
.tab .nav  { display: block;}
.tab .nav li {
    float: left;
    margin: 0 5px 0 0;
}
/*
.tab .nav li.tab1 a,
.tab .nav li.tab1 a:hover {
    color: #000;
    background-color: rgb(231, 229, 225) !important;
    border-top: 2px solid #cbc7bf;

}
*/
.tab .nav li a {
    background: #000 none repeat scroll 0 0;
    border: 0 none;
    color: #fbfaf5;
    display: block;
    font-size: 13px;
    padding: 8px 14px 6px 14px;
    text-align: center;
    letter-spacing: 0px;
    transition: none !important;
}
.tab .nav li a.current,
.tab .nav li a.current:hover {
	color: #000;
	background-color: rgb(231, 229, 225) !important;
	border-top: 2px solid #cbc7bf;

}

.tab .list-wrap {
  margin: 0 0 15px;
	padding: 30px 3vmin ;
  background-color: rgb(231, 229, 225);
  border-bottom: 1px solid #cbc7bf;
  box-sizing: content-box;
}
.tab .list-wrap div {

  font-size: 1.2em;
  line-height: 2em;
}

/* 出演作品 */
.tab .list-wrap dl {
	margin-bottom: .5em;
	padding-bottom: .3em;
	border-bottom: 1px dotted #aaa;
}
.tab .list-wrap dl:last-child {
	border: none;
}
.tab .list-wrap dl dt {
	display: block;
	padding: 0 10px 0 0;
	font-size: 1.55rem;
	vertical-align: top;
}
.tab .list-wrap dl dt::first-letter {
	font-feature-settings: "palt";
	text-align: justify;
	letter-spacing: .06em;
}


.tab .list-wrap dl dd {
	display: inline-block;
	width: 28%;
	font-size: 1.25rem;
	vertical-align: top;
	font-feature-settings: "palt";
	text-align: right;
	letter-spacing: .01em;
}
.tab .list-wrap dl dd.credit {
	margin-left: .5em;
	width: auto;
	text-align: left;
}
.tab .list-wrap dl dd.year {
	margin-left: 1em; 
	width: auto;
}

/*
.hide {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
*/





/*====================================================================
.accordion_area .accordion
====================================================================*/
.accordion_area .accordion {
  max-width: 1024px;
  margin: 0 auto 3px;
}
.accordion_area .accordion .accordion_header {
  color: #fff;
  font-size: 1.85rem;
	font-family: 'Nunito','Kosugi Maru', sans-serif;
  font-weight: 400;
  padding: .3em 1em;
  text-align: left;
  position: relative;
  z-index: +1;
  cursor: pointer;
  background-color: #133f87;
  border-bottom: 1px solid #133f87;
  transition-duration: 0.3s;
}
.accordion_area .accordion .accordion_header:hover { filter: brightness( 124% ) contrast( 106% );}




/* 矢印 */
.arrow_v {
  position: absolute;
  display: inline-block;
  right: 20px;
  padding-left: 20px;
  height: 100%;
  color: #fff;
  text-decoration: none;
}
.arrow_v:before {
  content: '';
  width: 16px;
  height: 16px;
  border: 0;
  border-bottom: solid 2px #fff;
  border-right: solid 2px #fff;
  position: absolute;
  top: 20%;
  left: 0;
  margin-top: -6px;
  transform: rotate(45deg);
  transition: .2s ease-in-out;
}

.open .arrow_v:before {
  top: 40%;
  transform: rotate(225deg);
}

.accordion1 .arrow_v:before {
  top: 40%;
  transform: rotate(225deg);
}
.accordion1 .open .arrow_v:before {
  top: 20%;
  transform: rotate(45deg);
}



.accordion_area .accordion .accordion_inner {
  display: none;
  padding: 3vmin;
/*
  border-left: 1px solid #133f87;
  border-right: 1px solid #133f87;
  border-bottom: 1px solid #133f87;
*/
  box-sizing: border-box;
}
.accordion_area .accordion.accordion1 .accordion_inner { display: block;}
.accordion_area .accordion .accordion_inner .box_one { height: auto;}

.accordion_area .accordion .accordion_inner .box_one p {
	margin-bottom: .2em;
	line-height: 1.35;
	padding-left: 4em;
	text-indent: -4em;
	letter-spacing: 0.05em;
} 
.accordion_area .accordion .accordion_inner .box_one p a:link,
.accordion_area .accordion .accordion_inner .box_one p a:visited {
	color: #133f87;
	font-weight: bold;
}
.accordion_area .accordion .accordion_inner .box_one p a:hover {}
.accordion_area .accordion .accordion_inner .box_one p a:active {}






/* aside 
	------------------------------------ */
.artist aside li { clear: both;}
.artist aside li a {
	display: block;
	padding: 8px;
	transition: .3s ease-in-out;
}
.artist aside li a:hover {
	background-color: #f2f0ee;
}

.artist aside li figure {
	float: left;
	margin-right: 17px;
	width: 74px;
	height: 74px;
}
.artist aside h3 {
	margin: 0;
	padding-top: 14px;
	height: 74px;
	color: #555;
	font-size: 1.6rem;
	font-weight: 200;
	line-height: 1.75;
	letter-spacing: .2em;
}
.artist aside h3 small {
	display: block;
	color: #888;
	font-size: 1.15rem;
	line-height: 1.2;
	letter-spacing: .12em;
}




/* LINK
========================================== */
/*
.link .link_list a {
	display: block;
	padding: 20px 5px 18px;
}
.link .link_list a:hover {
	background-color: rgba(8, 47, 85, 0.07);
}
.link .link_list a figure img {
	margin: auto;
	width: 100%;
	max-width: 300px;
	height: auto;
}
.link .link_list a h3.title {
	margin: .7em 0 .4em;
	color: rgba(8, 47, 85, 1);
	font-size: 2.1rem;
	font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E","メイリオ", Meiryo,"Times New Roman", "游明朝", YuMincho,   serif;
	font-weight: 400;
}
*/

h2.page_title {
	margin: 0 auto 40px;
	padding-bottom: 20px;
	font-size: 1.8em;
	font-weight: 400;
	letter-spacing: 0.2em;
	text-align: center;
	border-bottom: 2px solid #333;
}
.link section.items ul li {
	text-align: center;
	border-bottom: 1px solid #fff;
}
.link section.items ul li:last-child {
	border: none;
}
.link section.items ul li a {
	display: block;
	padding: .5em 2em;
	font-size: 2rem;
}
.link section.items ul li a:hover {
	background-color: #fff;
}



/* ==========================================
	 CONTACT
========================================== */

.contact .page_header {
	margin-bottom: 4.5vh;
	padding-bottom: 20px;
	border-bottom: 2px solid #333;
}
.contact .page_header h2.page_title {
	margin-bottom: 0;
	padding-bottom: .7em;
	border: none;
}
.contact .page_header p {
	margin-bottom: 0;
	font-size: 1.3rem;
	text-align: center;
}

.contact .wpcf7-form {
	margin: auto;
	text-align: left;
	max-width: 600px;
	color: #333;
}
.contact .wpcf7-form dl {
	margin: 1.5em 0 2em; 
}
.contact .wpcf7-form dl dt {
	margin: .3em 0;
	font-size: 1.45rem;
	text-align: left;
}
.contact .wpcf7-form dl dt span.optional {
	display: inline-block;
	margin-right: 1em;
	padding: .1em .5em;
	color: #fff;
	font-size: 1.1rem;
	text-align: center;
	text-shadow : 1px 1px 0px rgba(0,0,0,0.1);
	background-color: #ccc;
}
	
.contact .wpcf7-form dl dt span.required {
	display: inline-block;
	margin-right: 1em;
	padding: .1em .5em;
	color: #fff;
	font-size: 1.1rem;
	text-align: center;
	text-shadow : 1px 1px 0px rgba(0,0,0,0.1);
	background-color: #d00;
}
.contact .wpcf7-form dl dd {
	margin: .3em 0;
	max-width: 600px;
}
.contact .wpcf7-form dl dd input,
.contact .wpcf7-form dl dd textarea {
	padding: .55em;
	width: 100%;
	max-width: 500px;
	font-size: 1.5rem;
	background-color: #fff;
	border: 1px solid #133f87;
}

.contact .wpcf7-form dl.name dd {
	max-width: 250px;
}
.contact .wpcf7-form dl.zip dd,
.contact .wpcf7-form dl.prefecture dd {
	max-width: 150px;
}

.contact .wpcf7-form .wpcf7-submit {
	display: block;
	margin: 3vh auto;
	width: 180px;
	height: 35px;
	color: #555;
	letter-spacing: .3em;
	font-family: 'Nunito','Kosugi Maru', sans-serif;
	border: 1px solid #133f87 !important;
	border: none;
	cursor: pointer;
	transition: .3s ease-in-out;
}
.contact .wpcf7-form .wpcf7-submit:hover {
	color: #fff;
	background-color: #133f87;
}


.wpcf7-not-valid-tip {
	font-size: 1.2rem;
}
.wpcf7 form .wpcf7-response-output {
	padding: 0.3em 1em;
	font-size: 1.2rem;
	font-family: 'Nunito','Kosugi Maru', sans-serif;
}


/* ==========================================
	 プライバシーポリシー
========================================== */

.privacy-policy h1,.privacy-policy h2,.privacy-policy h3,.privacy-policy h4,.privacy-policy  h5,.privacy-policy  h6 {
  color: #333;
  font-size: 1.7rem;
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

.privacy-policy ul {
	margin: 0 0 1em 30px;
}
.privacy-policy ul li {
	font-size: 1.6rem;
	list-style: disc;
	
}
.privacy-policy ol {
	margin: 0 0 1em 30px;
	list-style: decimal;
}
.privacy-policy ol li {
	font-size: 1.55rem;
	list-style: 

	
}



/* ==========================================
	 検索
========================================== */

#search { padding: 0;}
#search.side { margin: 20px 0 ;}
#search.side #searchform {margin:0 auto;}
#searchform {
	position:relative;
	display: block;
	height: 30px;
	width: 250px;
	margin:0 auto ;
	overflow: hidden;
}
#searchform #s{
	position: absolute;
	right: 40px;
	top: 0;
	margin: 0;
	padding: 0;
	padding-left:10px;
	width: 80%;
	height: 30px;
	background-color: #fff;
	border-radius         : 15px;      /* CSS3 */
	-moz-border-radius    : 15px;      /* Firefox */
	-webkit-border-radius : 15px;      /* Safari,Chrome */
	-moz-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.4);
	-webkit-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.4);
	box-shadow: inset 0px 0px 3px rgba(0,0,0,0.4);

/* 	background: url(../images/common/bg-search.jpg) no-repeat center center; */
	border: none;
}
#searchform #searchsubmit {
	position: absolute;
	right: 0;
	top: 0;
	width: 31px;
	height: 30px;
	opacity: 0.7;
}
#searchform #searchsubmit:hover { opacity: 1;}



/* ==========================================
	 404ページ .home
========================================== */

.custom_search {
	position: relative;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 20px 20px 10px;
	background-color: #f7f7f7;
}
.home .custom_search {
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	background-color: #fff;
}


.custom_search li {
	float: left;
	margin-right: 10px ;
	margin-bottom: 15px;
	font-size: 1.35rem;
	line-height: 25px;
}
.custom_search select {
	padding: 5px;
	color: #fff;
	font-size: 1.2em;
	background: #3997d2 center center ;
	border: none;
}
.custom_search select option {
	color: #fff;
	background-color:#3997d2 ;
}
.custom_search input.submit {
	float: right;
	margin: 10px 0 ;
	padding: 5px 10px;
	color: #fff;
	font-size: 1.5rem;
	background-color:#3997d2 ;
	border: none;
}
.custom_search input.submit:hover {opacity: 0.8;}



@media screen and (min-width: 481px) {
	
}
@media screen and (min-width: 581px) {

/* =======================================
	トップページ
========================================== */

/* メイン画像エリア
	------------------------------------------ */
/* カバーフローエフェクト */
.swiper-slide .box .text {
	left: auto;
	right: 0;
	text-align: right;
}
.swiper-slide .box .text .partnership {
	text-align: right;
}



/* ------------------------------------------
	Artist一覧（.artist）
------------------------------------------ */

/* 出演紹介 */
.tab .list-wrap dl { margin-bottom: .5em;}
.tab .list-wrap dl dt {
	display: inline-block;
	padding: 0 10px 0 0;
	width: calc(100% - 250px);
	font-size: 1.4rem;
	vertical-align: top;
}
.tab .list-wrap dl dt::first-letter {
	font-feature-settings: "palt";
	text-align: justify;
	letter-spacing: .06em;
}


.tab .list-wrap dl dd {
	display: inline-block;
	width: 28%;
	font-size: 1.25rem;
	vertical-align: top;
	font-feature-settings: "palt";
	text-align: right;
	letter-spacing: .01em;
}
.tab .list-wrap dl dd.credit {
	margin: 0;
	width: 130px;
	text-align: right;
}
.tab .list-wrap dl dd.year {
	width: 80px;
}



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


/* 基本構造・コンテンツエリア
----------------------------------------- */


/* フッター
----------------------------------------- */
#footer .inner .menu-main-container ul { text-align: center;}
#footer .inner .menu-main-container ul li { display: inline-block;}
#footer .inner .menu-main-container ul li a { font-size: 1.45rem;}
 


/* ==========================================
	 カテゴリー一覧
========================================== */

/* NEWS( category-news.php)
------------------------------------------ */
.search .news ul li h3.date,
.news ul li h3.date {
	float: left;
	margin-top: .22em;
}
.news ul li .cat {
	clear: both;
	float: left;
	margin: .25em 0 0;
}
.search .main ul li .text,
.news ul li .text {
	padding-left: 120px;
}
.news ul li .text h2.title { margin: 0;}


/* ==========================================
	 固定ページ
========================================== */

/* ------------------------------------------
	ACTOR（.actor）
------------------------------------------ */
.accordion_area .accordion .accordion_inner {
  padding: 20px;
}



/* ==========================================
	 CONTACT
========================================== */

.contact .text_contact {
	margin: 0 auto 5vh;
	padding: 3vmin;
	max-width: 800px;
	text-align: center;
	border: 3px solid #133f87;
}

.contact h2 {
	margin-bottom: 3vh;
	font-weight: 400;
	text-align: center;
/* 	border-bottom: 2px solid #133f87; */
}
.contact .wpcf7-form dl { 
	margin: 2.3em 0 2.3em -5%;
}
.contact .wpcf7-form dl dt {
	float: left;
	width: 180px;
}
.contact .wpcf7-form dl dd { padding-left: 200px;}

.contact .wpcf7-form dl.name dd { max-width: 350px;}
.contact .wpcf7-form dl.zip dd,
.contact .wpcf7-form dl.prefecture dd { max-width: 280px;}
.contact .wpcf7-form dl.tel dd { max-width: 400px;}




/* LINK
========================================== */
.link .link_list a {
	padding: 15px;
}
.link .link_list a figure img {
	float: left;
	margin-right: 20px;
	max-width: 120px;
}




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

/* =======================================
	トップページ
========================================== */

/* メイン画像エリア
	------------------------------------------ */
/* カバーフローエフェクト */
.swiper-slide .box .text {
	left: auto;
	right: 0;
	padding: 1.6em 1em;
	text-align: center;
	background:none;
}
.swiper-slide .box .text .partnership {
	margin-bottom: .75em;
	color: #777;/* #5BADFF */
	text-align: center;
	letter-spacing: .1em;
}
.swiper-slide .box .text h2 {
	margin: 0 3.4em ;
	font-size: 1.75rem;
	font-weight: 500;
	text-shadow : 0px 0px 7px rgba(0,0,0,0.57);
}
.swiper-slide .box .text h2 small {
	font-size: .7em;
}



/* ニュースエリア・NEWS( category-news.php)
	------------------------------------------ */
#content .news ul li .no_link,
#content .news ul li a {
  display: block;
  padding: 20px 20px;
  border-bottom: 1px dotted #aaa;
}

#content .news ul li .cat,
.home #content .news ul li .cat {
	clear: none;
  margin: .2em 1.7em;
  width: 80px;
  text-align: center;
}
#content .news ul li .text,
.home #content .news ul li .text {
  padding-left: 210px;
}
#content .news ul li .text h3.title { margin: 0;}
#content .news ul li .text p.digest {
	margin-top: .3em;
}



/* ==========================================
	 カテゴリー一覧
========================================== */
/* NEWS( category-news.php)
------------------------------------------ */







/* 基本構造・コンテンツエリア
----------------------------------------- */
#content.column2 #main {
	float: left;
	margin-bottom: 10vh;
	width: calc( 100% - 310px);
}
#content.column2 #main article.search { text-align: center; }
/*
#content.column2 #main section.section {
	padding: 5vmin ; 
	box-shadow : 0px 0px 23px 0px rgba(0,0,0,0.1);
}
*/

#content aside {
	float: right;
	position: relative;
	margin:0;
	width: 260px;
}





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

/* ------------------------------------------
	Artists一覧（.artists）
------------------------------------------ */
.artists ul { max-width: 1140px;}
.artists ul li { width: 33.1%;}




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

}@media screen and (min-width: 1500px) {
/* =======================================
	トップページ
========================================== */

/* メイン画像エリア
	------------------------------------------ */
/* カバーフローエフェクト */
.swiper-slide .box .text h2 {
	margin: 0 4em ;
}




}