@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,body {
	margin: 0;
	background-color: #000; 
}
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を取る */
*, *::before, *::after {
  box-sizing: border-box;
}

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

html {
	font-size: 62.5%;
	box-sizing: border-box;
}
body {
	color: #ccc;
	font-family: Avenir,Helvetica,YuGothic,"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.7em 0 .9em;
	color: #ccc;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: .025em;
/* 	font-family: YuGothic,"Hiragino Kaku Gothic ProN", Meiryo, sans-serif; */
	font-family: "Work Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;

	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;}
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.75rem;
	line-height: 1.6;
	font-style: normal;
	font-feature-settings: "pkna";
	text-align: justify;
	letter-spacing: .05em;
}
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, span, strong, em { display: inline-block;}

.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;}

.has-small-font-size,
.has-small-font-size li {font-size: 1.45rem;}
.has-medium-font-size,
.has-medium-font-size li {font-size: 1.8rem;}
.has-large-font-size,
.has-large-font-size li {font-size: 2rem;}
.has-x-large-font-size,
.has-x-large-font-size li {font-size: 2.4rem;}


.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: #ddd;} /* #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: 5em auto 5em;
	text-align: center;
}
.wp-block-buttons { margin: 2.5em auto .2em;}
.wp-block-buttons .wp-block-button {margin: .5em;}
.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: YuGothic,"Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-weight: 400;
	line-height: 1;
	text-align: center;
	border: 1px solid #000;
}


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

/* トップページ英語サイトボタン */
.wp-block-button.toesite a.wp-block-button__link {
	padding: 1.25em 3em;
	font-size: 1.8rem;
	background-color: #a22124 ;
	border: none;	
}



.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: #000 !important;
	background-color: #fff;
}
.btn.btn2 a:active,
.wp-block-button.btn2 a:active {
	color: #fff !important;
	background-color: #cbc7bf;
}

.return {
	clear: both;
	margin: 5vh auto 6vh;
	text-align: center;
	font-family: YuGothic,"Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-weight: 400;
}
.return a {
	display: inline-block;
	padding: .5em 1.3em .4em;
	min-width: 200px;
	color: #ccc;
	font-size: 1.75rem;
	font-weight: 400;
	line-height: 1;
	text-align: center;
	border: 1px solid #fff;
	opacity: 1;
}
.return a:hover {
	color: #333 !important;
	background-color: #fff;
}

.wp-block-button a.wp-block-button__link {
	color: #fff !important;
	background-color: #000;
}
.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,
/* a[target="_blank"]::after */
a.outerlink::after
 {
	content: '';
	display: inline-block;
	margin-left: .3em;
	width: 1.2em;
	height: 1em;
	background-image: url('/wpzoopro/wp-content/themes/zoopro/library/images/icon-outerlink2.svg?12');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center ;
	vertical-align: -3px;
	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.65rem;
	line-height: 1.45;
	letter-spacing: 0.05em;
}
ul li { margin-bottom: .4em;}

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;
}
ul.wp-block-list {
	list-style: disc;
	list-style-position: inside;
}
ul.wp-block-list ul {
	margin-top: .16em;
	padding-left: 2em;
	list-style: circle;
}
ul.wp-block-list ul li {
	font-size: .9em;
}


/* ==========================================
	 画像
	サムネイル（.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) {
	figure.wp-block-image.alignright,
	.wp-block-image figure.alignright {
		float: right !important;
		margin: 0 0 2em 3em !important;
	}
	figure.wp-block-image.alignleft,
	.wp-block-image figure.alignleft {
		float: left !important;
		margin: 0 3em 2em 0 !important;
	}
	figure.wp-block-image.aligncenter,
	.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: 10px;
	left: 10px;
}
.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,.hdn {
	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: YuGothic,"Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-weight: 400;
}
.page_navi .page-numbers {
	display: inline-block;
	padding:0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #ddd;
	text-align: center;
	border-radius: 0%;
}
a.page-numbers,
.page_navi .current {
	display: inline-block;
	margin:0 2px;
	color: #000;
	font-size: 1.55rem;
	border:solid 1px #000;
}
a.page-numbers.next,
a.page-numbers.prev {
	border:none;
}

.page_navi .current {
	color:#fff;
	background-color: #a22124;
}
a.page-numbers:hover {
	color:#333;
	background-color: #ddd;
	border:solid 1px #ddd;
}
a.page-numbers.next:hover,
a.page-numbers.prev:hover {
	border:solid 1px #000;
}



/* LOADING（.loading）
----------------------------------------- */
.loading {
  background-color: #000;/* #fff, #000 */
  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;
}



/* 基本構造・コンテンツエリア
----------------------------------------- */
#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.page1200 { max-width: 1200px;}
#content .columns.toppage { padding-top: 0px;}

.content header.header-article { padding: 9em 0 10px;}
.content header.header-article h1 {
	margin: 0;
	color: #ddd;
	font-size: 4.1rem;/* 2.7rem */
	font-weight: 600;
	text-align: center;
	letter-spacing: 0.07em;
	font-family: "Work Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}
.single .content header.header-article h1 {
	font-size: 2.7rem;
}

#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: #000;
}
#footer .inner {
	margin: 0 auto;
	max-width:1200px;
}
#footer .inner .logo {
	margin:4vh auto 2vh;
	width: 100px;
}
#footer .inner .logo img { filter: none;}
#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: YuGothic,"Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-weight: 400;
	letter-spacing: .2em;
	opacity: .7;
}






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

/* トップページ基本構造
	------------------------------------------ */
.home #content {
	margin:80px auto 0;
	padding: 7vh 0 0;
	background-color: #000;
}	
.home #content article {
	margin: auto;
	padding:5% 20px 10vh;
	width: 92%;
	max-width: 1200px;
}


/* 会社案内エリア
	------------------------------------------ */
#content article.company {
	width: 70%;
	max-width: 550px;
}
#content article.company h2.title {
	margin: 3vh auto;
	padding: 0;
	width: auto;
	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;
}


.home #content article h2.title {
	margin-bottom: 2em;
	max-width: 300px;
	text-align: center;
	letter-spacing: 0.07em;
}

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



.swiper-slide .box { display: block;}
.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: 100%;
	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: 2em;
	background: none;
	width: auto;
	max-width: 100%;
	background-color: #000;
}
#content article.news .inner {
	margin: auto;
	width: 100%;
	max-width: 900px;
}
#content article h2.title {
	margin: 2vh auto 4.5vh;
	padding: .4em 1em;
	color: #ddd;
	font-size: 3.2rem;
	font-weight: 400;
	text-align: center;
}


/* ニュース項目 */
.home #content article.news ul li p.digest {
	color: #ccc;
	line-height: 1.3;
	letter-spacing: 0.07em;
}
.home #content article.news ul li a:hover { background-color: #fff;}
.home #content article.news ul li a:hover p.digest { color: #454545;}


/* バナーエリア
	------------------------------------------ */
#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% ) ;
}



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

#content article.news {
	padding: 0;
	width: auto;
	max-width: 100%;
	text-align: left;
	background: none;
}
#content article.news h1.cat {
	margin: 0px auto 2.2em;
	padding: 0.4em 1em;
	width: auto;
	color: #ddd;
	font-size: 2.1rem;
	font-weight: 500;
	text-align: center;
}
.single #content .news p.cat {
	display: inline-block;
	margin: 0 .3em 0 0 ;
	padding: 0;
	width: auto;
	color: #ddd;
	font-size: 1.15rem;
	font-weight: 400;
	line-height: 1.2;
	text-align: left;
	border: 1px solid #ddd;
}
#content article.news p.cat a,
#content .news p.cat a {
	display: block;
	padding: .2em 1em;	
}
#content article.news p.cat a:hover,
#content .news p.cat a:hover {
	color: #333;
	background-color: #ddd;
}

.news ul li { margin: 0;}
.news ul li .no_link,
.news ul li a {
	display: block;
	padding: 2.3vmin;
	border-bottom: 1px dotted #ccc;
}
.news ul li a:hover {
	background-color: #000;
	border-bottom: 1px solid #000;
}
.news ul li:last-child .no_link,
.news ul li:last-child a { border: none;}
article.news ul li a:hover { background-color: #fff;}

/* 日付 */

.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: #ccc;}
.news ul li a:hover h3.date { color: #333;}

.home article.news ul li h3.date { color: #ccc;}
.home article.news ul li a:hover h3.date { color: #333;}


/* ニュースカテゴリー */
#content .news ul li .cat {
	display: inline-block;
	margin-left: 1em;
	padding: .1em .3em;
	color: #ccc;
	font-size: 1.25rem;
	line-height: 1;
	letter-spacing: .01em;
	border: 1px solid #ccc;
}
.news ul li a:hover .cat {
	color: #000;
	background-color: #fff;
}
#content article.news ul li .cat {
	color:#fff;
	border: 1px solid #fff;
}
#content article.news ul li a:hover .cat { 
	color: #fff;
	background-color: #000;
}
.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: #ccc;
	font-size: 1.65rem;
	line-height: 1.35;
	font-weight: normal;
}
.news ul li a:hover h3.title { color: #333;}
.news ul li a h3.title .outerlink {
	display: inline-block;
	margin-left: .2em;
	width: auto;
	height: 1.2em;
	vertical-align: -6px;
}
.home article.news ul li h3.title { color: #fff;}
.home article.news ul li a:hover h3.title { color: #000;}

/* ニュースタイトル外部リンクアイコン */
.news h3.title .outerlink {
	filter: invert(92%) sepia(92%) saturate(34%) hue-rotate(127deg) brightness(108%) contrast(111%) opacity(80%);
}
.news a:hover h3.title .outerlink { filter:none;}
.home article.news h3.title .outerlink {
	filter: invert(92%) sepia(92%) saturate(34%) hue-rotate(127deg) brightness(108%) contrast(111%) opacity(80%);
}
.home article.news a:hover h3.title .outerlink { filter:none;}


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

.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シングルページ(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: 4.5em;}
.single .news #main p.date {
	float: none;
	margin-bottom: .3em;
	color: #ccc;
	font-size: 1.45rem;
	line-height: 1.45;
	text-align: right;
}
.single .news #main h1.title_main {
	margin-top: .8em;
	margin-bottom: .1em;
	padding-bottom: .3em;
	color: #ddd;
	font-size: 3rem;
	line-height: 1.25;
	font-weight: bold;
	font-style: normal;
	border-bottom: 1px solid #ccc;
}
.single .news #main article .body {text-align: center;}
.single .news #main article .textarea {
	display: 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;
}


/* WORKS( category-work.php)
------------------------------------------ */
.works {
  display: -webkit-flex;
  display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
  align-items: stretch;/* アイテムの高さを揃える */
  text-align: center;
  margin: auto;
	max-width: calc(400px + 2em);
}
.works .work {
	position: relative;
	display: inline-block;
	margin: 0 1em 30px;
	width: 100%;
	max-width: 400px;
	text-align: left;
	vertical-align: top;
	background: #fff;
	transition:all .25s ease;
}
.works .work a.block {
	background-color: #fff;
	transition:all .25s ease;
}
.works .work a figure {
	transition:all .25s ease;
	line-height: .6;
}
.works .work a:hover {
	box-shadow : 0px 0px 15px 0px rgba(255,255,255,0.4);
}
.works .work a:hover figure {
	filter: brightness( 104% ) contrast( 106% ) grayscale(0%) saturate( 100% ) ;	
}

.works .work a .textarea { padding: 13px 18px;}
.works .work a .cats {
	position: absolute;
	top:10px;
	left:10px;
}
.works .work a .cats .cat {
	padding: .2em .3em;
	color: #fff;
	font-size: 1.15rem;
	background-color: #a22124;
}
.works .work a h3 {
	margin: 0 auto .53em;
	color: #333;
	font-size: 1.9rem;
	letter-spacing: 0.01em;
}
.works .work a h4 {
	margin: 0 auto .1em;
	color: #333;
	font-size: 1.4rem;
	letter-spacing: 0.01em;
}
.works .work a .detail {
	margin: 5px auto 0 ;
	color: #777;
	font-size: 1.25rem;
	letter-spacing: 0.01em;
}

/* WORKSシングルページ(single-work.php) 
------------------------------------------ */
.single .news.work #main article .textarea h3 {
	margin: .9em 0 .45em;
	font-size: 2.45rem;
}
.single .news.work #main article .textarea h4 { margin: .35em 0 .25em;}


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






/* ------------------------------------------
	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;
}


/* ------------------------------------------
	MEMBERS一覧（.members）
------------------------------------------ */
#content .columns.members { max-width: 1000px;}
#content .columns.members section {
	margin: 90px auto;
}
.members .about {
	margin: auto;
	width: 94%;
}
.members .business {
	margin-top: 60px;
	text-align: center;
}
.members .business > div {
	display: inline-block;
	padding: 25px 7vmin 20px;
	border: 1px solid #ccc;
}
.members .business h3 {
	text-align: center;
	margin: 0 auto .6em;
}
.members .business ul {
	display: inline-block;
	margin: .2em auto;
	list-style: disc !important;
	list-style-position: inside !important;
}
.members .business ul li {
	display: list-item;
	margin: 0 auto .2em;
	padding-left: 1em;
	width: auto;
	text-indent: -1em;
}
.members ul.member {
	margin: auto;
	text-align: left;
	max-width: 740px;
}
.members ul.member li {
	display: inline-block;
	margin:0 auto 50px;
	width: 49%;
	text-align: left;
	transition:all .1s ease;
	vertical-align: top;
}
.members ul.member li a {
	display: block;
	margin: auto;
	padding: 15px;
	width: 100%;
	max-width: 330px;
	transition:all .75s ease;
}
.members ul.member li a img {
	transition:all .3s ease-in-out;
}
.members ul.member li a:hover {
	filter: brightness( 104% ) contrast( 104% );
}
.members ul.member li a:hover img {
	filter: brightness( 105% ) contrast( 106% );
}
.members ul.member li .text {
	margin: .95em auto 0;
	border-left: 2px solid #111;
}
.members ul.member li p.genre {
	margin: 0 0 .45em;
	font-size: 1.55rem;
	letter-spacing: 0.01em;
}

.members ul.member li h2 {
	margin:0;
	padding: 0;
	font-size: 1.95rem;
	font-weight: 400;
	letter-spacing: 0.07em;
}
.members ul.member li h2 small {
	display: block;
	margin-bottom: .6em;
	color: rgb(172,173,170);
	font-size: 1.1rem;
	letter-spacing: 0.13em;
}
.members ul.member li a:hover { color: #eee;}


/* ------------------------------------------
	MEMBER単独ページ（.member）
------------------------------------------ */
#content.member .columns { max-width: 700px;}
#content.member article.page { margin: auto;}
#content.member article.page header {
	position: relative;
	padding: 0;
	background: none;
}
#content.member article.page header figure {
	margin: 0 auto 3em;
	max-width: 700px;
}
#content.member article.page header .post {
	letter-spacing: 0.05em;
}
#content.member article.page header h1 {
	margin-top: 11px;
	margin-bottom: 25px;
	font-size: 3rem;
	font-weight: 400;
	text-align: center;
}
#content.member article.page header h1 small {
	display: block;
	margin-bottom: .3em;
	color: #9F9F9F;
	font-size: 0.4em;
}


/* actor情報エリア */
#content.member article.page .entry-prof {
	padding: 3vmin 0;
	text-align: center;
}
#content.member article.page .entry-prof ul {
	margin: 1.7em auto;
	text-align: left;
}
#content.member article.page .entry-prof ul li {
	list-style: circle;
	list-style-position: inside;
	padding-left: 1em;
	text-indent: -1em;
}
#content.member article.page .entry-prof ul li .cat {
	text-align: center;
}

#content.member article.page .entry-prof .info01 {
	margin: 20px auto;
	display: inline-block;
}
#content.member article.page .entry-prof .info01 dl {
	margin-bottom: .6em;
	text-align: left;
	font-size: 1.7rem;
	line-height: 1.25;
	letter-spacing: 0.1em;
}
#content.member article.page .entry-prof .info01 dl dt {
	display: inline-block;
	min-width: 90px;
	color: #aaa;
	text-align: right;
}
#content.member article.page .entry-prof .info01 dl dd {
	display: inline-block;
	margin-left: 1.2em;
	vertical-align: text-top;
}
article.member .content {
	margin: 8em auto ;
	max-width: 700px;
}
article.member .content p {
	letter-spacing: 0.02em;
}


/* PDF */
article.member .pdf { margin-top: 8em;}
article.member .pdf a {
	display: block;
	margin:3vh auto;
	padding: .8em 2em 1.8em;
	max-width: 400px;
	text-align: center;
	border: 1px solid #ccc;
}
article.member .pdf a h5 {
	margin: 10px auto 0;
	font-size: 1.75rem;
	font-weight: normal;
	letter-spacing: 0;
}
article.member .pdf a img {
	margin: 0 .3em;
	width: 20px;
	height: auto;
	filter: invert(92%) sepia(92%) saturate(34%) hue-rotate(127deg) brightness(108%) contrast(111%);
	vertical-align: text-top;
}
article.member .pdf a:hover { background-color: #ffff;}
article.member .pdf a:hover h5 { color: #333;}
article.member .pdf a:hover img { filter: none;}


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

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

/* 出演歴（.history） */
section.history {
	margin: 8em auto 6em;
	text-align: left;
}




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


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

.snsarea ul li.facebook a {
	background: url(../images/icon-facebook.svg) no-repeat center center;
	background-size: 35px auto;
	filter: invert(100%) sepia(11%) saturate(2%) hue-rotate(203deg) brightness(112%) contrast(100%);
	opacity: .7;
}
.snsarea ul li.facebook a:hover {
	background: url(../images/icon-facebook.svg) no-repeat center center;
	background-size: 50px auto;
	filter: invert(100%) sepia(11%) saturate(2%) hue-rotate(203deg) brightness(112%) contrast(100%);
	opacity: 1;
}

.snsarea ul li.x a {
	background: url(../images/icon-x.svg) no-repeat center center;
	background-size: 35px auto;
	filter: invert(100%) sepia(11%) saturate(2%) hue-rotate(203deg) brightness(112%) contrast(100%);
	opacity: .7;
}
.snsarea ul li.x a:hover {
	background: url(../images/icon-x.svg) no-repeat center center;
	background-size: 50px auto;
	filter: invert(100%) sepia(11%) saturate(2%) hue-rotate(203deg) brightness(112%) contrast(100%);
	opacity: 1;
}
.snsarea ul li.insta a {
	background: url(../images/icon-insta.svg) no-repeat center center;
	background-size: 35px auto;
	filter: invert(100%) sepia(11%) saturate(2%) hue-rotate(203deg) brightness(112%) contrast(100%);
	opacity: .7;
}
.snsarea ul li.insta a:hover {
	background: url(../images/icon-insta.svg) no-repeat center center;
	background-size: 50px auto;
	filter: invert(100%) sepia(11%) saturate(2%) hue-rotate(203deg) brightness(112%) contrast(100%);
	opacity: 1;
}

.snsarea ul li.icon_youtube a {
	background: url(../images/icon-youtube.svg?123) no-repeat center center;
	background-size: 35px auto;
	filter: invert(100%) sepia(11%) saturate(2%) hue-rotate(203deg) brightness(112%) contrast(100%);
	opacity: .7;
}
.snsarea ul li.icon_youtube a:hover {
	background: url(../images/icon-youtube.svg?123) no-repeat center center;
	background-size: 50px auto;
	filter: invert(100%) sepia(11%) saturate(2%) hue-rotate(203deg) brightness(112%) contrast(100%);
	opacity: 1;
}

.snsarea ul li.tiktok a {
	background: url(../images/icon-tiktok.svg?123) no-repeat center center;
	background-size: 35px auto;
	filter: invert(100%) sepia(11%) saturate(2%) hue-rotate(203deg) brightness(112%) contrast(100%);
	opacity: .7;
}
.snsarea ul li.tiktok a:hover {
	background: url(../images/icon-tiktok.svg?123) no-repeat center center;
	background-size: 50px auto;
	filter: invert(100%) sepia(11%) saturate(2%) hue-rotate(203deg) brightness(112%) contrast(100%);
	opacity: 1;
}

.snsarea ul li.website a {
	background: url(../images/icon-website.svg?123) no-repeat center center;
	background-size: 35px auto;
	filter: invert(100%) sepia(11%) saturate(2%) hue-rotate(203deg) brightness(112%) contrast(100%);
	opacity: .7;
}
.snsarea ul li.website a:hover {
	background: url(../images/icon-website.svg?123) no-repeat center center;
	background-size: 50px auto;
	filter: invert(100%) sepia(11%) saturate(2%) hue-rotate(203deg) brightness(112%) contrast(100%);
	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: YuGothic,"Hiragino Kaku Gothic ProN", Meiryo, sans-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;}




/* 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;
}





/*
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 #ddd;
}
*/


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

.contact {text-align: center;}
.contact .entry-content { display: inline-block;}
.contact .wpcf7-form {
	margin: 60px auto;
	text-align: left;
	max-width: 800px;
	color: #ddd;
}
.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 p {
	margin-bottom: .8em;
	line-height: 1.2;
	letter-spacing: 0.07em;
}
.contact .wpcf7-form dl dt span,
.contact .wpcf7-form dl dt span.optional,
.contact .wpcf7-form dl dt span.required {
	display: inline-block;
	margin-top: -.2em;
	margin-right: 1em;
	padding: .3em .5em .25em;
	color: #fff;
	font-size: 1.1rem;
	text-align: center;
	text-shadow : 1px 1px 0px rgba(0,0,0,0.1);
	vertical-align: middle;
}
.contact .wpcf7-form dl dt span.optional { background-color: #aaa;}
.contact .wpcf7-form dl dt span.required { background-color: #a22124;}
.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 #000;
}

.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: YuGothic,"Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	border: 1px solid #000 !important;
	border: none;
	cursor: pointer;
	transition: .3s ease-in-out;
}
.contact .wpcf7-form .wpcf7-submit:hover {
	color: #fff;
	background-color: #000;
}


.wpcf7-not-valid-tip {
	font-size: 1.2rem;
}
.wpcf7 form .wpcf7-response-output {
	padding: 0.3em 1em;
	font-size: 1.2rem;
	font-family: YuGothic,"Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

/* CF7 6.2 の隠し項目用 fieldset。未読込時にブラウザ標準の白枠が出る */
.contact .wpcf7-form .hidden-fields-container {
	display: none !important;
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	height: 0 !important;
	min-height: 0 !important;
}


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

.privacy-policy h1,.privacy-policy h2,.privacy-policy h3,.privacy-policy h4,.privacy-policy  h5,.privacy-policy  h6 {
  color: #ddd;
  font-size: 1.7rem;
  font-family: YuGothic,"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;
}



/* ------------------------------------------
	MEMBERS一覧（.members）
------------------------------------------ */



}@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;}

/* WORKS( category-work.php)
------------------------------------------ */
.works { max-width: 1000px;}
.works .work { width: calc(50% - 2em);}

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

/* ------------------------------------------
	ACTOR（.actor）
------------------------------------------ */



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

.contact .text_contact {
	margin: 0 auto 5vh;
	padding: 3vmin;
	max-width: 800px;
	text-align: center;
	border: 3px solid #000;
}
.contact h2 {
	margin-bottom: 3vh;
	font-weight: 400;
	text-align: center;
/* 	border-bottom: 2px solid #000; */
}
.contact .wpcf7-form dl { margin: 2.3em 0 2.3em 0;}
.contact .wpcf7-form dl dt {
	float: left;
	width: 180px;
}
.contact .wpcf7-form dl dt p {
	font-size: 1.55rem;
	letter-spacing: 0.07em;
}
.contact .wpcf7-form dl dt span {
	vertical-align: middle;
}

.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 {
	position: relative;
	left: auto;
	right: 0;
	padding: 1em 1em 0;
	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: 90px;
  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)
------------------------------------------ */



/* WORKS( category-work.php)
------------------------------------------ */
.works {}
.works .work {
	margin: 0 1em 2em;
	width: calc(33.333% - 2em);
}



/* 基本構造・コンテンツエリア
----------------------------------------- */
#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) {

/* ------------------------------------------
	MEMBERS一覧（.members）
------------------------------------------ */
.members ul { max-width: 100%;}
.members ul li { width: 100%;}
.members ul.member { max-width: 1140px;}
.members ul.member li { width: 33.1%;}




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

/* WORKS( category-work.php)
------------------------------------------ */
/*
.works .work {
	margin: 0 1em 2em;
	width: calc(25% - 2em);
}
*/

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

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




}