/*
	Theme Name: diver_child
	Template: diver
	Description:  Diverの子テーマです。
	Theme URI: http://tan-taka.com/diver/
	Author: Takato Takagi
 */

/* カスタマイズする場合にはこれより下に追記してください  */

/* *, *:before, *:after */
@font-face {
    font-family: 'M-1m-medium';
    src:url('../../../wp-includes/fonts/M-1m-medium.ttf.woff') format('woff'),
        url('../../../wp-includes/fonts/M-1m-medium.ttf.svg') format('svg'),
        url('../../../wp-includes/fonts/M-1m-medium.ttf.eot'),
        url('../../../wp-includes/fonts/M-1m-medium.ttf.eot#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}
/*@font-face {
    font-family: 'M+ 1m medium';
    src: url('../../../wp-includes/fonts/mplus-1m-medium.eot');
    src: url('../../../wp-includes/fonts/mplus-1m-medium.eot#iefix') format('embedded-opentype'),
    url('../../../wp-includes/fonts/mplus-1m-medium.woff') format('woff'),
    url('../../../wp-includes/fonts/mplus-1m-medium.ttf') format('truetype');
}*/

body {
	font-family: 'M-1m-medium','M PLUS 1',sans-serif;
	/*transform: rotate(0.03deg);
	 /** font-family: 'M+ 1m medium'
	font-family: 'Kosugi Maru', sans-serif;*/
}
#container{  
	background:#437ccd;/*あお;/*#d7edfc;*/
}
#main-wrap,#futter { transform: rotate(0.03deg);}
/*ヘッダー*/
.header_small_menu{ padding:0; }
@media screen and (min-width:769px){#logo .logopc,#nav_fixed .logopc {display:block!important}
#logo .logosp,#nav_fixed .logosp {display:none!important}
}
@media screen and (max-width: 768px){
	#logo .logosp,#nav_fixed .logosp{display:block!important}
#logo .logopc,#nav_fixed .logopc {display:none!important}
	#nav_fixed .logo img { height: 55px;}
	.header-logo { position:static;}
}

/*タイトルNEWS*/
.wrap-post-title{ background:#fefcf4!important;}

/*文字かえたい*/

/*#onlynav li a,#nav li a{ transform:rotate(0deg);}
.widget_nav_menu {font-family: "じゅん 501"!important; }
.wrap-post-title,.page_title {font-family: "じゅん 501"!important;}
.post-title {font-family: "じゅん 501"!important;}  */

/*準備中メニュー*/
#onlynav ul li.nolink a,#nav ul li.nolink a { color:#999;}
li.nolink a:hover { opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)"

}

/*popup*/
.pum-container {
	position:relative!important;
	max-width:1200px;
}
.topyoutube{
	position: relative; padding-bottom: 56.25%; }
.topyoutube iframe{ position: absolute; top: 0; left: 0; width:100%; height: 100%; }

/*ファーストビュー*/
.firstview_custom{ max-width:1200px; margin:0 auto;
background:#d82f26; padding-bottom:10px;}
#main-wrap #single-main.full, #main-wrap #page-main.full {
	max-width: 1200px;
}
.page_title {
	border-bottom: none;
	background:#d82f26; color:#fefcf4;}
.navigation{
	overflow:hidden;margin:5px 0; background:none!important;}
.navigation li { width:50%; }
.navigation .left{ float:left;}
.navigation .right{ border:none; float:right;}
.navigation a { padding:10px;}
.navigation a:hover{background:none;color:#222121;}

/*追従メニュー*/
#nav_fixed { width:100%;}
#nav_fixed .nav_wrapper{
	width: 100%;   margin: 0 auto;
	box-shadow: 0 0 4px 0 rgb(0 0 0 / 20%);
}
#nav_fixed .header-logo {
	display:inline;
	max-width: 1080px;
	}
#nav_fixed.fixed { border-top:5px solid #437ccd; }
#nav_fixed .logo{max-width:1200px; margin: 0 auto; text-align:center;}
#nav_fixed #nav ul { float:none; display: table;}
#nav_fixed #nav ul li a:hover{ background:#d82f26; color:#fefcf4;}

/*drawer-nav*/
.drawer-nav li.nolink a { color:#ccc;}
.drawer-nav li a:hover { background:#fefcf4;}

/*Hスタイル*/
h3.style3a { font-size:24px; border-top:1px solid #222121!important; border-bottom:1px solid #222121!important; }

/* button - CSSボタンのスタイル */
.q_button { 
	background-color: #222121; color: #fefcf4 !important; display: inline-block; font-size: 100%; font-weight: 400; min-width: 200px; margin: 10px 0 0 0; max-width: 90%; padding: .6em 1.3em .5em; transition: all 0.3s ease-in-out 0s; text-decoration: none; text-align: center; vertical-align: middle; }
.q_button:hover, .q_button:focus { 
	background-color: #7d7d7d; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15) inset; color: #fefcf4; text-decoration: none; }
.sz_s { min-width: 100px; max-width: 90%; font-size: 85%; padding: .4em 1em .3em; }
.sz_s0 { min-width: 100px; max-width: 90%; font-size: 85%; margin:0; padding: .1em 1em .1em .5em; }

/*キャプション文字サイズ80->*/
.content .wp-caption-text{ padding-top:5px; font-size:70%; line-height:1.4;}
.wp-caption p.wp-caption-text{ font-size:70%; line-height:1.2;}
.wp-caption.alignright{margin-left: 20px;}
/*ページ番号*/
a.page-numbers, .pagination .current {
	padding:5px 12px
}
/*fotter*/
.col3, .sc_col3{ width:100%!important; float:none; padding:10px 0;}
.widget ul:first-child{margin: 0 0 -2px 10px;}
#bigfooter li { border:none;}
.bigfooter_colomn{ padding:0!important;}
div.bigfooter_colomn:not( :first-child ){ display:none!important;}

#media_image-3{	padding:10px 0; text-align:center; margin:0 auto; }
#media_image-3 img { margin:0 auto;}
.footer_content {  margin: -1px auto;}

/*sponcerロゴ #custom_html-6*/
#bigfooter { /*border-top:2px solid #01a0d7;*/ background:#fefcf4;}
#custom_html-5{ margin-top:0px; padding:30px 0 0 0; background:#fefcf4;}
#custom_html-6 { padding-top:15px; }
ul.footer-sponser-logo-wrap {
	overflow: hidden;  text-align: center;
	padding: 0; margin: 30px 0;
	display: flex; -webkit-justify-content: center; justify-content: center;
}
ul.footer-sponser-logo-wrap li {
	margin: 2px 4px;
	display: flex; position: relative;
	height: 60px; width: auto;
	justify-content: center;
	align-items: center;
}
ul.footer-sponser-logo-wrap li img {
	max-width: 120px;
	max-height: 60px;
}
@media screen and (max-width: 768px){
	#custom_html-5{ padding:0px;}
}
/*2020追加*/

.futter_kako { 
	font-weight:bold; margin:0 auto 5px auto; border:2px solid #d82f26; display: inline-block; padding:10px 20px; -webkit-border-radius: 5px; border-radius: 5px; background:#d82f26;
}
a .futter_kako { font-border-radius: 0.5rem;size:15px!important;}
a:link .futter_kako ,a:visited .futter_kako  { color:#fefcf4!important;  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);}
a:hover .futter_kako  { background:#fefcf4; color:#d82f26!important;  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .3);  box-shadow: 0 0 0 rgba(0, 0, 0, .3);}


#custom_html-6 { text-align:center; margin:0 auto;}
ul.topsns { width:160px; margin:0px auto 0px auto; position: relative;}
ul.topsns li {
	float:left;
	width: 30px;
	height: 30px; 	margin:0 5px;
}
ul.topsns a li:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
ul.topsns li img { width:100%;}

.fit-sidebar-fixed-now{ margin-top:10px!important;}

@media screen and (max-width: 768px){
ul.topsns { width:100px; height:20px; margin:0px auto 0 auto; position: relative;}
ul.topsns li {
	float:left;
	width: 15px;
	height: 15px; 	margin:0 5px;
	}
}

.navigation a { color:#fefcf4;}

@media screen and (min-width:769px){
	#bigfooter .pc { display:block!important;}
	#bigfooter .sp { display:none!important;}
}
@media screen and (max-width: 768px){
	#bigfooter .pc { display:none!important;}
	#bigfooter .sp { display:block!important; padding:20px 5px 0 5px;}
#custom_html-7{ padding:0;}
}
/*作品ページ*/
#single-main h1.houdai{
	padding:20px 0 0 30px;
	 margin-bottom: -1px;/*日本語斜め対応*/
}
#single-main h2.gendai { 
	font-size:16px; font-size:1.2rem; margin:0; padding:0 0 10px 30px; color:#fefcf4; background:#d82f26; }
#single-main h3.time { 
	font-size:18px; font-size:1.2rem; margin:0; padding:10px 30px}
.content.staffarea { 
	margin:0 0 10px 0; }
.content h3.style4a { 
	border-top: 1px solid #222121; border-bottom: 1px solid #222121; 
	font-size: 22px; font-weight: 400; margin:20px 0; padding: 1.1em .2em 1em;}
.content .staffarea h4{ 
	font-weight:bold; padding-left:0;  color:#222121; border:none; clear:both;}
.content .staffarea h4::after{ display:none;}
.content .staffarea h4 + p { padding:0;}
.content .staffarea .wp-caption { padding:0;}

.content .movie_info { 
background:#fefcf4; padding:0 0 5px 0; margin:10px 0 0 0; border:1px solid #d82f26; }
.content .movie_info h5{
	background:#d82f26; color:#fefcf4;
	font-size: 18px; font-weight: 700; margin:0; padding: .5em .8em .3em 1em;
}
.content .movie_info .in_area { padding:10px; margin:10px;
font-size:95%;}
.content .movie_info .copyright{ font-size:75%; line-height:1.2;}

@media screen and (max-width: 768px){
#single-main h3.time{  font-size: 16px;}
.metaslider .caption-wrap { font-size: 11px; line-height: 1.1em!important; }
.staffarea .alignright{ width:50%;}
}
/*上映作品*/
.content2 {
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 2em;
    position: relative;
	word-break: normal;}
.content2 img{ max-width:100%;      max-width: 100%;
    height: auto;
    margin: 0; }
#filmlist{ font-size:14px;}
#filmlist p { margin-bottom:0; line-height:1.2; padding:0 5px; }
#filmlist .boxarea { }
#filmlist .box { width:360px; height:380px; float:left; margin:0 5px 10px 5px; line-height:1.4; padding-bottom:5px; overflow:auto;}
#filmlist h3 { background:none; margin:5px 0; padding:0; line-height:1.2; border:none; }
#filmlist .imgarea { width:auto; height:auto; display: table-cell; vertical-align: middle; background:#222121; }
#filmlist .boxarea:after {
  clear: both;
  content: '';
  display: block;
}
@media screen and (max-width: 803px){
#filmlist .boxarea { display:inline;}
#filmlist .box { width:100%; height:auto; margin:0 auto 10px auto; background:#fefcf4;}
#filmlist .imgarea { height:auto; background:#fefcf4;}
}