@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
.pc_only{display:block !important;}
.sp_only{display:none !important;}
.center{text-align:center !important;margin-left:auto !important;margin-right:auto !important;}

/*1023px以下*/
@media screen and (max-width: 1023px){
	/*モバイルユーザビリティの問題が検出されたとき*/
	.nt-warning{font-size:16px !important;line-height:1.2em !important;}
	.date-tags{font-size:16px !important;line-height:1.2em !important;}
	.btn-l{font-size:16px !important;line-height:1.2em !important;}
	.entry-category, .post-date, .post-update, .post-author, .amp-back{font-size:16px !important;line-height:1.2em !important;}

	.pc_only{display:none !important;}
	.sp_only{display:block !important;}
	
	/*モバイルのときボタン気持ち小さく*/

}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}




/************************************
** トップメニューのサンプルサイト
************************************/
.sample_site_menu{
	font-weight:bold;
}
.sample_site_menu .item-label{
	color:#7acbcd !important;
}


/************************************
** フォームとテーブルのデザイン
************************************/
form u.hissu {
	font-size:10px;
	text-decoration:none;
	display: inline-block;
	margin: 0 1em 0 1em;
	padding: .4em;
	line-height: 1;
	text-decoration: none;
	color: #fff;
	background-color: #bf0000;
	border: 1px solid #bf0000;
}
form u.nini {
	font-size:10px;
	text-decoration:none;
	display: inline-block;
	margin: 0 1em 0 1em;
	padding: .4em;
	line-height: 1;
	text-decoration: none;
	color: #fff;
	background-color: #999;
	border: 1px solid #999;
}
/* チェック・ラジオを一行ごとに */
.wpcf7-form-control .wpcf7-list-item{
	display:block;
}
/* ボタン */
input[type="submit"] {
	display:block;
  background-color: #bf0000;
  color:#fff;
  font-weight:bold;
  text-align:center;
  margin: 0 auto;
  width: 80%;
}

/************************************
** ウェブラボ weblab（やす、ヤス、yasuda）
** テーブルのデザイン
************************************/
.table{
	font-size:0.9em;
	  border-collapse: collapse;
}
.table .tr{
  display: table;
  width: 100%;

  border-collapse: collapse;
  border-spacing: 0;
}
@media screen and (max-width: 767px) {
  .table .tr{
    display: block;
    width:100%;
  }
}
.table .tr .td{
  display: table-cell;
  border: 1px solid #e5e5e5;
  padding: 8px 13px;
  vertical-align:top;

  border-collapse: collapse;
  border-spacing: 0;
}
@media screen and (max-width: 767px) {
  .table .tr .td{
    display: block;
    width:100%;
  }
}
.table .label{
	background    : #fcfcfc;
	width:30%;
}
.table .input{
	width:70%;
}

.table .tr .td:nth-child(2){
width:70%;
}
@media screen and (max-width: 767px) {
  .table .tr .td:nth-child(2){
    display: block;
    width:100%;
  }
}


/************************************
** ウェブラボ weblab（やす、ヤス、yasuda）
** 文字の配置center left right
************************************/
.center{
 text-align:center;
}

/************************************
** ウェブラボ weblab（やす、ヤス、yasuda）
** ダミーテキスト
************************************/
.c0{
 font-size:0%;
}


/************************************
** ウェブラボ weblab（やす、ヤス、yasuda）
** スマホ版トップ画像
************************************/


/************************************
** ウェブラボ weblab（やす、ヤス、yasuda）
** 見出し
************************************/
.article h2{
	margin:73px 0 15px;
	padding:5px 0;
	font-size:28px;
	font-weight:700;
	border-bottom:2px solid #181818;
	background-color: transparent;
}
@media screen and (max-width:768px){
	.article h2{
	margin:41px 0 22px;
	padding:8px 0;
	font-size:22px;
	line-height:1.5;
	background-color: transparent;
	}
}
.article h3{
	margin:56px 0 20px;
	padding:13px 28px 12px;
	font-size:21px;
	font-weight:700;
	background:#f3f3f3;
	border-radius:10px;
	border:0px;
}
@media screen and (max-width:768px){
	.article h3{
	margin:25px 0 18px;
	padding:16px 10px 15px;
	font-size:20px;
	border-radius:4px;
	}
}

.article h4{
	margin:56px 0 16px;
	padding: 0 2rem;
	border-left: 4px solid #181818;
	border-top: 0px;
	border-bottom: 0px;
}
@media screen and (max-width:768px){
	.article h4 {
	margin:25px 0 14px;
	padding: 0 2rem;
	border-left: 4px solid #f3f3f3;
	border-top: 0px;
	border-bottom: 0px;
	}
}
.article h5{
	margin:56px 0 16px;
	padding: 0 2rem;
	border-left: 4px solid #f3f3f3;
	border-top: 0px;
	border-bottom: 0px;
}
@media screen and (max-width:768px){
	.article h5 {
	margin:25px 0 14px;
	padding: 0 2rem;
	border-left: 4px solid #f3f3f3;
	border-top: 0px;
	border-bottom: 0px;
	}
}
.article h6{
	margin:56px 0 16px;
	padding: 1rem 2rem;
	border-left: 4px solid #fff;
	border-top: 0px;
	border-bottom: 0px;
}
@media screen and (max-width:768px){
	.article h6 {
	margin:25px 0 14px;
	padding: 1rem 2rem;
	border-left: 4px solid #fff;
	border-top: 0px;
	border-bottom: 0px;
	}
}



/************************************
** ウェブラボ weblab（やす、ヤス、yasuda）
** SNSアイコン等の表示
************************************/

@font-face {
  font-family: 'icomoon';
  src:  url('https://web.gsss.pro/wp-content/themes/cocoon-master/webfonts/icomoon/fonts/icomoon.eot?mgdqi2');
  src:  url('https://web.gsss.pro/wp-content/themes/cocoon-master/webfonts/icomoon/fonts/icomoon.eot?mgdqi2#iefix') format('embedded-opentype'),
    url('https://web.gsss.pro/wp-content/themes/cocoon-master/webfonts/icomoon/fonts/icomoon.ttf?mgdqi2') format('truetype'),
    url('https://web.gsss.pro/wp-content/themes/cocoon-master/webfonts/icomoon/fonts/icomoon.woff?mgdqi2') format('woff'),
    url('https://web.gsss.pro/wp-content/themes/cocoon-master/webfonts/icomoon/fonts/icomoon.svg?mgdqi2#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
.social-icon:before {
  display: inline-block;
  font: normal normal normal 16px/1 icomoon;
  margin-right: 2px;
  position: relative;
  top: 0px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

/* Twitter */
.icon-twitter:before {
  content: '\e91c';
}

/* Facebook */
.icon-facebook:before {
  content: '\e919';
}

/* はてな */
.icon-hatena:before {
  content: '\e916';
}

/* Pocket */
.icon-pocket:before {
  content: '\e914';
}

/* LINE */
.icon-line:before {
  content: '\e915';
}

/* Push7 */
.icon-push7:before {
  content: '\e90e';
  font-size: 21px;
  top: 3.5px;
}

/* Feedly */
.icon-feedly:before {
  content: '\e92e';
  font-size: 21px;
  top: 3px;
}


/************************************
** ウェブラボ weblab（やす、ヤス、yasuda）
** SNSアイコン等の表示（著者）
************************************/
.sns-follow-buttons > a > span {
  font-size: 18px;
  width: 24px;
  height: 24px;
  margin-bottom: 4px;
  margin-right: 2px;
  background-color: transparent;
  color: #ddd;
  border-radius: 2px;
}

.sns-follow-buttons > a > span:before {
  display: inline-block;
  font: normal normal normal 16px/1 icomoon;
  margin-right: 2px;
  position: relative;
  top: 0px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

/* homepage */
.icon-home-logo:before {
  font-size: 12px !important;
  content: 'HP';
}
.icon-home-logo:hover {
  color: #00f !important;
}
/* Twitter */
.icon-twitter-logo:before {
  content: '\e91c';
}
.icon-twitter-logo:hover {
  color: #55acee;
}
/* Facebook */
.icon-facebook-logo:before {
  content: '\e92d';
}
.icon-facebook-logo:hover {
  color: #3b5998;
}
/* はてな */
.icon-hatebu-logo:before {
  content: '\e931';
}
/* Instagram */
.icon-instagram-logo:before {
  content: '\e932';
}
.icon-instagram-logo:hover {
  color: #008fde;
}
/* Pinterest */
.icon-pinterest-logo:before {
  content: '\e936';
}
.icon-pinterest-logo:hover {
  color: #cc2127;
}
/* YouTube */
.icon-youtube-logo:before {
  content:'\e93a';
}
.icon-youtube-logo:hover {
  color: #e52d27;
}
/* Flickr */
.icon-flickr-logo:before {
  content: '\e92f';
}
.icon-flickr-logo:hover {
  color: #1d1d1b;
}
/* LINE */
.icon-line-logo:before {
  content: '\e935';
}
.icon-line-logo:hover {
  color: #00c300;
}
/* GitHub */
.icon-github-logo:before {
  content: '\eab0';
}
.icon-github-logo:hover {
  color: #24292e;
}
/* Push7 */
.icon-push7-logo:before {
  content: '\e937';
}
.icon-push7-logo:hover {
  color: #eeac00;
}
/* Feedly */
.icon-feedly-logo:before {
  content: '\e92e';
}
.icon-feedly-logo:hover {
  color: #87bd33;
}
/* RSS */
.icon-rss-logo:before {
  content: '\e938';
}
.icon-rss-logo:hover {
  color: #fe9900;
}


/************************************
** ウェブラボ weblab（やす、ヤス、yasuda）
** 著者ボックス
************************************/
.author-box{
font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
font-size:90%;
}


/************************************
** ウェブラボ weblab（やす、ヤス、yasuda）
** 横幅いっぱい
************************************/
#content{
  overflow: hidden;
}
.lp_box{
  margin: 0 calc((100% - 100vw) / 2) 1.8em calc((100% - 100vw) / 2);
  padding: 0em calc(50vw - 50% ) 3em calc(50vw - 50% );
  width: 100vw;
  overflow: hidden;
  box-sizing:border-box;
  border:0;
}
/*1023px以下*/
@media screen and (max-width: 1023px){
	.lp_box{
		margin: 0 calc((100% - 100vw) / 2) 1.8em calc((100% - 100vw) / 2) !important;
		padding: 0em calc(50vw - 50% ) 3em calc(50vw - 50% ) !important;
		width: 100vw;
		overflow: hidden;
		box-sizing:border-box;
		border:0 !important;
		border-radius: 0 !important;
	}
}
.editor-styles-wrapper .lp_box{
	margin: 0 auto 1.8em auto !important;
	padding: 0 !important;
}
.lp_box h2{
	position: relative;
	display: block;
	margin-bottom: 1em;
	border:0;
	text-align:center;
}
.lp_box h2:before {
	content: '';
	position: absolute;
	bottom: -15px;
	display: inline-block;
	width: 60px;
	height: 5px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #fff;
	border-radius: 2px;
}





/************************************
** ウェブラボ weblab（やす、ヤス、yasuda）
** メタスライダーマージン調整
************************************/
.metaslider,
.slides {
overflow: hidden;
}
.btn-menu::before {
margin-right: 0;
}



/************************************
** ウェブラボ weblab（やす、ヤス、yasuda）
** あかねちゃん作成 サイドバーメニュー佐々木先生
************************************/
.sidebar h3 {
  background-color: #222439;
  font-size:0.97em;
  color: #FFFFFF;
  text-align: center;
  padding: 5px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  line-height: 2em;
  padding: 0;
  margin:0;
  font-weight:normal;
}
.sidebar li a {
  text-decoration: none;
  color:#333333;
  font-size:0.8em;
}
.sidebar li a:hover {
  color:#7c061e;
}
.sidebar .widget {
  border-top: none;
  font-size:0.97em;
  padding-top: 8px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  line-height: 2em;
}
.sidebar .widget ul {
  list-style: none;
  padding: 0;
}
.sidebar .widget li {
  padding:0;
  margin:0;
  border-bottom: 1px solid #D9D9D9;
  padding-right: 0px;
  line-height: 2em;
  border-right: 1px solid #D9D9D9;
  border-left: 1px solid #D9D9D9;border-bottom: 1px solid #D9D9D9
}
.sidebar .widget li::before{
  font-family: FontAwesome;
  content: "\f01d";
  font-weight: 100;
  padding-right : 6px;
  padding-left : 6px;
  color: #7c061e;
}
 .widget_nav_menu ul li a{
  display:inline;
  text-decoration: none;
  color:#333333;
  font-size:0.8em;
 }
 .widget_nav_menu ul li a:hover {
  color:#7c061e;
  background-color: transparent;
 }



/************************************
** ウェブラボ weblab（やす、ヤス、yasuda）
** アピールエリア 佐々木先生
************************************/
body, .header, .appeal {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}

/************************************
** ウェブラボ weblab（やす、ヤス、yasuda）
** 佐々木先生 コメントボックス
************************************/
body .comment_box {
	font-family: HGSminB,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}

/************************************
** アニメーション フェードインなど
************************************/
/*  スマホ描画幅処理 */
#content{overflow: hidden;}

/* fade up 複数の場合*/
.page .u-fade-type-up{transform: translateY(50px);opacity: 0;}
.page .u-fade-type-up.is-active{transition: .6s;transform: translateY(0);opacity: 1;}
.page .is-active .u-fade-type-up{transition: .6s;transform: translateY(0);opacity: 1;}
.page .is-active .u-fade-type-up:nth-child(2){transition-delay: .4s;}
.page .is-active .u-fade-type-up:nth-child(3){transition-delay: .8s;}
.page .is-active .u-fade-type-up:nth-child(4){transition-delay: 1.2s;}
.page .is-active .u-fade-type-up:nth-child(5){transition-delay: 1.6s;}
.page .is-active .u-fade-type-up:nth-child(6){transition-delay: 2s;}
@media screen and (max-width: 1023px) {
  .page .is-active .u-fade-type-up{transition-delay:0s;}
}

/* fade up  単一の場合 */
.page .u-fade-type-up1{transform: translateY(50px);opacity: 0;}
.page .u-fade-type-up1.is-active{transition: .6s;transform: translateY(0);opacity: 1;}
.page .u-fade-type-up2{transform: translateY(50px);opacity: 0;}
.page .u-fade-type-up2.is-active{transition: .6s;transform: translateY(0);opacity: 1;transition-delay: .4s;}
.page .u-fade-type-up3{transform: translateY(50px);opacity: 0;}
.page .u-fade-type-up3.is-active{transition: .6s;transform: translateY(0);opacity: 1;transition-delay: .8s;}
.page .u-fade-type-up4{transform: translateY(50px);opacity: 0;}
.page .u-fade-type-up4.is-active{transition: .6s;transform: translateY(0);opacity: 1;transition-delay: 1.2s;}
.page .u-fade-type-up5{transform: translateY(50px);opacity: 0;}
.page .u-fade-type-up5.is-active{transition: .6s;transform: translateY(0);opacity: 1;transition-delay: 1.6s;}
.page .u-fade-type-up6{transform: translateY(50px);opacity: 0;}
.page .u-fade-type-up6.is-active{transition: .6s;transform: translateY(0);opacity: 1;transition-delay: 2s;}
@media screen and (max-width: 1023px) {
  .page .u-fade-type-up2.is-active{transition-delay:0s;}
  .page .u-fade-type-up3.is-active{transition-delay:0s;}
  .page .u-fade-type-up4.is-active{transition-delay:0s;}
  .page .u-fade-type-up5.is-active{transition-delay:0s;}
  .page .u-fade-type-up6.is-active{transition-delay:0s;}
}

/* fade down 複数の場合*/
.page .u-fade-type-down{transform: translateY(-50px);opacity: 0;}
.page .u-fade-type-down.is-active{transition: .6s;transform: translateY(0);opacity: 1;}
.page .is-active .u-fade-type-down{transition: .6s;transform: translateY(0);opacity: 1;}
.page .is-active .u-fade-type-down:nth-child(2){transition-delay: .4s;}
.page .is-active .u-fade-type-down:nth-child(3){transition-delay: .8s;}
.page .is-active .u-fade-type-down:nth-child(4){transition-delay: 1.2s;}
.page .is-active .u-fade-type-down:nth-child(5){transition-delay: 1.6s;}
.page .is-active .u-fade-type-down:nth-child(6){transition-delay: 2s;}
@media screen and (max-width: 1023px) {
  .page .is-active .u-fade-type-down{transition-delay:0s;}
}

/* fade down  単一の場合 */
.page .u-fade-type-down1{transform: translateY(-50px);opacity: 0;}
.page .u-fade-type-down1.is-active{transition: .6s;transform: translateY(0);opacity: 1;}
.page .u-fade-type-down2{transform: translateY(-50px);opacity: 0;}
.page .u-fade-type-down2.is-active{transition: .6s;transform: translateY(0);opacity: 1;transition-delay: .4s;}
.page .u-fade-type-down3{transform: translateY(-50px);opacity: 0;}
.page .u-fade-type-down3.is-active{transition: .6s;transform: translateY(0);opacity: 1;transition-delay: .8s;}
.page .u-fade-type-down4{transform: translateY(-50px);opacity: 0;}
.page .u-fade-type-down4.is-active{transition: .6s;transform: translateY(0);opacity: 1;transition-delay: 1.2s;}
.page .u-fade-type-down5{transform: translateY(-50px);opacity: 0;}
.page .u-fade-type-down5.is-active{transition: .6s;transform: translateY(0);opacity: 1;transition-delay: 1.6s;}
.page .u-fade-type-down6{transform: translateY(-50px);opacity: 0;}
.page .u-fade-type-down6.is-active{transition: .6s;transform: translateY(0);opacity: 1;transition-delay: 2s;}
@media screen and (max-width: 1023px) {
  .page .u-fade-type-down2.is-active{transition-delay:0s;}
  .page .u-fade-type-down3.is-active{transition-delay:0s;}
  .page .u-fade-type-down4.is-active{transition-delay:0s;}
  .page .u-fade-type-down5.is-active{transition-delay:0s;}
  .page .u-fade-type-down6.is-active{transition-delay:0s;}
}

/* fade left */
.page .u-fade-type-left{transform: translateX(50px);opacity: 0;}
.page .u-fade-type-left.is-active{transition: .6s;transform: translateX(0);opacity: 1;}
.page .is-active .u-fade-type-left{transition: .6s;transform: translateX(0);opacity: 1;}
.page .is-active .u-fade-type-left:nth-child(2){transition-delay: .2s;}
.page .is-active .u-fade-type-left:nth-child(3){transition-delay: .4s;}
.page .is-active .u-fade-type-left:nth-child(4){transition-delay: 1.2s;}
.page .is-active .u-fade-type-left:nth-child(5){transition-delay: 1.6s;}
.page .is-active .u-fade-type-left:nth-child(6){transition-delay: 2s;}
@media screen and (max-width: 1023px) {
  .page .is-active .u-fade-type-left{transition-delay:0s;}
}

/* fade left  単一の場合 */
.page .u-fade-type-left1{transform: translateX(50px);opacity: 0;}
.page .u-fade-type-left1.is-active{transition: .6s;transform: translateX(0);opacity: 1;}
.page .u-fade-type-left2{transform: translateX(50px);opacity: 0;}
.page .u-fade-type-left2.is-active{transition: .6s;transform: translateX(0);opacity: 1;transition-delay: .4s;}
.page .u-fade-type-left3{transform: translateX(50px);opacity: 0;}
.page .u-fade-type-left3.is-active{transition: .6s;transform: translateX(0);opacity: 1;transition-delay: .8s;}
.page .u-fade-type-left4{transform: translateX(50px);opacity: 0;}
.page .u-fade-type-left4.is-active{transition: .6s;transform: translateX(0);opacity: 1;transition-delay: 1.2s;}
.page .u-fade-type-left5{transform: translateX(50px);opacity: 0;}
.page .u-fade-type-left5.is-active{transition: .6s;transform: translateX(0);opacity: 1;transition-delay: 1.6s;}
.page .u-fade-type-left6{transform: translateX(50px);opacity: 0;}
.page .u-fade-type-left6.is-active{transition: .6s;transform: translateX(0);opacity: 1;transition-delay: 2s;}
@media screen and (max-width: 1023px) {
  .page .u-fade-type-left2.is-active{transition-delay:0s;}
  .page .u-fade-type-left3.is-active{transition-delay:0s;}
  .page .u-fade-type-left4.is-active{transition-delay:0s;}
  .page .u-fade-type-left5.is-active{transition-delay:0s;}
  .page .u-fade-type-left6.is-active{transition-delay:0s;}
}

/* fade right */
.page .u-fade-type-right{transform: translateX(-50px);opacity: 0;}
.page .u-fade-type-right.is-active{transition: .6s;transform: translateX(0);opacity: 1;}
.page .is-active .u-fade-type-right{transition: .6s;transform: translateX(0);opacity: 1;}
.page .is-active .u-fade-type-right:nth-child(2){transition-delay: .2s;}
.page .is-active .u-fade-type-right:nth-child(3){transition-delay: .4s;}
.page .is-active .u-fade-type-right:nth-child(4){transition-delay: 1.2s;}
.page .is-active .u-fade-type-right:nth-child(5){transition-delay: 1.6s;}
.page .is-active .u-fade-type-right:nth-child(6){transition-delay: 2s;}
@media screen and (max-width: 1023px) {
  .page .is-active .u-fade-type-right{transition-delay:0s;}
}

/* fade right  単一の場合 */
.page .u-fade-type-right1{transform: translateX(-50px);opacity: 0;}
.page .u-fade-type-right1.is-active{transition: .6s;transform: translateX(0);opacity: 1;}
.page .u-fade-type-right2{transform: translateX(-50px);opacity: 0;}
.page .u-fade-type-right2.is-active{transition: .6s;transform: translateX(0);opacity: 1;transition-delay: .4s;}
.page .u-fade-type-right3{transform: translateX(-50px);opacity: 0;}
.page .u-fade-type-right3.is-active{transition: .6s;transform: translateX(0);opacity: 1;transition-delay: .8s;}
.page .u-fade-type-right4{transform: translateX(-50px);opacity: 0;}
.page .u-fade-type-right4.is-active{transition: .6s;transform: translateX(0);opacity: 1;transition-delay: 1.2s;}
.page .u-fade-type-right5{transform: translateX(-50px);opacity: 0;}
.page .u-fade-type-right5.is-active{transition: .6s;transform: translateX(0);opacity: 1;transition-delay: 1.6s;}
.page .u-fade-type-right6{transform: translateX(-50px);opacity: 0;}
.page .u-fade-type-right6.is-active{transition: .6s;transform: translateX(0);opacity: 1;transition-delay: 2s;}
@media screen and (max-width: 1023px) {
  .page .u-fade-type-right2.is-active{transition-delay:0s;}
  .page .u-fade-type-right3.is-active{transition-delay:0s;}
  .page .u-fade-type-right4.is-active{transition-delay:0s;}
  .page .u-fade-type-right5.is-active{transition-delay:0s;}
  .page .u-fade-type-right6.is-active{transition-delay:0s;}
}

/* fade 画像の場合 */
.js-scroll-trigger {position:relative;}
.js-scroll-trigger img.u-fade-type-up:nth-child(1){position:static;top:0;right:0;bottom:0;left:0;margin:0;}
.js-scroll-trigger img.u-fade-type-up{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;}
.js-scroll-trigger img.u-fade-type-down:nth-child(1){position:static;top:0;right:0;bottom:0;left:0;margin:0;}
.js-scroll-trigger img.u-fade-type-down{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;}
.js-scroll-trigger img.u-fade-type-left:nth-child(1){position:static;top:0;right:0;bottom:0;left:0;margin:0;}
.js-scroll-trigger img.u-fade-type-left{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;}
.js-scroll-trigger img.u-fade-type-right:nth-child(1){position:static;top:0;right:0;bottom:0;left:0;margin:0;}
.js-scroll-trigger img.u-fade-type-right{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;}

/************************************
** アニメーション 文字アンダーライン
************************************/
/* アニメーション前のスタイル */
.marker-under {
  display: inline;
  position: relative;
  background-image: linear-gradient(90deg, #ffff66, #ffff66); /* 単色の場合は同じ色、グラデーションの場合は別々の色 */
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 0 30%; /* '30%'の部分にマーカーの太さを記入 */
  transition: all 2s ease-in-out; /* マーカーを引く速度を調整 */
  font-weight: bold; /* ついでに太字にしたい場合 */
}
/* アニメーション発火時 */
.marker-under.inview {
  background-size: 100% 30%; /* '30%'の部分は上で設定した太さに合わせる */
}

/************************************
** トップページテーブルメニュー
************************************/
.tbl_img_menu{border:0;background-color:#fff;}
.tbl_img_menu tr{border:0;background-color:#fff;}
.tbl_img_menu td{border:0;background-color:#fff;}



/************************************
** トップページテーブルメニュー
************************************/
a img{
  width: 100%;
  cursor: pointer;
  transition-duration: 0.3s;
}
a img:hover{
  opacity: 0.6;
  transition-duration: 0.3s;
}


/************************************
** ヘッダー追従にロゴ表示しない
************************************/
#header a{color:#000;text-decoration:none;}
#header a:hover{color:#000;text-decoration:none;}
.hlt-top-menu .header-in{display:none;}/* 追従メニューにロゴを表示しない */
.fixed-header{background-color: #7c061e;}/* 追従メニューの色 */