/*
Template:ystandard
Theme Name:cine-wind
Theme URI: https://wp-ystandard.com
Author: yosiakatsuki
Author URI: https://yosiakatsuki.net
Description:「自分色に染めた、自分だけのサイトを作る楽しさ」を感じてもらうために作った一風変わったWordPressテーマ「ystandard」の子テーマ
Version: 3.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*
 * トップページ
 */
.home .content__wrap{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%}
@media screen and (min-width: 1025px){
/*	.content__wrap{max-width:calc(100% - 368px);}
*/	.h-nav.-center a {
	 	padding: 1rem;
	}
	.h-nav.-center li ul a {
    	padding-left: 1rem;
	}
	.hidden-l {
	    display: none !important;
	}

}
.top-link {
    padding: 0.5em;
    text-align: center;
	width: 98%;
	margin-top: 0;
}
.top-link {
  display: inline-block;
  background-color: #919fa9;
  color: #FFF;
  padding: 0.8em;
  text-decoration: none;
  border-radius: 4px;
  box-shadow: 0 5px 10px 0 rgba(0,0,0,0.12), 0 3px 20px 0 rgba(0,0,0,0.12), 0 5px 6px -2px rgba(0,0,0,0.2);
  -webkit-tap-highlight-color: transparent;
  transition: .3s ease-out;
}
.top-link:hover{
	 cursor: pointer;
	 text-decoration: none;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}
.top-link .svg-inline--fa {
	margin-right: 0.5em;
}

.top-link.birth38{
  background: #f1e767;
  background: -webkit-gradient(linear, left top, left bottom, from(#f1e767), to(#feb645));
  background: -webkit-linear-gradient(top, #f1e767 0%, #feb645 100%);
  background: linear-gradient(to bottom, #f1e767 0%, #feb645 100%);
}

.top-link.camp2023a{
    background-color: #f16f4a;
}
.top-ticket {
    font-size: 1.2em;
    font-weight: bold;
}
.top-ticket .svg-inline--fa {
    margin-right: 0.5em;
}
.top-ticket a {
    text-decoration: none;
}
.top-ticket-news {
    font-size: 0.9em;
}
.header__branding {
	display: flex;
}
.header-button {
}
.header-button ul.header-button-list {
	margin-top: 2em;
}
.header-button ul.header-button-list li {
    display: inline-block;
	font-size: 1.4rem;
	margin-left: 0.5em;
}
.header-button ul.header-button-list li a {
	color: #414141;
	filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.8));
}
.header-button ul.header-button-list li .fa-instagram {
	color: #d9317a;
}
.header-button ul.header-button-list li .fa-facebook {
	color: #0866ff;
}
.header-button ul.header-button-list li .fa-twitter-square {
	color: #1DA1F2;
}
.header-button ul.header-button-list li .fa-x-twitter {
	color: #0f1419;
}
.header-button ul.header-button-list li .fa-youtube {
	color: #ff0033;
}

@media screen and (max-width: 600px) {
	.top-link {
	    padding: 0.5em;
	    font-size: 1em;
	}
	.home .flex__col--2,
	.home .flex__col--3 {
		max-width: 100%;
		text-align: center;
	}
	.img-monthlywind {
		height: 160px;
	}
	.hidden-xs {
	    display: none !important;
	}
	.header-button ul,
	.header-button ul.header-button-list {
		margin: 0;
		padding: 0;
	}
	.h-nav__btn {
		top: 25%;
	}
}
@media screen and (max-width: 1025px) {
	.hidden-xs {
	    display: none !important;
	}
}
ul.top-link-block {
    width:100%;
    margin:0;
    padding:0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	-webkit-box-pack: justify;
       -ms-flex-pack: justify;
     justify-content: space-between;
}
ul.top-link-block li {
    width: 48%;
    list-style: none;
    padding-bottom: 0;
    margin-bottom: 1%;
    position: relative;
}
ul.top-link-block li:hover {
	opacity: 0.8;
}
.home .site-main {
	margin: 0.5rem;
}
.top-link-block a {
    text-decoration: none;
    color: #fff;
}

.footer-poweredby {
    display: none;
}
.swiper-slide .no-img {
	font-size: 3rem;
	color: #757575;
	padding: 3rem;
	margin-top: 1rem;
    border: 1px solid #757575;
	border-radius: 10px;
}
@media screen and (max-width: 600px) {
	.swiper-slide .no-img {
		margin-top: 0;
	}
}
.home .widget-title a {
	text-decoration: none;
	color: #606060;
	font-weight: 700;
}
.home .widget-title a:hover {
	color: #2980b9;
	opacity: 0.5;
}
.home ul li .archive__date {
	color: #757575;
	text-align: right;
	margin-right: 20px;
}
.home ul li .ys-posts__title {
	margin-bottom: 2%;
}
.--width60p {
	max-width: 65%;
}
.--width30p {
	max-width: 33%;
}

.monthly-window {
	text-align: center;
	font-size: 0.8em;
}
.monthly-window figure {
	padding: 0 0 2.5em 0;
	background-color: #f3f3f3;
}
.monthly-window figure h2 {
	margin-top: 0;
	padding-top: 1em;
	font-weight: 700;
}
.monthly-window figcaption {
	font-style: normal;
	font-weight: 700;
}
.img-monthlywind {
	height: 240px;
}
/*
 * スケジュールページ
*/
.schedule .flexcontainer{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.schedule .flexcontainer .flexitem {
    font-size: 1.2em;
    border: 1px solid #eee;
	background-color: #f6f6f6;
	margin-bottom: 0.5em;
}
.schedule .flexcontainer .flexitem dl {
}
.schedule .flexcontainer .flexitem dl dt {
	text-align: center;
	padding: 1em 0.5em;
}
.schedule .flexcontainer .flexitem dl dd {
    margin: 0.5em 0 0.5em;
    background-color: #fefefe;
	padding: 1em;
}
.schedule .flexcontainer .flexitem dl dd p {
    margin: 0;
    text-align: center;
}
.schedule .flexcontainer .flexitem dl dd p.start-time {
    font-weight: 700;
    font-size: 1.4em;
}
.schedule-ticket {
    width: 100%;
}
.schedule-ticket a {
    color: #fff;
}
.schedule-ticket a i {
    margin-right: 0.5em;
}
@media screen and (min-width: 600px) {
	.schedule .archive__image.-list {
	    width: 150px;
	}
    .schedule-ticket {
        width: 30%;
    }
}
.day-of-the-week::before {
	content: '(';
}
.day-of-the-week::after {
	content: ')';
}
.saturday {
	color: #0a57d0;
}
.sunday {
	color: #d22424;
}
.schedule .ratio__image img {
     height: 100%;
     -o-object-fit: contain;
     object-fit: contain;
 }
 .last-day::after {
	 	content: '最終';
		font-size: 0.8em;
		color: #505050;
		margin: 0;
		background-color: #ffe904;
 }
.schedule span.movie-date {
	font-size:	0.8em;
}
.lum-open {
	z-index: 1000;
}
.zoom-comment {
	font-size: 0.8em;
	color: #666;
	margin-top: 1em;
}
.google-calendar-add {
	font-size: 10px;
	border: 1px solid #bbb;
	border-radius: 2px 2px 2px 2px;
}
/* Instagram */
.instagram-wrap {
    width: 90%;
    margin: 0 auto;
}
.insta-img-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
  height: 480px;
}
.insta-img-list .item {
  width: 100%;
  margin: 15px;
}
.insta-img-list .item a  {
	text-decoration: none;
	color: #2e6ca5;
}
.insta-title {
	color: #FFF;
	border-radius: 5px;
	padding-left: 10px;
	font-weight: 700;
	background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  	background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
}
.twitter-title {
	color: #FFF;
	border-radius: 5px;
	padding-left: 10px;
	font-weight: 700;
	background-color: #1DA1F2;
}
.facebook-title {
	color: #FFF;
	border-radius: 5px;
	padding-left: 10px;
	font-weight: 700;
	background-color: #3C5A99;
}
.insta-title:hover,
.twitter-title:hover,
.facebook-title:hover {
	opacity: 0.5;
}

.facebook-title a,
.twitter-title a,
.insta-title a {
	color: #fff;
	text-decoration: none;
}
.facebook-title .svg-inline--fa,
.insta-title .svg-inline--fa,
.twitter-title .svg-inline--fa {
	margin-right: 5px;
}
.inta-caption {
	font-size: 0.8em;
	color: #333;
}
.inta-caption .fa-clock {
	margin-right: 0.5em;
}

@media (max-width: 781px) {
    .twitter-title,
    .insta-title,
    .facebook-title {
        margin-top: 1em;
    }
}


.sns-icons {
    font-size: 3em;
    text-align: center;
    margin-top: 2em;
}
.sns-icons a {
    color: #414141;
}
.sns-icons a .fa-facebook {
    color: #0866ff;
}
.sns-icons a .fa-x-twitter {
    color: #0f1419;
}
.sns-icons a .fa-instagram {
  background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%),
  radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%),
  radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%),
  radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%),
  radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%),
  radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%),
  radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent),
  -webkit-gradient(linear, left top, left bottom, from(#6559ca), color-stop(30%, #bc318f), color-stop(50%, #e33f5f), color-stop(70%, #f77638), to(#fec66d));
  background: -webkit-radial-gradient(35% 90%, circle farthest-corner, #fec564, transparent 50%),
  -webkit-radial-gradient(0 140%, circle farthest-corner, #fec564, transparent 50%),
  -webkit-radial-gradient(0 -25%, ellipse farthest-corner, #5258cf, transparent 50%),
  -webkit-radial-gradient(20% -50%, ellipse farthest-corner, #5258cf, transparent 50%),
  -webkit-radial-gradient(100% 0, ellipse farthest-corner, #893dc2, transparent 50%),
  -webkit-radial-gradient(60% -20%, ellipse farthest-corner, #893dc2, transparent 50%),
  -webkit-radial-gradient(100% 100%, ellipse farthest-corner, #d9317a, transparent),
  -webkit-linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
  background: -o-radial-gradient(35% 90%, circle farthest-corner, #fec564, transparent 50%),
  -o-radial-gradient(0 140%, circle farthest-corner, #fec564, transparent 50%),
  -o-radial-gradient(0 -25%, ellipse farthest-corner, #5258cf, transparent 50%),
  -o-radial-gradient(20% -50%, ellipse farthest-corner, #5258cf, transparent 50%),
  -o-radial-gradient(100% 0, ellipse farthest-corner, #893dc2, transparent 50%),
  -o-radial-gradient(60% -20%, ellipse farthest-corner, #893dc2, transparent 50%),
  -o-radial-gradient(100% 100%, ellipse farthest-corner, #d9317a, transparent),
  -o-linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
  background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%),
  radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%),
  radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%),
  radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%),
  radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%),
  radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%),
  radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent),
  linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
  color:white!important;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sns-icons a .fa-youtube {
    color: #ff0033;
}

/*
 * 作品ページ
 */
.movie-date,
.movie-special-price,
.movie-description,
.movie-events,
.movie-images,
.go-schedule
{
	margin-bottom: 2%;
}
.go-schedule a {
	color: #fff;
}
.movie-copyright {
	font-size: 0.6em;
}
.movie-detail .post-thumbnail {
	width: 30%;
	margin: 0 auto;
	text-align: center;
}
@media screen and (max-width: 600px) {
	.movie-detail .post-thumbnail {
		width: 80%;
	}
}
.entry-title {
	font-weight: 700;
}
.movie-date {
	color: #cf2b2b;
	font-weight: 700;
	font-size: 1.2em;
}
.movie-date .fa-calendar-alt {
	font-size: 0.8em;
}
.single-movie .movie-date:before {
	content: '上映期間';
}
.movie-ticket-link {
	margin-left: 2em;
	background-color: #fffb69;
	border: 1px solid #eee;
    border-radius: 5px 5px 5px 5px;
	padding: 0 0.5em;
}
.movie-ticket-link:hover {
	opacity: 0.5;
}
.movie-ticket-link a {
	color: #2f3aad;
}
.movie-special-price {
	font-weight: 700;
	color: #0d145c;
}
.movie-description:before {
	content: '作品紹介';
	font-weight: 700;
}
.movie-description p {
	margin-top: 0.5em;
}
.movie-events {
	background-color: #fffdef;

}
.movie-information {
	margin-left: 2em;
}
.movie-image {
	margin-top: 1em;
}
.type-movie .svg-inline--fa {
	margin: 0 0.5em;
}
.type-movie a {
	text-decoration: none;
}
.movie-official-url {
	background-color: #0d145c;
	padding: 0.5em;
}
.movie-video-url {
	background-color: #cd201f;
	padding: 0.5em;
}
.movie-official-url,
.movie-video-url,
.go-schedule {
	color: #fff;
	text-align: center;
}
.movie-official-url:hover,
.movie-video-url:hover,
.go-schedule:hover {
	opacity: 0.5;
}
.go-schedule {
	background-color: #03623c;
	border-radius: 4px;
}
.google-calendar-add:hover {
	opacity: 0.5;
}
/*
 * 作品リストページ
 */
.movie-list .ratio__image img,
.movie-list-card .ratio__image img {
     height: 100%;
     -o-object-fit: contain;
     object-fit: contain;
 }
.movie-list-card .ratio.-r-16-9:before {
	padding-top: 100%;
}
.movie-list-card .archive__detail-title {
	font-size: 0.8em;
}
.movie-list-card .card__text {
	padding: 0.5em;
}
.movie-list-card .archive__image {
	margin-top: 0.5em;
}
.archive__detail-title {
	font-weight: 700;
	font-size: 1.4em;
}
@media screen and (max-width: 600px) {
	.item-list__item:first-child {
	    border-top: 1px solid #d2d2d2;
	}
	.item-list__item {
		border-bottom: 1px solid #d2d2d2;
	}
	.ys-posts__list.-list {
	    border-top: 1px solid #d2d2d2;
	}
	.ys-posts__item.-list {
	    border-bottom: 1px solid #d2d2d2;
	}
}

/*
 * アーカイブ・一覧
 */
.archive__cat .icon-l {
	margin-left: 0.5em;
}
.post-type-archive-movie .archive__detail-title {
	margin: 0;
}
.post-type-archive-movie .movie-date {
	margin-bottom: 1%;
}
/*
 * SNSシェアボタン
 */
.share-btn__item {
	height: 22px;
	float: right;
	margin: 6px 0 0 4px;
}
.share-btn__item-line {
	margin-left: 4px;
}
.fb-share {
	background-color: #385899;
	border-radius: 4px;
    font-size: 12px;
    height: 22px;
    padding: 0 4px 0 6px;
	font-family: Helvetica, Arial, "hiragino kaku gothic pro",meiryo,"ms pgothic",sans-seri;
	font-weight: bold;
}
.fb-share a {
	text-decoration: none;
	color: #fff;
    cursor: pointer;
    text-decoration: none;

}
@media screen and (min-width: 1025px){
	.share-btn__item.flex__col--lg-6 {
		max-width: 8%;
	}
}


/*
 * 検索ページ
 */
#s-box {
	margin-bottom: 3%;
}
#s-btn-area {
	margin-bottom: 10%;
}


/*
 * 料金ページ
 */
.price-list td:nth-child(odd) {
	width: 70%;
/*	background-color: #f1f1f1;
*/
}
.discount-list td:nth-child(odd) {
	width: 60%;
/*	background-color: #f1f1f1;
*/}
h2.price-title {
	background-color: #2b2b2b;
	color: #fff;
	padding: 0.5em;
}
/*
 * ご利用案内ページ
 */
h2.charge-title {
	background-color: #2b2b2b;
	color: #fff;
	padding: 0.5em;
}
/*
 * アクセスページ
 */
h2.access-title {
	background-color: #2b2b2b;
	color: #fff;
	padding: 0.5em;
}
svg.access-icon {
	margin: 0 0.5em;
}
/*
 * メルマガ登録ページ
 */

input.mail-magazine-add {
	width: 400px;
	margin: 2em 0 0;
}
@media screen and (max-width: 600px) {
	input.mail-magazine-add {
		width: 100%;
	}
}
/*
 * 関連記事
 */
.related-list h3 {
	width: 100%;
}
/*
 * トグル
 */
.wc-shortcodes-font-awesome-enabled .wc-shortcodes-toggle .wc-shortcodes-toggle-trigger a {
	text-decoration: none;
}
/*
 * tablepress
 */
.tablepress tr {
	border-right: 1px solid #bdc3c7;
}
/* この記事を書いた人 */
.author-small {
	margin-left: 0.5rem;
}
.author-small .fa-pencil-alt {
	margin-right: .25rem;
}
/* プライバシーポリシー */
ul.privacy-list li {
	list-style-type:none;
	list-style-position:inside;
	counter-increment: cnt;
}
ul.privacy-list li::before {
	display: marker;
  content: "（" counter(cnt) "） ";
}
/* 過去の上映作品 */
.tablepress thead th:nth-child(1){
	width: 30%;
}
.tablepress thead th:nth-child(2){
	width: 15%;
}
.tablepress thead th:nth-child(3){
	width: 20%;
}
.tablepress thead th:nth-child(4){
	width: 10%;
}
@media screen and (max-width: 640px) {
  .tablepress {
    width: 80%;
  }
  .tablepress thead {
    display: none;
  }
  .tablepress tr,
  .tablepress td{
    display: block;
    width: 100%;
    position: relative;
  }
  .tablepress td:first-child:before {
    content: "作品名・公開年月日・監督名・制作年・備考";
	font-size: 0.8em;
    background: #d9edf7;
    box-sizing: border-box;
    color: #333;
    font-weight: bold;
    height: 40px;
    padding: 10px;
    position: absolute;
    top: -41px;
    left: -0.2%;
    display: block;
    width: 100.5%;
  }
  .tablepress tr {
    margin-bottom: 40px;
  }
}
.google-calendar-add .svg-inline--fa {
	margin: 0 0.1em;
}
/*
 * テスト環境は背景色を変更
 */
 body.dev,
 header.dev,
 body.dev .content__main,
 body.dev .swiper-slide {
	 background-color: #fcfaec;
 }