@charset "UTF-8";

/*子テーマ用「base.css」*/

/*------------------------------------------------------------
　追加カスタマイズ（初期セット）
------------------------------------------------------------*/
/*===バックカラー（薄い）===*/
.bk-blue0       {background-color: #F0F8FF;} 

/*===バックカラー（濃い）===*/
.bk-gray1       {background-color: #9599b2;} 
.bk-blue1       {background-color: #487ca3;}

/*===枠線（スタンダード）==*/
.waku-0       {padding: 5px; /*枠線なし*/
               margin: 5px 0px;
               border-radius: 0px;}
.waku-s       {padding: 5px; /*枠線あり*/
               margin: 5px 0px;
               border: solid 2px #696969; 
               border-radius: 0px;}

/*==== フロート画像のテキスト回り込み禁止 ====*/
.over           {overflow: auto; zoom:1; } 

/*シャドー文字*/
.kage  {text-shadow: 3px 3px 5px #ffffff,
           -3px 3px 5px #ffffff,
           3px -3px 5px #ffffff,
           -3px -3px 5px #ffffff;}

/*アイコン*/
.bo-b
    {padding:0 0 0 25px;
     background: url('/wp-content/uploads/2017/08/bo-b.png') left center no-repeat;}


/*------------------------------------------------------------
　追加カスタマイズ（画像エフェクト）
------------------------------------------------------------*/
/*画像にふち*/
.huchi      {width:400px;
              border:10px solid #FFFFFF;
              outline: solid 1px #DCDCDC; 
              box-shadow: 0 10px 8px -6px #8d8c8c;}

/*------------------------------------------------------------
　追加カスタマイズ（モバイル OR PC）
------------------------------------------------------------*/
/*　PC用　*/
.at-mobile {display: none;}

/*　モバイル用　*/
@media 
only screen and (max-width:640px) {.at-pc {display: none;}}
@media 
only screen and (max-width:640px) {.at-mobile {display: inherit;}}

/*------------------------------------------------------------
　追加カスタマイズ（モバイル　電話）
------------------------------------------------------------*/
/*　PC用　*/
.tel-mobile {display: none;}

/*　モバイル用　*/
@media 
only screen and (max-width:480px) {.tel-pc {display: none;}}
@media 
only screen and (max-width:480px) {.tel-mobile {display: inherit;}}

/*===マウスオーバー時画像を半透明===*/
.tomei img:hover {
               opacity: 0.7;
               filter: alpha(opacity=70); /*IE6,7用*/
               -ms-filter: "alpha(opacity=70)";} /*IE8用*/

/*------------------------------------------------------------
　追加カスタマイズ （追従型バナー）
------------------------------------------------------------*/
/*各画像の位置を修正*/
.main-image {z-index: 99;}
.global-nav {z-index: 100;}
.page-top {z-index: 101;
           bottom: 5px;
           right: 10px;}

/*メニューをページ側面に固定*/
.fixed-menu {position: fixed;
             bottom: 150px;
             right: 0px;
	         width: 80px;
             z-index: 100;
	         background-color: rgba( 255, 255, 255, 0.5 );}
/*メニューを縦並びにする*/
.fixed-menu p {padding: 5px 2px;
	           margin: 5px;
	           width:65px;}

@media screen and (max-width:640px){
/*メニューをページ下部に固定*/
.fixed-menu {position: fixed;
	         bottom: 20px;
             left: 0;
             width: 100%;
             z-index: 100;
	         background-color: rgba( 0, 0, 0, 0.5 );}
/*メニューを横並びにする*/
.fixed-menu p {display: inline-block;
	           padding: 5px 0px;
	           margin: 5px;
	           text-align: center;
	           width:45%;}
}

/*------------------------------------------------------------
　追加カスタマイズ （LP用）
------------------------------------------------------------*/
/*====マイナスposition===*/
.posit80 {position: relative;
	      top: -80px;}

/*====ネガティブマージン===*/
.minus10 {margin-top:-10%;}

/*========hrを点線にする=======*/
hr    {border-top: 2px dotted #a9a9a9;;
       border-right: none;
       border-bottom: none;
       border-left: none; }

/*==要素ブロック化==*/
.inblock {display: inline-block;
	      width: 800px;}

@media screen and (max-width:640px){
.inblock {display: inline-block;
	      width: 100%;}
}

/*==リンクホバー背景画像==*/
.change1 {background: url("/wp-content/uploads/2022/12/lp-parts1-back.png") no-repeat top / cover;}

/*==画像フロート==*/
.fl-l {float: left;
	margin: 5px;}

/*------------------------------------------------------------
　追加カスタマイズ（スクロール　フェードイン）jQueryとセット
------------------------------------------------------------*/
/* 画面外にいる状態 */
.fadein {opacity : 0.1;
	     transform : translate(0, 80px);
	     transition : all 900ms; }
/* 画面内に入った状態 */
.fadein.scrollin {opacity : 1;
	              transform : translate(0, 0); }

/* 画面外にいる状態 */
.fadein2 {opacity : 0.1;
	      transform : translate(0, 80px);
	      transition : all 1800ms; }
/* 画面内に入った状態 */
.fadein2.scrollin {opacity : 1;
	               transform : translate(0, 0); }

/*------------------------------------------------------------
　追加カスタマイズ（コンタクトフォーム）
------------------------------------------------------------*/
/* 必須マーク */
.must { background: #FF1A00; }
/* 任意マーク */
.free  {background: #999; }

.must,.free {
	color: #FFF;
	border-radius: 3px;
	font-size: 12px;
	margin-right: 10px;
	padding: 5px 10px;
	letter-spacing: 0.2em;
}

/*フォーム入力項目*/
.wpcf7 input,
.wpcf7 textarea  {
	 width: 90%;
	 padding: 8px 15px;
	 margin-right: 10px;
	 margin-top: 10px;
	 border: 1px solid #ddd;
	 border-radius: 3px;
}

/* 送信ボタン */
input.sub-btn {
	width: 250px;
	height: 60px;
	background: #F90;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #ffae13;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;	
}

/* 送信ボタンホバー */
input.sub-btn:hover{
	background: #FFF;
	color: #F90;  
}