@charset "utf-8";
/*
Theme Name:mrp04-child
Template:mrp04
Version: 0.01
*/
/*------------------------
    ボディカラー
------------------------*/
body {
    background: rgb(32 32 32);
    color: #fcfcfc;
}
.postlist {
    background-color:  rgb(32 32 32);
}
a:hover, a:active, .newsTitle p a:hover {
    color: #fff;
}
a {
    color: #ffffff;
}
.post4b {
    background-color: rgb(32 32 32);
}
.post4b h2 {
    background: #202020;
	color:#fff;
}
.post4b h2 a{
	color:#fff;
}
.post table th, .post table td {
    color: #ffffff;
    background-color: transparent;
}
#sitemap_list li a {
	color: #fff !important;
}
/*------------------------
     改行位置の調整
------------------------*/
@media screen and (min-width: 640px) {
  .pc {
    display: block;
  }
  .sp {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
}
/*----------------------
    ヘッダー隙間調整
----------------------*/
@media only screen and (min-width: 1024px) {
  .mobile #breadcrumb {
    margin-top: 0px !important;
  }
  .mobile #mainImg {
    margin-top: 0px !important;
  }
  body.mobile #header .logo {
    height: 60px;
  }
  .mobile #header .logo .mark {
    vertical-align: middle;
  }
}
/*------------------------
  ヘッダーの左右隙間修正
--------------------------*/
#header .inner {
    margin: 0 auto;
    width: 100%;
}
@media print, screen and (min-width: 1100px){
#header .inner {
    width: 100%;
    z-index: 2;
}
}

/*------------------------
  　ヘッダー色
--------------------------*/
#header .inner {
    background: #3a3a3a;
}
.sticky-header #header .inner {
    background:#3a3a3a;
}
@media print, screen and (min-width: 1024px){
nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:hover, nav#mainNav ul li a:active, nav#mainNav ul li.current-menu-parent a, nav#mainNav ul li.current-menu-ancestor a {
    background: #3a3a3a;
}
nav#mainNav ul li a b {
    color: #333;
}
nav#mainNav {
    background: #3a3a3a;
}
nav#mainNav ul li a {
    height: 40px;
    padding: 8px 31px 10px 29px;
    background: #3a3a3a;
}
nav#mainNav ul li.current-menu-item a b, nav#mainNav ul li a:hover b, nav#mainNav ul li a:active b, nav#mainNav ul li.current-menu-parent a b {
    color: #fff;
}
nav#mainNav ul li a b {
    color: #fff;
}
nav#mainNav ul li.current-menu-item a span, nav#mainNav ul li a:hover span, nav#mainNav ul li a:active span, nav#mainNav ul li.current-menu-parent a span {
    color: #f97709;
}
nav#mainNav ul li a span {
    color: #fff;
}
}
@media only screen and (max-width: 1023px){
nav#mainNav ul li a {
    background-color: rgb(58 58 58);
    color: #ffffff;
	border-bottom: none;
}	
nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:hover {
    background: rgb(58 58 58);
    color: #f97709;
}
}
#footer {
    background: rgb(58 58 58);
}
#footer li a, .footeradd, .footertel {
    color: #fff;
}
/*ヘッダーロゴサイズ*/
@media only screen and (max-width: 1023px){
.mobile #header .logo img {
    max-width: 160px !important;
    margin-left: 45px;
}
}
/*------------------------
  ハンバーガーメニュー背景色と文字色
--------------------------*/
@media only screen and (max-width: 1023px){
.mobile #header .logo .spmenu {
    width: 50px;
    vertical-align: top;
    background: rgba(58,58,58,1);
}
}
.spmenu #menu p {
    position: absolute;
    bottom: 0;
    padding: 0;
    font-size: 11px;
    color: #fff;
}
/*------------------------
  パンくず背景色+文字色+パンくずの上の余白削除
--------------------------*/
#breadcrumb {
    background-color: #e3e3e3;
    padding: 3px;
}
#breadcrumb ul li a, #breadcrumb ul li {
    color: #f97709;
}
body.mobile #breadcrumb {
    margin-top: 0;
}
/*---------------------------
  bodyのマージントップ削除
----------------------------*/
@media only screen and (max-width: 1023px) {
  body.mobile {
    margin-top: 60px;
  }
}
/*------------------------
画像を画面横幅一杯に表示
------------------------*/
.full_width {
  width: 100vw;
  margin-left: calc(((100vw - 100%) / 2) * -1);
}
/*--------------------------------
  full_width、スマホ時は縦並びに
---------------------------------*/
@media screen and (max-width:1023px){
 .post .full_width {
	width: 100%;
	margin:0 auto;
  }
}
/*------------------------------------------
   テキストの背景に画像を敷くアレンジ（1）
-------------------------------------------*/
#wrapper, #content, .post {
  overflow: visible;
 padding: 0 0 50px;
}
.post {
  background-color: rgba(255, 255, 255, 0);
}
@media screen and (min-width:1024px){
#top_msg {
  position: relative;
}
#top_msg::before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100vw;
  height: 100%;
  margin-left: calc(((100vw - 100%) / 2) * -1);
  background: url(/struct/wp-content/uploads/top_grt_bg-1.jpg) no-repeat;
  background-size: cover;
	background-position:top;
  -webkit-background-size: cover;
  background-attachment:fixed;
  content: "";
  z-index: -3;
}
}
@media screen and (max-width:1023px){
#top_msg {
  position: relative;
  padding: 30px 0;
  line-height: 1.8;
}
#top_msg::before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100vw;
  height: 100%;
  margin-left: calc(((100vw - 100%) / 2) * -1);
  background: url(/struct/wp-content/uploads/top_grt_bg-1.jpg) no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  content: "";
  z-index: -3;
}
}
/*------------------------
  スマホ時のh1重なり防止
------------------------*/
@media only screen and (max-width: 900px) {
  h1.title span, .post h1::before {
    font-size: 24px;
  }
}
/*------------------------
 投稿一覧ページ見出し修正
------------------------*/
.post4b h2 {
  overflow: hidden;
}
#content {
  display: block;
  clear: both;
}
/*--------------------------------
   アイキャッチ上の文字を削除
---------------------------------*/
header#h1Header h1.title {
  display: none !important;
}

/*---------------------------------
 メインイメージと挨拶文の空間削除
-----------------------------------*/
.home #content, #mainImg, #post-2 .post{
	padding:0px;
}
/*---------------------------------
 　　サブメニューの幅調整
-----------------------------------
@media print, screen and (min-width: 1100px){
nav#mainNav ul li ul.sub-menu li a, nav#mainNav ul li ul.sub-menu li a:hover, nav#mainNav ul li.current-menu-item ul.sub-menu li a, nav#mainNav ul li ul.sub-menu li.current-menu-item a {
    padding: .5em;
    margin-left: 0;
}
}*/
/*-------------------------------------------
          IMGのボーダー削除
-------------------------------------------*/
.post img {
    max-width: 100%;
    height: auto;
    padding: 0;
    border: none;
}
/*-------------------------------------------
          WRAPPERのpadding削除
-------------------------------------------
#wrapper {
    padding: 0;
}*/
/*-------------------------------------------
          DISPLAY:FLEX
-------------------------------------------*/
.flex_box{
	display: flex;
}
/*-------------------------------------------
    　　 ROW-REVERSE
-------------------------------------------*/
.row_reverse{
	flex-direction:row-reverse;
}
/*-------------------------------------------
       MARGIN-BOTTOM設定
-------------------------------------------*/
.mb_0_5{
	margin-bottom: .5em;
}
.mb_1{
	margin-bottom: 1em;
}
.mb_1_5{
	margin-bottom: 1.5em;
}
.mb_2{
	margin-bottom: 2em;
}
.mb_2_5{
	margin-bottom: 2.5em;
}
.mb_3{
	margin-bottom: 3em;
}
.mb_5{
	margin-bottom: 5em;
}
.mb_10{
	margin-bottom:10em;
}
.ml_02{
	margin-left:.2em;
}
/*-------------------------------------------
            LINE-HEIGHT
-------------------------------------------*/
@media screen and (min-width:769px){
.line_height{
	line-height: 2;
}
}
@media screen and (max-width:768px){
.line_height{
	line-height: 1.8;
}
}
/*-------------------------------------------
    　　　　中央寄せ
-------------------------------------------*/
.center{
	text-align: center;
}
/*---------------------------------------
            BTNデザイン
-------------------------------------------*/
.btn_inner {
    text-align: center;
    padding: 2em 0 0;
}
.btn{
	background: #f97709;
	color:#3a3a3a;
	border: 1px solid #f97709;
	text-decoration: none;
	display:inline-block;
	width:50%;
	padding:1em 3em;
    transition: all .15s ease;
	position:relative;
}
.btn::before{
	content:"";
	position:absolute;
	width:50px;
	height:1px;
	background:#3a3a3a;
	top:49%;
	right:0;
	transition: all .15s ease;
}
.btn:hover{
	background: #3a3a3a;
	color: #f97709;
	border: 1px solid #f97709;
	transition:all .3s ease;
}
.btn:hover::before{
	width:30px;
	background:#f97709;
	transition:all .3s ease;
}
@media only screen and (max-width: 1023px){
.btn{
	background: #f97709;
	color:#3a3a3a;
	border: 1px solid #f97709;
	text-decoration: none;
	display:block;
	margin:0 auto;
	text-align:center;
	width:50%;
	padding:1em 3em;
    transition: all .15s ease;
	position:relative;
}
.btn::before{
	content:"";
	position:absolute;
	width:50px;
	height:1px;
	background:#3a3a3a;
	top:49%;
	right:0;
	transition: all .15s ease;
}
.btn:hover{
	background: #3a3a3a;
	color: #f97709;
	border: 1px solid #f97709;
	transition:all .3s ease;
}
.btn:hover::before{
	width:30px;
	background:#f97709;
	transition:all .3s ease;
}
}
/*-------------------------------------------
    　　　　h2背景を透過
-------------------------------------------*/
.post h2 {
    background: transparent;
}
/*-------------------------------------------
    　　　　h1初期設定解除
-------------------------------------------*/
h1.title, .post h1 {
    border: none;
    background: none;
    /* padding-bottom: 9px; */
    padding: 0;
    margin:0;
	color:#fff;
}
/*-------------------------------------------
    　　　　h2初期設定解除
-------------------------------------------*/
.post h2, .post2b h2, .post4b h2, h2.title {
    border: none;
    border-radius: 0px;
    color: #fff;
    text-shadow: none;
    padding: 0;
	margin:0;
	font-family: 'Noto Serif JP', serif;
}
/*-------------------------------------------
    　　　　h3初期設定解除
-------------------------------------------*/
.post h3 {
    position: relative;
    color: #595652;
    font-size: 15px;
    border: none;
    border-radius: 0px;
    text-shadow: none;
    padding: 0;
    margin: 0;
}
/*-------------------------------------------
    　　　　pタグ初期設定解除
-------------------------------------------*/
.post p {
    padding-bottom: 0;
}
.post h2 span {
    background: none;
    padding-left: 0;
}
/*----------------------------------------------------------------------------------------------------------
    　　　　TOPページ（PC）
-------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 1024px){
.top_inner{
	padding:5em 0;
}
.top_grt_box{
	justify-content: center;
	align-items:flex-end;
	margin-bottom:8em;
}
.top_grt_box .flex_item:first-of-type{
	width:50%;
}
.top_grt_box .flex_item:last-of-type{
	width: 50%;
    margin-left: -2em;
    margin-bottom: -4em;
    background: #3a3a3a;
    box-shadow: 2px 2px 5px #000000;
    padding: 3em;
}
h2.grt_h2{
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 1em;
	line-height:1.2;
	font-family: 'Fugaz One', cursive;
}
h2.grt_h2 span:first-of-type{
	color:#f97709;
}
p.grt_txt{
	line-height: 2;
	margin-bottom: 2em;
}
/*----------------------------------------------------------------------------------------------------------
    　　　　TOPページパララックス（PC）
-------------------------------------------------------------------------------------------------------------*/
.top_para_box{
	background:url(/struct/wp-content/uploads/middlearcparalax.jpg);
	background-size:cover;
	background-attachment: fixed;
	display: block;
	width: 100vw;
	height: 300px;
	margin-left: calc(((100vw - 100%) / 2) * -1);
	position:relative;
}
/*----------------------------------------------------------------------------------------------------------
    　　　　TOPページスケジュール（PC）
-------------------------------------------------------------------------------------------------------------*/
.top_schedule_box{
	justify-content: center;
	align-items: center;
	margin-top:8em;
}
.top_schedule_box .flex_item:first-of-type{
	position:relative;
	width:25%;
    background: #3a3a3a;
    box-shadow: -2px 2px 5px #000000;
	margin: 0px 0em 0em 6em;
	padding: 3em;
}
.top_schedule_box .flex_item:last-of-type{
	width:30%;
	background: #000;
}
.top_schedule_box .flex_item:last-of-type img{
	display:block;
}
h2.top_schedule_h2{
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 1em;
	line-height:1.2;
	font-family: 'Fugaz One', cursive;
}
p.top_schedule_txt{
	line-height: 2;
	margin-bottom: 2em;
}
/*----------------------------------------------------------------------------------------------------------
    　　　　TOPページお問い合わせ（PC）
-------------------------------------------------------------------------------------------------------------*/
.top_contact_box{
	background: url(/struct/wp-content/uploads/companypara.jpg) no-repeat;
	background-size: cover;
	background-position:center;
	justify-content: center;
	align-items: center;
	margin-top:8em;
	position:relative;
	height:500px;
}
.top_contact_item{
	width:30%;
	background:#3a3a3a;
	padding: 3em;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	display:block;
	text-align:center;
}
h2.top_contact_h2{
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 1em;
	line-height:1.2;
	font-family: 'Fugaz One', cursive;
}
p.top_contact_txt{
	line-height: 1.4;
    margin-bottom: 2em;
    font-size: 33px;
}
}
/*----------------------------------------------------------------------------------------------------------
    　　　　インスタグラム仮（PC）
-------------------------------------------------------------------------------------------------------------*/
.top_insta_section{
	margin-top:8em;
}
.fa-instagram{
	margin-right:.2em;
}
h2.top_insta_h2{
	text-align:center;
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 1em;
	line-height:1.2;
	font-family: 'Fugaz One', cursive;
}

/*----------------------------------------------------------------------------------------------------------
    　　　　新着情報（PC）
-------------------------------------------------------------------------------------------------------------*/
div#front_bottom_content {
    padding: 5em 0;
}
.listTitle h1.title.bottom-loop {
	margin-bottom: 2em;
    font-size: 1em;
    color: #fff;
}
#front_bottom_content .listTitle{
	position:relative;
}
#front_bottom_content .listTitle:before{
	position:absolute;
	content:"INFORMATION";
	top:-35px;
	left:50%;
	transform:translateX(-50%);
	color:#fff;
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 1em;
	line-height:1.2;
	font-family: 'Fugaz One', cursive;
}

/*----------------------------------------------------------------------------------------------------------
    　　　　TOPページ（SP）
-------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1023px){
.top_grt_box {
    flex-direction: column-reverse;
    margin: 3em 0 5em;;
    z-index: 2;
    position: relative;
}
.top_grt_box .flex_item:last-of-type{
	background:#3a3a3a;
	box-shadow: 1px 1px 3px #000;
	padding: 2em;
}
h2.grt_h2{
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 1em;
	line-height:1.2;
	font-family: 'Fugaz One', cursive;
}
h2.grt_h2 span:first-of-type{
	color:#f97709;
}
p.grt_txt{
	line-height: 2;
	margin-bottom: 2em;
}
.top_grt_box .flex_item:first-of-type img{
	display:none;
}
/*----------------------------------------------------------------------------------------------------------
    　　　　TOPページスケジュール（SP）
-------------------------------------------------------------------------------------------------------------*/
.top_schedule_box{
	flex-direction:column-reverse;
	align-items: center;
	margin:5em 0 !important;
}
.top_schedule_box .flex_item:first-of-type{
	position:relative;
	background:#3a3a3a;
	box-shadow: 1px 1px 3px #000;
	padding: 2em;
}
.top_schedule_box .flex_item:last-of-type{
	width:100vw;
	background: #000;
}
.top_schedule_box .flex_item:last-of-type img{
	display:block;
}
h2.top_schedule_h2{
	text-align:center;
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 1em;
	line-height:1.2;
	font-family: 'Fugaz One', cursive;
}
p.top_schedule_txt{
	line-height: 2;
	margin-bottom: 2em;
}
/*----------------------------------------------------------------------------------------------------------
    　　　　TOPページお問い合わせ（SP）
-------------------------------------------------------------------------------------------------------------*/
.top_contact_item{
	background:#3a3a3a;
	box-shadow: 1px 1px 3px #999;
	padding: 3em;
	display:block;
}
h2.top_contact_h2{
	text-align:center;
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 1em;
	line-height:1.2;
	font-family: 'Fugaz One', cursive;
}
p.top_contact_txt{
	line-height: 2;
	margin-bottom: 2em;
}	
h2.top_insta_h2{
	text-align:center;
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 0;
	line-height:1.2;
	font-family: 'Fugaz One', cursive;
}
.listTitle h1.title.bottom-loop span{
	margin-bottom: 2em;
	font-size:.9em;
    color: #fff;
}
div#front_bottom_content {
    padding: 5em 0 0;
}
.footcaption {
    clear: both;
    margin: 0 auto;
    padding-top: 35px;
    text-align: center !important;
    padding: 0;
}		
}
/*----------------------------------------------------------------------------------------------------------
    　　　　　　　　TOPのNEWS一覧へボタン
-------------------------------------------------------------------------------------------------------------*/
#front_bottom_content .linkBtn {
    padding: 0.5em 2.5em 0.5em 2.5em;
    background: #001441;
    position: relative;
    color: #fff;
    border-radius: 5px;
    line-height: 1.8;
    transition: all .3s;
    text-align: center;
    margin-bottom: 20px;
    display: inline-block;
}
.post .time, .postlist .time, .post2b .time, .post4b .time {
    color: #fff;
    background-color: #f97709;
    padding: 5px 7px;
}
/*フッターメニューホバー時の色*/
#footer li a:hover {
    color: #f97709;
}
/*----------------------------------------------------------------------------------------------------------
    　　　　　　　　チーム紹介ページ
-------------------------------------------------------------------------------------------------------------*/
.about_inner{
	padding: 5em 0;
}
h2.about_h2 {
	text-align:center;
 	font-size: 2em;
	margin-bottom: 2em;
	position:relative;
}
h2.about_h2::before {
    position: absolute;
    width: 40px;
    height: 3px;
    background: #f97709;
    top: 50px;
    left: 50%;
    transform: translatex(-50%);
}
/*----------------------------------------------------------------------------------------------------------
    　　　　　　　　チーム紹介ページ(PC)
-------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 1024px){
.rep_grt_box {
	padding:2em;
    line-height: 2;
	background: #272727;
	box-shadow:2px 2px 5px #000; 
	margin-bottom:8em;
}
p.rep_name{
	text-align:right;
	margin-top:.5em;
}
.rep_grt_box .flex_item:last-of-type {
  width: 40%;
}
table.about_table {
	position:relative;
    width: 70%;
	line-height:2;
    margin: 0 auto;
}
table.about_table::before {
    position: absolute;
    top: -25%;
    left: -29%;
    content: "";
    background: url(/struct/wp-content/uploads/basket_img.png) no-repeat;
    background-size: cover;
    width: 161px;
    height: 247px;
}
table.about_table::after {
    position: absolute;
    bottom: -24%;
    right: -22%;
    content: "";
    background: url(/struct/wp-content/uploads/basket_img02.png) no-repeat;
    background-size: cover;
    width: 92px;
    height: 350px;
}
.page-id-57 .post table, .page-id-57 .post table th, .page-id-57 .post table td {
    border:none;
	background: transparent;
}
table.about_table th{
	width:20%;
    border-bottom: 1px solid #f97709 !important;
	color:#f97709;
	vertical-align:middle;
}
table.about_table td{
    border-bottom: 1px solid #fff !important;
	color:#fff;
}
}
/*----------------------------------------------------------------------------------------------------------
    　　　　　　　　チーム紹介ページ(SP)
-------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1023px){
.rep_grt_box {
    background: #272727;
    box-shadow: 2px 2px 5px #000;
    padding: 2em;
    line-height: 2;
	margin-bottom:5em;
}
p.rep_name{
	text-align:right;
	margin-top:.5em;
}
table.about_table {
	position:relative;
	line-height:2;
}
.page-id-57 .post table, .page-id-57 .post table th, .page-id-57 .post table td {
    border:none;
}
table.about_table tr{
	width:20%;
    border-bottom: 1px solid #f97709 !important;
}
table.about_table th{
	color:#f97709;
	padding:1em 0 0;
}
table.about_table td{
	color:#fff;
	padding:1em 0 2em;
}
}
/*----------------------------------------------------------------------------------------------------------
    　　　　　　　　選手紹介紹介ページ
-------------------------------------------------------------------------------------------------------------*/
.category-player #breadcrumb{
	margin-bottom:5em;
}
@media print, screen and (min-width: 1100px){
.category-player #breadcrumb ul {
    max-width: 1100px;
    margin-top: -2px;
}
}
.category-player h1{
	text-align:center;
 	font-size: 2em;
	margin: 80px 0 2em;
	position:relative;
}
.category-player h1::before {
    position: absolute;
	content:"";
    width: 40px;
    height: 3px;
    background: #f97709;
    top: 50px;
    left: 50%;
    transform: translatex(-50%);
}
h2.cat-loop {
    padding: .5em 0;
}
.post4b_link a{
	color:#f97709;
}
/*----------------------------------------------------------------------------------------------------------
    　　　　　　　　ブログ記事内のレイアウト
-------------------------------------------------------------------------------------------------------------*/
.single-post #content {
    padding: 4em 0 1em;
}
.single-post h1.title{
	font-size:2em;
	margin-bottom:1em;
	position:relative;
}
.single-post h1.title::before{
    position: absolute;
	content:"";
    width: 40px;
    height: 3px;
    background: #f97709;
    top: 50px;
    left: 50%;
    transform: translatex(-50%);
}
time {
    text-align: right;
    display: block;
	margin-bottom:2em;
}
/*----------------------------------------------------------------------------------------------------------
    　　　　　　　　スケジュールページ
-------------------------------------------------------------------------------------------------------------*/
.schedule_inner{
	padding: 5em 0 0;
}
h2.schedule_h2 {
	text-align:center;
 	font-size: 2em;
	margin-bottom: 2em;
	position:relative;
}
h2.schedule_h2::before {
    position: absolute;
    width: 40px;
    height: 3px;
    background: #f97709;
    top: 50px;
    left: 50%;
    transform: translatex(-50%);
}
.single-ai1ec_event h1.title.first {
    margin-top: 2em;
	font-size:2em;
	margin-bottom:1em;
	position:relative;
}
.single-ai1ec_event h1.title::before{
    position: absolute;
	content:"";
    width: 40px;
    height: 3px;
    background: #f97709;
    top: 50px;
    left: 50%;
    transform: translatex(-50%);
}
/*----------------------------------------------------------------------------------------------------------
    　　　　　　　　お問い合わせページ
-------------------------------------------------------------------------------------------------------------*/
.contact_inner{
	padding: 5em 0 0;
	text-align:center;
}
h2.contact_h2 {
	text-align:center;
 	font-size: 2em;
	margin-bottom: 2em;
	position:relative;
}
h2.contact_h2::before {
    position: absolute;
    width: 40px;
    height: 3px;
    background: #f97709;
    top: 50px;
    left: 50%;
    transform: translatex(-50%);
}
p.contact_txt{
	margin-bottom:1em;
}
a.contact_tel{
	font-size:2em;
	color:#f97709;
}
a.contact_tel:hover{
	opacity:.5;
	transition:all .3s ease;
}
p.contact_time{
	margin-bottom:1em;
}
span.wpcf7-form-control-wrap.checkbox-20 {
    display: flex;
    flex-wrap: wrap;
	margin-top: .1em;
}
span.wpcf7-list-item {
    display: inline-flex;
    margin: 0 0 0 1em;
    align-items: center;
}
.post .linkBtn {
    margin: 0 auto;
    display: block;
    width: 30%;
}

@media print, screen and (max-width: 1023px){
p.contact_txt {
    font-size: .9em;
}
.post .linkBtn {
    margin: 0 auto;
    display: block;
    width: 50%;
}
}
.wpcf7-form .must {
    background: #f97709;
}
.post .linkBtn {
    background: #f97709;
}
.post .linkBtn:hover {
    background: #f7b98a;
}
/*---------------------------------------------------------------------------------------------------------------------
    　　　　プライバシーポリシーページコーディング
-----------------------------------------------------------------------------------------------------------------------*/
.page-id-30 .post h2 {
    clear: both;
    background-color: inherit;
    border-left: 5px solid #f97709;
    border-radius: 0;
    font-size: 1.5em;
    margin-bottom: 10px;
    margin-top: 2em;
    padding: .5em;
    position: relative;
}
/*---------------------------------------------------------------------------------------------------------------------
    　　　　サンクスページコーディング
-----------------------------------------------------------------------------------------------------------------------*/
.thanks{
	text-align:center;
	margin-top:5em;
}@media print, screen and (min-width:641px){
.thanks_txt {
    text-align: center;
    font-size: 1.5em;
    margin: 0 0 1.2em;
    display: inline-block;
}
}
.thanks_mb{
	margin:0 0 2em;
	line-height:2;
}
.thanks_tel{
	text-align:center;
	margin-bottom:2em;
}
.thanks_no{
	color:#f97709;
	font-size:2.5em;
}
.thanks_no:hover{
	color:#f97709;
	opacity:.5;
	transition:all .3s ease;
}
.thanks_time{
	margin-bottom:1em;
}


@media print, screen and (max-width: 640px){
.thanks_txt {
    text-align: center;
    font-size: 1.2em;
    margin: 0 0 1.2em;
    display: inline-block;
}
.sp_thanks {
    font-size: .95em;
    text-align: left;
    display: inline-block;
}
}

/*---------------------------------------------------------------------------------------------------------------------
    　　　　SP時メインイメージの切り替え（スライドショー）
-----------------------------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 641px){
	.sp_hero{
		display:none;
	}
}
@media print, screen and (max-width: 640px){
.mobile #header-layout {
    padding: 0;
    position: relative;
}
.sp_hero{
	position:absolute;
	top:0;
	left:0;
}
.slide_show img {
animation: show 12s ease infinite; /* 12秒のスライドショーを繰り返し */
max-width: 100%;
height: auto;
opacity: 0;
position: absolute; /* 画像を重ねて表示 */
left: 0;
top: 0;
}

.slide_show img:nth-of-type(1) {
position: relative;
}
.slide_show img:nth-of-type(2) {
animation-delay: 0s;
}
.slide_show img:nth-of-type(3) {
animation-delay: 6s;
}
}
	
@keyframes show{
   0% { opacity: 0 }
   5% { opacity: 1 }
  15% { opacity: 1 }
  45% { opacity: 1 }
  50% { opacity: 1 }
  75% { opacity: 1 }
 100% { opacity: 0 }
}


/*フッタータブメニュー修正*/
li.link_menu.footer_tab a {
    position: relative;
}
li.link_menu.footer_tab a:before {
	position:absolute;
	content:"お問い合わせはこちら";
	top:50%;
	left:55%;
	transform:translate(-50%,-50%);
}
#MESY_FTMFM_footer_bar-wrapper ul#MESY_FTMFM_footer_bar li p.icon {
    font-size: 25px;
    color: #f97709;
    position: relative;
}
.fa-envelope-o:before {
    content: "\f003";
    position: absolute;
    left: 25%;
    top: 48%;
    transform: translateY(-48%);
}


/*---------------------------------------------------------------------------------------------------------------------
    　　　　建築
-----------------------------------------------------------------------------------------------------------------------*/

.renewservice_contents {
    padding: 5em 0;
}

.renewservice_pagejump a {
    font-size: 17px;
    color: white;
    width: 17%;
}

.renewservice_pagejump {
    display: flex;
    justify-content: space-around;
	padding-bottom: 3rem;
}
.renew1 h3 {
    color: white;
    font-size: 25px;
    border-bottom: 2px solid #f97709;
    width: fit-content;
    margin-bottom: 2rem;
    padding-bottom: 10px;
}
.renew1 {
    padding-bottom: 3rem;
}

.explain_paper {
    display: flex;
    justify-content: space-around;
    margin: 0 auto;
}

.explain_paper a.btn {
    width: 40%;
    margin: 20px 20px;
}


/*---------------------------------------------------------------------------------------------------------------------
    　　　　製品情報
-----------------------------------------------------------------------------------------------------------------------*/

.renewproduct_contents {
    padding: 5em 0;
}

.renewproduct_product {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-bottom: 3rem;
    border-bottom: 2px solid #a5a5a538;
    padding-bottom: 2rem;
}

.renewproduct_product#end {
    border-bottom: 2px solid #ffffffba;
    margin-bottom: 5rem;
}

p.titlebig {
    font-size: 25px;
}

p.middle {
    font-size: 20px;
}

.renewproduct_product_photo img {
    width: 65%;
}

.youtube {
    width: 100vw;
    margin-left: calc(((100vw - 100%) / 2) * -1);
    margin-right: calc(((100vw - 100%) / 2) * -1);
}

.youtube_detail {
    width: 90%;
    display: flex;
    justify-content: space-evenly;
    margin: 68px auto;
}

.renewproduct_product_text h4 {
    color: white;
    font-size: 25px;
    border-bottom: 2px solid #f97709;
    border-left: 0px solid;
    width: fit-content;
    margin-bottom: 3px;
    padding-bottom: 10px;
}

.textnumber span {
    margin-left: 56px;
}

.textnumber {
    margin-bottom: 2rem;
}

.renewproduct_product_photo {
    width: 40%;
}

.renewproduct_product_text {
    width: 57%;
}

.renewproduct_big h3 {
    color: white;
    font-size: 25px;
    border-left: 4px solid orange;
    padding-left: 4px;
    margin-bottom: 20px;
}

.fa-phone-square:before {
    color: #f97709;
}

#header p {
    font-size: 80%;
    float: right;
    color: white;
}

#header .contact .tel {
    color: #ffffff;
}

.mail a.btn {
    background: none;
    border: 0px solid #f97709;
}

#header .add {
    color: #ffffff;
}

.mail a.btn::before {
    position: unset;
    width: 0px !important;
    height: 0px;
    background: none;
}

.mail a.btn {
    background: none;
    border: 0px solid #f97709;
    padding: 0px;
    width: auto;
}

.contactform {
    padding: 5em 0;
}

h2.about_h2 {
    border-left: 0px solid #fff !important;
}

@media only screen and (max-width: 1023px){
nav#mainNav a.menu {
    background: url(../../mrp04/images/micon/umicon0.png) no-repeat 6px 8px,rgb(58 58 58);
    color: #ffffff;
    border: 1px solid #f9f9f7;
    background-size: 20px;
    box-sizing: border-box;
}
.renewservice_pagejump {
    display: block;
}

.renewservice_pagejump a {
    width: 70%;
    margin: 20px auto;
}

	#post-67 .renew1 {
    width: 90%;
    margin: 0 auto;
}

#post-67 .renew1 h3 {
    font-size: 20px;
}
	
	#post-67 .renew1 {
    width: 90%;
    margin: 0 auto;
}

#post-67 .renew1 h3 {
    font-size: 20px;
}
	#post-68 .renewproduct_contents{
		padding-bottom: 0px !important;
	}
.renewservice_contents {
    padding-bottom: 0px !important;
}

.page-id-67 #wrapper,.page-id-68 #wrapper {
    padding-bottom: 0px;
}

.page-id-67 #content,.page-id-68 #content {
    padding-bottom: 0px !important;
}
	
	.renewproduct_product#first {
    display: block;
}

.renewproduct_product_photo {
    width: 80%;
}

.renewproduct_product_text {
    width: 95%;
    margin: 0 auto;
}

.renewproduct_product_text h4 {
    font-size: 20px;
}

.explain_paper {
    display: block;
}

.textnumber {
}
	.renewproduct_product_text .textnumber span {
    display: block;
}

.youtube_detail iframe {
    display: block;
}

.youtube_detail {
    display: block;
    width: 96%;
    margin: 30px auto !important;
}
	.renewproduct_product#end {
    display: block;
}
	
	
	#post-66 #wrapper, #content, .post {
    padding-bottom: 0px !important;
}
	
	#post-32 h1.title.first {
    margin: 30px auto;
}
	
	.fa-envelope-o:before {
    content: "\f003";
    position: absolute;
    left: 43%;
    top: 48%;
    transform: translateY(-48%);
}
	
	#MESY_FTMFM_footer_bar-wrapper ul#MESY_FTMFM_footer_bar li p.icon {
    font-size: 25px;
    color: #ffffff;
    position: relative;
    text-align: center;
}
	
	
	
	
	
	
	
	
	
	
	

}