/*
Theme Name: OceanWP Child
Theme URI: https://wp-themes.com/oceanwp
Author: ChildThemeWP.com
Author URI: https://childthemewp.com
Description: My WordPress OceanWP child theme.
Template: oceanwp
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 1.0.0
Text Domain: oceanwp-child
*/

/* 共通設定 -------------------------- */

/* Webフォント読み込み */
@import url("https://p.typekit.net/p.css?s=1&k=uuq3fdq&ht=tk&f=39306&a=13800684&app=typekit&e=css");
@import url("https://use.typekit.net/omb6lcu.css");
@import url("https://use.typekit.net/uuq3fdq.css");
body{
	font-family: "ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;
	-webkit-tap-highlight-color:transparent !important;
}
body a,body button{
	color:#222222;
	-webkit-tap-highlight-color:transparent !important;
}
body div{
	-webkit-tap-highlight-color:transparent !important;
}
p{
	margin:0 !important;
}
.elementor-widget-heading .elementor-heading-title {
    line-height: 1.8;
}
/*　フッターの子テーマ表示　*/
#footerlinktochildthemewp{
	display:none !important;
}
/*　ヘッダー　*/
#site-navigation-wrap span.text-wrap{
	color:#222222;
}
#site-navigation-wrap span.text-wrap:hover{
	color:#FA2341;
	-webkit-tap-highlight-color:transparent !important;
}
#site-logo #site-logo-inner a:hover,#site-logo #site-logo-inner a:forcus{
	opacity:1 !important;
	pointer-events: none !important;
	cursor: default !important;
	outline:unset !important;
}
/*　ハンバーガーメニュー内mysta小文字対応　*/
#mobile-fullscreen ul li.title-lowercase a{
	text-transform: lowercase !important;
}

/*　スマホaタグタップ時　*/
@media only screen and (max-width: 480px){
	a.hover{
		-webkit-tap-highlight-color:transparent !important;
		transition:all 0s ease !important;
	}
}
/*　フッター　*/
.footer-menu{
	text-align:center;
}
.footer-menu ul{
	margin:0 !important;
}
.footer-menu ul li{
	list-style-type: none !important;
	display:inline-block;
	margin:0 12px;
	width:auto;
}
.footer-menu ul li a{
	font-weight: bold !important;
	font-size: 14px !important;
	line-height: 25px !important;
	color:#fff !important;
}
.footer-menu ul li a:hover{
	color:#FA2341 !important;
}
@media only screen and (max-width: 959px){
.footer-menu ul li{
	width:100%;
	margin:10px 0;
}
.footer-menu ul li a{
	font-weight: bold !important;
	font-size: 14px !important;
	line-height: 25px !important;
	color:#fff !important;
}
}
.footer-copyright{
	font-style: normal;
	font-weight: 600;
	font-family: din-2014, sans-serif;
}
/* 現在のページのリンク赤文字 */
a.active,a.active span{
	color:#FA2341 !important;
}
/*　青文字下線リンク　*/
.a-blue-line a{
	text-decoration:underline !important;
	color:#234cfa;
}
/*　赤文字下線リンク　*/
.a-red-line a{
	text-decoration:underline !important;
	color:#FA2341;
}
a.a-red-line{
	text-decoration:underline !important;
	color:#FA2341;
}

/*　チアスケ初期非表示　*/
.chiasuke-wrap .chiasuke_img{
	visibility:hidden;
}

/* SP改行用クラス（PCでは表示しない＝改行しない） */
@media screen and (min-width:899px){
	.br-sp {
		display:none;
	}
	.sp_br {
		display:none;
	}
}
/* PC改行用クラス（SPでは表示しない＝改行しない） */
@media screen and (max-width:898px){
	.br-pc {
		display:none;
	}
}
/* PCヘッダーサイズ指定 */
@media screen and (min-width:899px){
	.boxed-layout #wrap .container{
		max-width:1200px !important;
		padding-left:0 !important;
		padding-right:0 !important;	
	}
}

/* 利用規約などの番号付きリスト＞番号付きリストを数字に */
.terms-text ol li{
	margin-top:5px;
}
ol li ol,.list-pare ol{
	margin-left: 2em;
}
ol li ol li ,.list-pare ol li{
	list-style-type: none;
	counter-increment: cnt;
	position: relative;
}
ol li ol li:before ,.list-pare ol li:before{
	content: "(" counter(cnt) ")";
	display: inline-block;
	margin-left: -3.5em; 
	width: 3em;
	text-align: right;
	position: absolute;
	top: 0;
	left: 0;
}
/* 外部リンクのアイコン */
.icon-out-link svg{
	width:1.1em;
	margin-top: -2px;
}
/* ハンバーガーメニュー */
#mobile-fullscreen a.close .close-icon-inner, #mobile-fullscreen a.close .close-icon-inner::after{
	width:20px !important;
}
#mobile-fullscreen a.close:hover .close-icon-inner, #mobile-fullscreen a.close:hover .close-icon-inner::after{
	background-color:#222 !important;
}
#mobile-fullscreen a.close .close-icon-wrap{
	width:20px !important;
}
#mobile-fullscreen a.close{
	top:20px !important;
	right:20px !important;
}
#mobile-fullscreen a.close:focus,#mobile-fullscreen a.close:hover,#mobile-fullscreen a.close:active{
	color:#222 !important;
}
.social_icon{
 display:inline-block !important;
 width:64px;
 margin-top:48px;
}
.social_icon a img{
 width:48px;
}

/* 投稿ページ設定 -------------------------- */

/*　旧サイト対応　*/
.single .old-post{
	max-width: 880px!important;
    margin: auto !important;
	margin-bottom:60px !important;
	color:#222 !important; 
	line-height:1.8em !important; 
}
@media only screen and (max-width: 959px){
	.single .old-post{
		width: 90%!important;
	}
}
.old-post h3,.old-post h4{
	background: #fff!important; 
    border-left: 0px solid #FA2341 !important; 
	padding: 0!important; 
}
.old-post p{
	padding:5px 0 !important; 
	line-height:1.8em !important; 
}
.old-post h4 span{
	margin:0 !important;
	color:#222 !important; 
	font-size:18px !important;
}
.old-post h3{
	font-size:26px;
	margin-top:40px;
}
.old-post table th, .old-post table td{
	border-bottom: 1px solid #e9e9e9 !important;
}
@media only screen and (max-width: 959px){
	.old-post h3{
		font-size:20px;
	}
}
.old-post h4{
	position: relative;
}
.old-post h4 span::before{
  content: '';
  position: absolute;
 bottom: -8px !important;
  display: inline-block;
  width: 30px;
  height: 3px;
  left: 16px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #FA2341;
}

.old-post .app-buttons{
	display:none;
}
.old-post .form-wrap {
	text-align:center;
	position:relative;
}
.old-post .form-wrap button.form-submit{
	padding:0.5em 2em 0.5em 2em !important;
}

/*　新サイト対応　*/
.single-post h2{
	color:#FA2341;
}
.new-single-post h2{
	background: #fff!important; 
    border-left: 0px solid #FA2341 !important; 
}

.new-post h4,.new-single-post h3{
  position: relative;
}
.new-post h4,.new-single-post h3{
 padding:7px 7px 7px 0 !important;	
}
.new-single-post h3{
	margin-top:20px !important;
}
.new-single-post h3{
	color:#222;
	font-size:18px;
}
.new-post-li ul li{
	list-style-type: none;
}
.new-post-li ul{
	text-indent:-4px;
	margin-left:6px;
  }
 
.new-post-li ul li{
    margin-left: 16px;
  }
.new-post-li ul li::before {
 	position: relative;
 	top: -4px;
 	left: -16px;
	display: inline-block;
	width: 4px;
	height: 4px;
	content: '';
 	border-radius: 100%;
 	background: #222;
}
@media only screen and (max-width: 959px){
	.new-post-li ul li{
    	margin-left: 12px;
  	}
	.new-post-li ul li::before {
		top: -3px;
		left: -12px;
		width: 3px;
		height: 3px;
	}
}
.new-post p{
	margin: 0 !important;	
}

.new-single-post h3::before{
  content: '';
  position: absolute;
 bottom: -1px !important;
  display: inline-block;
  width: 30px;
  height: 3px;
  left: 16px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #FA2341;
}
.new-post h4::before,.new-single-post h3::before{
	 bottom: -5px !important;
}
.single-post h3 span,.single-post h3{
		color:#FA2341 !important; 
	}
.new-post a{
		color:#FA2341 !important; 
	}
.new-single-post h4::before{
	display:none;
}
.new-single-post h3 span{
		color:#222 !important; 
		margin-top:20px;
	font-size:20px;
	}

.single-post .entry-header,.single-post ul.meta{
	width:880px;
	margin:0 auto;
	display:block;
}
@media only screen and (max-width: 959px){
	.single-post .entry-header,.single-post ul.meta{
		max-width:90%;
	}
	section.new-post{
 		margin: 0 ;	
	}
}
 .single-post .single-post-title{
	padding:0px !important;
	margin-bottom:40px !important;
}
@media only screen and (max-width: 959px){
	.single-post .single-post-title{
		font-size:20px !important;
		line-height:30px;
	}
}
.single-post ul.meta{
	padding:0;
	padding-bottom:10px !important;
	font-style: normal;
	font-weight: 600;
	font-family: din-2014, sans-serif;
	color:#999;
	font-size:16px;
	margin-top:60px;
}
@media only screen and (max-width: 959px){
	.single-post ul.meta{
		padding-bottom:0px !important;
	}
	.single-post .single-post-title{
		padding:0px !important;
		margin-bottom:20px !important;
	}
	.new-single-post h2{
	 font-size:20px !important;
		line-height:1.5;
		/*color:#222;*/
	}
	.new-single-post h3 span{
	font-size:18px;
	}
	.new-single-post h4{
	font-size:16px !important;
}
}
.single-post ul.meta i{
	display:none;
}
.single-post ul li.meta-date{
	font-size:18px;
	line-height: 23px;
}
@media only screen and (max-width: 959px){
	.single-post ul li.meta-date{
	font-size:15px;
	line-height: 19px;
}
}
#top_news_posts .pt-cv-ifield{
	display:flex;
	flex-wrap:nowrap;
	flex-direction: column;
	border-bottom:#eee solid 1px;
}
#top_news_posts .pt-cv-title{
	order:2;
	 flex-basis: 100%;
	margin:9px 0 18px 0;
	font-size:16px;
}
.pt-cv-title{
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 2;
	-webkit-order: 2;
	order: 2;
}
p.pt-cv-title{
	margin-bottom:20px !important;
}
@media screen and (max-width: 480px){
	#top_news_posts .pt-cv-title{
	font-size:14px;
}
}
#top_news_posts .pt-cv-meta-fields{
	order:1;
	 flex-basis: 100%;
	margin-bottom: 10px;
}

#top_news_posts .pt-cv-meta-fields a{
	float:left;
	background:#eee;
	border-radius:3px;
	font-weight: bold;
	font-size: 12px;
	line-height: 22px;
	color:#222222;
	padding:2px 8px;
	margin-right:8px;
	pointer-events: none;
}
.post_list .pt-cv-meta-fields{
	display:block;
	width:100%;
}

.pt-cv-meta-fields .entry-date{
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	color:#999;
	font-family: din-2014, sans-serif;
}
.pt-cv-meta-fields{
	opacity: 0;
}
.pt-cv-ifield{
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	width:100% !important;
}
.pt-cv-ifield>*, .pt-cv-view .pt-cv-content-item>* {
    margin-bottom: 0px;
}
.pt-cv-thumbnail{
	margin-bottom: 8px!important;
}
.pt-cv-view .pt-cv-title {
    margin-bottom: 15px;
	width:100%;
}
@media screen and (max-width:899px){
	.pt-cv-meta-fields .entry-date{
			font-size: 15px;
	line-height: 19px;
	}
}
.pt-cv-wrapper a.pt-cv-href-thumbnail{
	width:100%;
}
/*t-cv-thumbnail.pull-left {
    margin-right: 0px!important; 
}*/
.pt-cv-thumbnail.pull-left{
/*rgin-right: 20px!important;*/
   width: 100% !important;
}

/* 問い合わせフォーム設定 -------------------------- */

/*WPForrms版*/
label.wpforms-field-label{
	font-size: 20px !important;
	line-height: 36px !important;
	letter-spacing: 0.03em !important;
	margin: 40px 0 14px 0 !important;

}
span.wpforms-required-label{
	color:#fff !important;
	margin-left:-6px !important;
	font-size:1px !important;
}
.wpforms-required-label:after{
	content: '';
    display: inline-block;
    width: 13px;
    height: 17px;
    background: url(https://www.mysta.tv/msta/wp-content/uploads/2020/03/asterisk_img.svg)no-repeat;
    background-size: 12.56px 12.38px;
	background-position:top;
}
.wpforms-error{
	color:#FA2341 !important;
}
.form-wrap input[type="text"],.form-wrap input[type="email"],.form-wrap textarea,.select_form select{
	border: 1px solid #CCCCCC !important;
	border-radius: 6px !important;
	font-size: 16px;
	line-height: 29px;
}
.form-wrap input[type="text"],.form-wrap input[type="email"],.select_form select{
	height: 48px !important;
	padding-left:15px !important;
}
.form-wrap .wpforms-submit-container{
	text-align:center;
}
.form-wrap .wpforms-submit-container div{
	text-align:left;
}
.form-wrap button.form-submit{
	font-weight: bold !important;
    fill: #FA1231 !important;
    color: #FA1231 !important;
    background-color: #FFFFFF !important;
    border-style: solid !important;
    border-width: 1px 1px 1px 1px !important;
    border-color: #FA2341 !important;
    border-radius: 63px 63px 63px 63px !important;
    padding: 1em 2em 1em 2em !important;
	font-size:16px !important;
	margin-top:60px !important;
	width:260px;
}
.form-wrap button.form-submit:after{
	position:absolute;
	bottom:15px;
	right:calc(50% - 6em);
	content: '';
    display: inline-block;
    width: 13px;
    height: 17px;
    background: url(https://www.mysta.tv/msta/wp-content/uploads/2020/03/red_arrow.svg)no-repeat;
    background-size: 10px 14px;
	background-position:top;
}
.form-wrap button.form-submit:hover{
    color: #fff !important;
    background-color: #FA1231 !important;
}

.form-wrap button.form-submit:hover:after{
	 background: url(https://www.mysta.tv/msta/wp-content/uploads/2020/03/white_arrow.svg)no-repeat;
}
.wpforms-confirmation-container-full{
	background: #fff !important;
    border: 0px solid #b4d39b !important;
	color:#222 !important;
}
.select_form{
	position:relative !important;
}
.select_form:after {
	  color: #222;
    position: absolute;
    bottom:47px;
    left:476px;
    width: 0;
    height: 0;
    padding: 0;
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f078";
    pointer-events: none;
}
.select_form select {
    width: 505px !important;
	max-width:505px !important;
    height: 40px;
    padding-right: 1em;
    cursor: pointer;
    text-indent: 0.01px;
    text-overflow: ellipsis;
    border: none;
    outline: none;
    background: transparent;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
    color: #222;
}
.select_form select::-ms-expand {
    display: none;
}
.select_area option{
	background:#F1F1F1;
}
.select_form select::selected{
	background:#fff;
}
@media only screen and (max-width: 480px){
	.select_form:after {
    	bottom:45px;
    	left:90%;
	}
	.select_form select {
    	width: 100% !important;
		max-width:100% !important;
    	height: 40px;
    	padding-right: 1em;
	}
}
/*テキストのh1*/
.heading-text h1{
	font-family: gill-sans-nova, sans-serif;
	font-weight: 600;
	font-size:48px;
}
/*Messageのh1*/
.heading-text-message h1,.heading-text-message h2{
	font-style: normal !important;
	font-family:gill-sans-nova, sans-serif !important;
	font-weight: 600 !important;
}
@media only screen and (max-width: 959px){
.heading-text h1{
	font-size:36px !important;
}
}


@media screen and (max-width: 480px){
	.title_img img{
		height:48px !important;
	}
}

/* ページネーション設定 -------------------------- */
.pt-cv-pagination-wrapper {
    text-align: center;
	min-width: 295px !important;
	margin-top:75px;
}
@media only screen and (max-width: 959px){
	.pt-cv-pagination-wrapper {	
		margin-top:35px;
	}
}
ul.pt-cv-pagination li{
	display:inline-block !important;
	width:40px;
	height:40px;
	background-color: #fff;
	border-radius:50%;
	text-align:center;
	margin:0 4px !important;
}
ul.pt-cv-pagination li.cv-pageitem-first,ul.pt-cv-pagination li.cv-pageitem-last{
	display:none !important;
}
ul.pt-cv-pagination li.cv-pageitem-number.active a,ul.pt-cv-pagination li.cv-pageitem-prev.active a,ul.pt-cv-pagination li.cv-pageitem-next.active a{
	background:transparent;
	border:none;
	color: #222;
}
ul.pt-cv-pagination li.cv-pageitem-number.active{
		background-color: #FA2341;
}
ul.pt-cv-pagination li.cv-pageitem-number.active a{
	color:#fff;	
	background-color: #FA2341;
}
.pt-cv-wrapper .pagination li a {
	font-family: din-2014, sans-serif;
	color: #222;
	font-size:16px;
	background:transparent;
	border:none;
	line-height:40px;
	float:none;
	padding:0 !important;
	margin:0 !important;
}
.pt-cv-wrapper .pagination li a:hover ,.pt-cv-wrapper .pagination li.cv-pageitem-next a:hover,.pt-cv-wrapper .pagination li.cv-pageitem-prev a:hover{
	background:transparent !important;
	color:#FA2341 !important;	
	opacity: 1 !important;
}
.pt-cv-wrapper .pagination li.cv-pageitem-next a,.pt-cv-wrapper .pagination li.cv-pageitem-prev a{
	font-size:28px;
	vertical-align:-2px;
}
@media (max-width: 480px){
	ul.pt-cv-pagination li{
		width:32px;
		height:32px;
	}
	.pt-cv-wrapper .pagination li a {
		font-size:15px;
		line-height:32px;
	}
	.pt-cv-wrapper .pagination li a:hover{
		color:#222 !important;	
	}
}
.pt-cv-wrapper .h1, .pt-cv-wrapper .h2, .pt-cv-wrapper .h3, .pt-cv-wrapper .h4, .pt-cv-wrapper .h5, .pt-cv-wrapper .h6, .pt-cv-wrapper h1, .pt-cv-wrapper h2, .pt-cv-wrapper h3, .pt-cv-wrapper h4, .pt-cv-wrapper h5, .pt-cv-wrapper h6{
	line-height:1.8;
}
img.pt-cv-spinner{
	display:none !important;
}

/* cast fan ページ　------------------- */
/*　スライダーの①-③　*/
div.n2-ow div.n2-bullet:before{
	content: attr(data-name);
	display: inline;
	font-family: din-2014;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 23px;
}
.fan-slider div.n2-ow div.n2-bullet:before{
	color:#fff;
}
.fan-slider div.n2-ow div.n2-bullet.n2-active:before{
	color:#fa2341;
}
.cast-slider div.n2-ow div.n2-bullet:before{
	color:#222;
}
.cast-slider div.n2-ow div.n2-bullet.n2-active:before{
	color:#fff;
}

/*cast-howto-pc-数字フォント*/
.howto-number-pc{
font-family: din-2014, sans-serif;
}
.howto-step-wid{
	width:245px!important;
}
.howto-nonstep1-wid{
	width:72.5px!important;
}
.howto-nonstep2-wid{
	width:72.5px!important;
}

@media (max-width: 767px) {
    .elementor-2 .elementor-element.elementor-element-7ca3f47 {
        width: 100%!important;
    }
}


/* 20241002移管後のバグ修正 左右にマージン設定 */
main {
    padding: 0 15px;
}

/* 以下未使用 -------------------------- */
/*
 * .wpcf7 {
	cursor: text;
	width:730px
}
.wpcf7 input[type="tel"]{
	width:355px;
}
.wpcf7 h5{
 font-weight: bold;
 font-size: 20px;
 line-height: 36px;
 color: #222222;
}
.wpcf7 h5 span{
 color: #E6213A;
}
.wpcf7 input[type="submit"]{
 color: #fff;
 width:258px;
 height: 48px;
 font-size:16px;
 background: #FA2341;
	border: 1px solid #FA2341;
border-radius: 50px;
}
.wpcf7 div.contact_submit {
 position:relative;
	text-align:center;
	margin:60px 0;
}
.wpcf7 div.contact_submit span{
 color: #fff;
 position:absolute;
 font-size:16px;
 right:calc(50% - 110px);
 top:10px;
}

.select_area {
  overflow: hidden;
	width:505px;
  text-align: center;
  position: relative;
  border: 1px solid #ccc;
  border-radius: 2px;
  background: #ffffff;
}
.select_area::before {
	  color: #222;
    position: absolute;
    top: 10px;
    right: 1.2em;
    width: 0;
    height: 0;
    padding: 0;
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f078";
    pointer-events: none;
}
.select_area select {
    width: 100%;
    height: 40px;
    padding-right: 1em;
    cursor: pointer;
    text-indent: 0.01px;
    text-overflow: ellipsis;
    border: none;
    outline: none;
    background: transparent;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
    color: #222;
}
.select_area select::-ms-expand {
    display: none;
}
.select_area option{
	background:#F1F1F1;
}
.select_area select::selected{
	background:#fff;
}
@media (max-width: 480px){
	.wpcf7 {
	width:100%;
	}
		.wpcf7 input[type="tel"],.select_area{
	width:100%;
}

.wpcf7 div.contact_submit span{
 color: #fff;
 position:absolute;
 font-size:16px;
 right:calc(50% - 110px);
 top:10px;
}
}
*/