@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
*/
/*ADD:追加cssはここに記入。style.cssは使用しない*/

/*cocooon設定--フォント--メイリオを'BIZ UDPGothic'に書き換えて使用*/
@font-face {/*normal*/	
		src:url("https://kyushu2026.fukuoka-koupren.org/wp-content/themes/cocoon-child-master/custom/fonts/BIZUDPGothic-Regular.woff2") format('woff2'), url("https://kyushu2026.fukuoka-koupren.org/wp-content/themes/cocoon-child-master/custom/fonts/BIZUDPGothic-Regular.woff") format("woff");	
	font-family:'BIZ UDPGothic';
    font-weight:400;
    font-style: normal;
    font-display: swap;
 }
@font-face {/*bold*/	
	src:url("https://kyushu2026.fukuoka-koupren.org/wp-content/themes/cocoon-child-master/custom/fonts/BIZUDPGothic-Bold.woff2") format('woff2'), url("https://kyushu2026.fukuoka-koupren.org/wp-content/themes/cocoon-child-master/custom/fonts/BIZUDPGothic-Bold.woff") format("woff");	
    font-family: 'BIZ UDPGothic';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
 }
.ff-meiryo{	font-family: 'BIZ UDPGothic',sans-serif;}/*400*/
bolderb, strong,boldstrong, b{font-weight:700;}
:root{
	/*
	 --bs-white
	 --bs-body-color:#212529
	--bs-secondary:#6c757d;
	--bs-secondary-color : ボーダーカラー
	--bs-dark-border-subtle;
	--cocoon-text-color:#101010;
	 */
	--color_text:#222222;
	--color_blue:#35a9db;
	--color_yellow:#fff174;
	--color_green:#20be7c;
	--color_darkblue:#0c3388;
	
	--color_pink:#e9546b;
	--color_hover:#0c3388;
	--color_input: #CCE9FB;
	--color_input_border:#4bb2f2;
	
	--fs_14:0.875rem;
	--fs_18:1.125rem;
	
	--rounded_m:20px;
	
	--header_h:72px;/*ヘッダーの高さ*/
	--header_h_s:60px;/*ヘッダーの高さ*/
	--mobilemenu_size:70px;

	 --font_jp_name:'BIZ UDPGothic', sans-serif;
	 --font_jp_maru: 'M PLUS 1p', sans-serif; /*700*/
	--font_en_name:"Outfit", sans-serif;
	--font_fa_name:"Font Awesome 5 Free";
	--fluid_max_w:2500px;
}

body{letter-spacing: 0.075em;}
img{width:100%;height:auto;} 
a{transition: all .3s;}

/*cocoon設定の初期化*/
article a:hover{color:var(--color_hover);}
a:hover {text-decoration:none;}
.article dd{margin:0;}
table th {background-color:var(--color_lightgray);}

/*ulのスタイルを解除するには .ul_unstyledを使用する。使用できない場合はこちらに記述*/
ul.ul_unstyled,ul[id^="menu-list-nav-"],ul[id^="menu-list-nav-"]  ul.sub-menu,ul[id^="menu-sitemap-"],ul[id^="menu-sitemap-"] ul.sub-menu {list-style-type: none;padding: 0;}
ul.ul_unstyled li,ul[id^="menu-list-nav-"] > li,ul[id^="menu-sitemap-"] > li{margin: 0;}

/*fluid-maxwide*/
.container-fluid.fluid-maxwide{max-width:var(--fluid_max_w);} /*container-fluidに.fluid-maxwideを追加することでmax値を設定*/


/*loading---------------------------------*/
html.visited .loader-wrap{/*visited のとき強制的に消す*/
  display:none !important;
}
/*枠組み*/
.loader-wrap {
	z-index: 99999;
	position: fixed;
	/*top:-2rem;/*bodyの謎の余白の考慮*/
	display: flex;
	flex-direction:column;
	align-items: center;
	justify-content: center;
	width: 100vw;
	height: calc(100vh + 2rem);/*bodyの謎の余白の考慮*/
	background: linear-gradient(135deg, var(--color_blue), #1E7DB6);
	color:var(--bs-white);
	overflow: hidden!important;
	padding:0 1.5rem;
	font-family:sans-serif;
}
#loading_logo{
	display:block;
	width:100px;
	height:100px;
}
#loading_logo img{
display: block;
  margin: auto;
  animation: rotateCenter 3s linear infinite;
  transform-origin: center center;	
}
@keyframes rotateCenter {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*mainimg ------------------------------*/
#main_view{margin-top:-1rem;}/*謎の余白を削除*/
.header-cover {
    margin: 0 auto;
    width: 100%;
    background-color:var(--bs-black);
	background-image:url('../../../uploads/mainview-min.jpg');
	background-position:bottom center;
	background-size:cover;
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100);
	padding:var(--header_h) 20px;
	z-index:0;
}
#main_logo > img{
	max-width:100px;
	height:auto;
}
#main_catch {
	width:100%;
	max-width:1000px;
	height:auto;
	margin-bottom:15%;
}
#main_title {z-index:3;}
#main_fukidashi {
	width:40%;
	height:auto;
	right:38%;
	bottom:-18%;
	z-index:2;
		 opacity:0;
}
#main_fukidashi.is-show{
  will-change: transform, opacity;
  backface-visibility: hidden;
  transform: translate3d(0, 18px, 0) scale(0.97);
  animation: appearAndBounce_fukidashi 0.8s cubic-bezier(.25,.9,.3,1) forwards;
	animation-delay:0.4s;
}
@keyframes appearAndBounce_fukidashi {
  0%{
    opacity:0;
    transform: translate3d(0, 18px, 0) scale(0.97);
  }
  20%{
    opacity:1;
  }
  38%{
    opacity:1;
    transform: translate3d(0, -42px, 0) scaleX(0.99) scaleY(1.01);
  }
  65%{
    transform: translate3d(0, 0, 0) scaleX(1.03) scaleY(0.97);
  }
  100%{
    opacity:1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

/*header---------------------------------*/
/*cocoonヘッダーロゴを使用しない*/
.header-container{display:none;}

/*mobilemenu:常に表示*/
/*gnave非表示*/
.navi-in .menu-pc {display: none;}
/*mobilemenu:表示*/
.mobile-menu-buttons{
	display:flex;
	justify-content: space-between;
	top:6px;
	bottom:auto;
	right:8px;
    left:auto;
	background-color:transparent;
	box-shadow:none;
	z-index:20;
}
.mobile-menu-buttons .menu-button{
	width:var(--mobilemenu_size);
	height:var(--mobilemenu_size);
}
.menu-button-in{
	width:100%;
	height:100%;
	display:block;
	background-image:url('https://kyushu2026.fukuoka-koupren.org/wp-content/uploads/btn_menu.svg'),url('https://kyushu2026.fukuoka-koupren.org/wp-content/uploads/btn_menu_hover.svg');
	background-repeat:no-repeat,no-repeat;
	background-size:cover,cover;
}
.mobile-menu-buttons .menu-button:hover .menu-button-in{
	background-image:url('https://kyushu2026.fukuoka-koupren.org/wp-content/uploads/btn_menu_hover.svg');
	background-repeat:no-repeat;
	background-size:cover;
 	opacity:1!important;
}
.sidebar-menu-button .menu-icon{
	display:none;
}
.navi-menu-content{/*右からスライドに変更*/
	left: auto;
	right: 0;
	transform: translateX(101%);
	background-color:rgba(32,33,33,0.9);
	padding:0;
    margin:0;
}
.menu-content .menu-drawer{padding-top:30px;}
.menu-close-button{color:var(--bs-white);text-align:right;padding:0 10px;}
.fa-times:before{content:'\f00d';}
/*mobile sidebar*/
.menu-content,.sidebar{background-color:var(--color_blue);}
#slide-in-sidebar{padding: 0 1rem ;}
	.widget-sidebar { margin-bottom:2rem!important;}
.widget_nav_menu ul > li{
	border-bottom:1px solid rgba(255, 255, 255, 0.6);
}
.widget_nav_menu ul > li > a{
	padding:0.75rem 0.25rem ;
	color:var(--bs-white);
}
.widget_nav_menu ul > li > a:hover{
	background-color:rgba(255, 255, 255, 0.2);
	color:var(--bs-white);
}
#mobile_policy ul {display:flex; gap:10px;}
#mobile_policy ul > li > a {color:var(--bs-white);}


/*footer---------------------------------*/
.go-to-top-button{width:44px;height:96px;}
/*コピーライトエリア*/
.footer,.footer-bottom{ margin-top:0;font-size:0.75rem;padding-bottom:1.5rem;}
/*コンテンツ下部エリア*/
.footer_logo_img{max-width:280px;}

/*content-bottomの幅を100%に変更*/
#content-bottom-in.wrap{width:100%;}
.content-bottom{margin:0;}
.widget.widget-content-bottom,.content-bottom{margin-bottom:0;!important}

/*foote-sitemap & slide-menu*/
#footer_sitemap ul[id^="menu-sitemap-"]{
	display:flex;
	flex-wrap:wrap;
	gap: 0 30px;
}
ul[id^="menu-sitemap-"]{
	margin-bottom:0;
}
ul[id^="menu-sitemap-"] a{
	padding: 0.4rem  0;
	display:block;
	color:var(--bs-white);
}

ul[id^="menu-sitemap-"] a:hover{ color:var(--color_hover);}

#nav_slide_menu_01 ul[id^="menu-sitemap-"] a{
	border-bottom:2px dotted var(--bs-white);
	padding: 0.75rem  0.25rem;
}

/*トップページ*/
#home_head{margin-top:var(--header_h);}
#home_head h1{letter-spacing:0.2rem;}
#home_head .logo_mark{max-width:80px;height:auto;}
.wrap_round{border-radius:var(--rounded_m) ;}
.wrap_round_border{border:4px solid var(--color_text);}
/*newsリスト*/
ul.news-list > li {border-top:1px solid var(--bs-secondary-color);}
ul.news-list > li:last-child {border-bottom:1px solid var(--bs-secondary-color);}
ul.news-list > li > a{ 
	padding: 1.25rem 3rem 1.25rem 0.25rem;
	position:relative;
	line-height:1.4;
	color:var(--color_text);
}
ul.news-list > li > a:hover{
	background-color:var(--bs-light);
	color:var(--color_text);
} 
ul.news-list > li > a::after{
	content:'\f061';
	font-family: var(--font_fa_name);
  font-weight: 900;
	font-size:var(--fs_14);
	color:var(--color_blue);
	position:absolute;
	 top: 50%;
    right: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
ul.news-list > li > a > span:first-child{
	width:6em;
	display: inline-block;
	flex-shrink: 0; 
}
ul.news-list > li > a > span:last-child{
	word-break: break-word; 
}

#home_schdule::before,#home_apply::before {
    content: '';
    position: absolute;
	top:-2px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 30px;
    background-color: var(--color_yellow);
    clip-path: polygon(
        0 0,
        100% 0,
        50% 100%
    );
}
.schedule_place{
	padding-left:2rem!important;
}
.schedule_place::before{
	content:'\f3c5';
	font-family: var(--font_fa_name);
	font-weight:900;
	position:absolute;
     left:0;
	top:0;
	font-size:2rem;
	color:var(--color_blue);
}
.schdule_date {
    position: absolute;
    display: inline-block;
    top: -30px;
    left: -10px;
    background-color: var(--color_yellow);
    padding: 4px 20px;
   border-radius:5px;
}
#home_apply::before {
	background-color: var(--color_blue);
}

/*お問い合わせ*/
.title_contact{
	background-color:var(--color_blue);
	min-height:80px;
}
.contact_detail{min-height:175px;}


/*インデックス カスタマイズ-----------------------*/
body.archive .archive-title{visibility: hidden;/*高さを保つためd-noneは使わない*/}
body.archive .a-wrap{padding:0.5rem;border-bottom:2px dotted var(--bs-secondary-bg);}
body.archive figure{ display:none;}
body.archive .entry-card-content{margin-left:160px;padding-bottom:0;}
body.archive .entry-card-meta{
	bottom: auto;
	top:2px;
	right: auto;
	left:0;
	text-align:left;
}
body.archive .post-date{background-color:var(--color_green); color:var(--bs-white); padding: 4px 10px;}
.entry-date{font-family:var(--font_en_name);font-size:1rem;}

/*subpage下層ページ---------------------------------*/
/*パン屑 homeは非表示にする*/
/*.breadcrumb{display:flex; justify-content:end;}*/
.breadcrumb{margin:0 ; padding:0.25rem 0.25rem 0.25rem 1.5rem;color :var(--color_blue); }
.breadcrumb, .breadcrumb a{color :var(--color_text);font-size:var(--fs_14);}

/*固定+トップ共通*/
.article h2,.article h3,.article h4,.article h5{
	background-color:transparent;
	margin-bottom:0;
	padding:0;
	margin-block-start: 0;
    margin-block-end:0;
	border:none;
}
body.home.entry-content,body.page.entry-content{margin-bottom:0!important;}
/*.body .article{margin-bottom:0!important;}*/
/*.entry-content>*,*//*.entry-content{margin-top:0!important;margin-bottom:0!important;}*/

/*固定ページテンプレート-----------------------*/
.page .date-tags {display: none;}
.content{margin-top:0;}
.main{padding: 0;}
/*リンク*/
.body:not(.home) .entry-content a,
.single .entry-content a {
	border-bottom:2px dotted var(--bs-secondary-bg);
	padding-bottom:0.2rem;
}
/*投稿ページはページタイプは、サイドに余白を追加*/
body.single .content-in{padding-left:16px; padding-right:16px;}

/*固定ページヘッダー*/
body.page .entry-title{display:none;}/*既存タイトル非表示*/
#subpage_head{min-height:var(--header_h);}
#subpage_head h1{padding-right:80px;}
#subpage_head h1 > a{max-width:360px;}
/*サブページタイトル*/
/*#subpage_title{min-height:var(--subpagetop_h);}*/
#subpage_title{
	margin-bottom:110px;
	padding-top:var(--header_h);
}
#subpage_title::after{
	z-index:2;
    content: '';
    position: absolute;
    left: 0;
    bottom: -100px;
    width: 100%;
    height: 100px;
    background-color: var(--color_yellow);
    clip-path: polygon(
        0 0,
        100% 0,
        100% 10%, 
        0 100%  
    );
}
#subpage_title h1{line-height:1.2;letter-spacing:0.1rem;}
#subpage_title .logo_mark{
	padding-left:30px;
}
#subpage_title::before{
	content:'';
	width:70px;
	height:70px;
	background-image:url('https://kyushu2026.fukuoka-koupren.org/wp-content/uploads/logo_kyushupta.png');
	background-size:contain;
	background-position:center center;
	background-repeat:0;
	position: absolute;
    bottom:-90px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
      z-index:3;
}

/*大会日程*/
#schedule_detail{
	margin-top:50px;
	margin-bottom:100px;
}
#schedule_detail::before{
  content: '';
  position: absolute;
  left: 0;
  top: -100px;
  width: 100%;
  height: 100px;
  background-color: var(--color_blue);
  clip-path: polygon(
    0 100%,   
    100% 100%,
    100% 0%, 
    0 10% 
  );
}

/*form7*/
textarea:focus, input:focus, input[type]:focus, .uneditable-input:focus {
  outline: none!important;
  box-shadow: none!important;
}
input::placeholder, textarea::placeholder  {  color:#bbbbbb;}
.wpcf7{
	background-color:inherit;
	border:none;
}
.wpcf7 form {
margin:0;
}
.wpcf7 .select {
  width:100%;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.wpcf7 .select select {
  appearance: none;
	width:100%;
  padding: 11px 15px;
  padding-right: 1em;
  border: none;
  outline: 0;
  background-color:var(--color_input);
  background-image: none;
  box-shadow: none;
  cursor: pointer;
}
 
.wpcf7 .select::before {
  position: absolute;
  top: 16px;
  right: 16px;
font-family: var(--font_fa_name);
  content:'\f078';
  font-weight: 900;
  pointer-events: none;
	z-index:2;
}
.wpcf7 input:not([type="checkbox"]),.wpcf7 textarea{
    padding: 20px;
	background-color:var(--color_input);
	border-color:var(--color_input_border);
    border-radius: 4px;
    transition: border-color .25s cubic-bezier(.26,1,.48,1) 0s;
}
.wpcf7 textarea{height:200px;}
.wpcf7 input:focus,.wpcf7 textarea:focus{
	background-color:#EBF6FC!important;
}
 .wpcf7 input[type=checkbox], .wpcf7 input[type=radio]{
  display:inline;
}
.wpcf7-list-item {margin: 0px 1em;}
.wpcf7 .wpcf7-list-item-label {
	font-size:1rem;
	padding-left:0.25rem;
}
.wpcf7-acceptance{
	border: 1px solid var(--bs-dark-border-subtle);
	padding:20px 20px 20px 10px;
}
.wpcf7 input.wpcf7-submit:disabled {
	background-color:var(--color_input);
	color:var(--bs-tertiary-color);
	opacity:0.6;
}
.wpcf7 input.wpcf7-submit{
	font-size: 18px;
   line-height:0.8;
	border-radius:0;
	background-color:var(--bs-primary);
	color:var(--bs-white);
	padding:20px 10px;
}

.required{
	background-color:var(--color_red);
	display:inline-block;
	color:#ffffff;
	padding:0 10px;
	font-size:12px;
	border-radius:4px;
	margin-left:10px;
}
 .wpcf7 label{
	width:100%!important;
	/*padding-bottom:14px;*/
}
.iframe-container {
            width: 100%;
            height: 300px;
            border: 1px solid var(--bs-dark-border-subtle);
            overflow: auto;
	        font-size:90%;
}
form.sent article{display:none;}
.wpcf7 form .wpcf7-response-output{color:red;}


/*dl-----------------------------*/
dl.dl_table{
margin-left:0 ;
margin-right:0;
margin-block-start: 0;
 margin-block-end: 0;
}
dl.dl_table{
 border-radius: 0.5px;
	border-top: 1px solid var(--bs-secondary-color);
 }
dl.dl_table > dt{
    border-bottom: 1px solid var(--bs-secondary-color);
	 border-radius: .5px;
     padding: 20px 5px 16px 15px;
	font-weight:normal;
	margin-bottom: 0;
}
dl.dl_table > dd{
    border-bottom: 1px solid var(--bs-secondary-color);
	 border-radius: .5px;
    padding: 20px 5px 16px 15px;
	margin-bottom: 0;
	margin-left:0;
}
@media (max-width:767px){
	dl.dl_table > dt{border:none;padding-bottom: 5px;padding-top: 5px; border-bottom:none;border-top:1px solid var(--bs-secondary-color);}
	dl.dl_table > dd{padding-top: 14px; padding-bottom: 20px;border:none;}
	dl.dl_table{border-top:none;border-bottom:1px solid var(--bs-secondary-color);}
}

/*link--------------------------------------*/
.link_line{
	border-bottom: 2px dotted var(--color_green)!important;
}
.link_right{ 
	position: relative;
	padding: 0.5rem 2rem 0.5rem 0 ;
	letter-spacing:0.1rem;
}
.link_right::after{
	 content:'';
	display:block;
	width:20px;
	height:20px;
    background-image:url('https://kyushu2026.fukuoka-koupren.org/wp-content/uploads/icon_arrow_right.svg');
	background-size:contain;
	background-repeat:no-repeat;
    position: absolute;
	right:0;
	 top :50%;
	transform: translateY(-50%);
    -webkit-transform: translateY(-50%);	
	z-index:1;
}
.link_right:hover{}

/*btn--------------------------------------*/
a.btn_schdule{
  line-height: 1.5;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0rem;
  color: var(--bs-white);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
  padding: 0;
  border-radius: 0.75rem;
}

a.btn_schdule:before{
position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  width: 100%;
  height: 100%;

  content: "";
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translate3d(0, 0.75rem, 0rem);
	transform: translate3d(0, 0.75rem,0rem);
  border: 2px solid #000;
  border-radius: inherit;
  background:#0a8c56;
  -webkit-box-shadow: 0 0.6rem 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0.6rem 0 0 rgba(0, 0, 0, 0.2);
}

.btn-custom01-front {
  position: relative;
  display: block;
padding: 1.5rem 1rem;
	
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border: 2px solid #000;
  border-radius: inherit;
  background: var(--color_green);
}
.fa-position-right {
  position: absolute;
  top: calc(50% - 0.5em);
  right: 1rem;
}
a.btn_schdule:hover {
  -webkit-transform: translate(0, 0.25rem);
  transform: translate(0, 0.25rem);
  color:var(--bs-white)!important;
}
a.btn_schdule:hover::before {
  -webkit-transform: translate3d(0, 0.5rem, -1rem);
  transform: translate3d(0, 0.5rem, -1rem);
  -webkit-box-shadow: 0 0.35rem 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0.35rem 0 0 rgba(0, 0, 0, 0.2);
}
a.btn_schdule:active {
  -webkit-transform: translate(0rem, 0.75rem);
  transform: translate(0rem, 0.75rem);
}
a.btn_schdule:active::before {
  -webkit-transform: translate3d(0, 0, -1rem);
  transform: translate3d(0, 0, -1rem);
  -webkit-box-shadow: 0 0.35rem 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0.35rem 0 0 rgba(0, 0, 0, 0.2);
}

.btn_right{ 
	position: relative;
	padding: 1.25rem 3rem 1.25rem 2rem;
	line-height:1.4;
	background-color:var(--color_green);
	color: var(--bs-white);
	letter-spacing:0.1rem;
	text-align:center;
	border-radius:50vh;
}
.btn_right::after{
	 content:'\f054';
	font-family:var(--font_fa_name);
	font-weight: 900;
	color:var(--bs-white);
	display:block;
    position: absolute;
	right:1rem;
	 top :50%;
	transform: translateY(-50%);
    -webkit-transform: translateY(-50%);	
	z-index:1;
}
.btn_right:hover{background-color:var(--color_darkblue);color:var(--bs-white);}


/*deco---------------------------------------*/
/*ul：丸付き*/
ul.list_gray {
    list-style-type: none; 
    padding-left: 0; 
}
ul.list_gray > li {
    padding-left:1rem; 
	position:relative;
}
ul.list_gray >li:before {
	font-family: var(--font_fa_name);
	font-weight: 900;
    content:'\f111'; 
	font-size:0.25rem;
    color: var(--bs-secondary-bg);
    position:absolute;
	left:0;
	top:0.5rem;
}

/*共通---------------------------------------*/
.fs_14{font-size:var(--fs_14)!important;}
.fs_18{font-size:var(--fs_18)!important;}
.font_bold{font-family: var(--font_jp_name);font-weight:700!important;} 	
.font_maru{font-family:var(--font_jp_maru);font-weight:700!important;}
.font_en{font-family: var(--font_en_name);font-weight:400!important;} 
.fw-400 { font-weight: 400!important;}

.color_body{color:var(--cocoon-text-color);}
.color_blue{color:var(--color_blue);}
.color_green{color:var(--color_green);}
.ls_tel{letter-spacing:0.1rem!important;}

.bg_blue{background-color:var(--color_blue);}
.bg_yellow{background-color:var(--color_yellow);}
.bg_lightblue{background-color:var(--color_lightblue);}
.shadow_wrap{box-shadow: 10px 10px 0 rgba(0, 0, 0, 0.4);}

.rounded_m{border-radius:var(--rounded_m);}
.rounded_img > img{border-radius:var(--rounded_m);}}

/*animation--------------------------------*/
.fadeIn,.fadeUp{opacity: 0;}
.delay_s{animation-delay: 0.4s;}
.delay_m{animation-delay: 0.8s;}
.delay_l{animation-delay: 1.2s;}
.delay_1{animation-delay: 1.6s;}
.delay_2{animation-delay: 2s;}
.delay_3{animation-delay: 2.4s;}
.delay_4{animation-delay: 2.8s;}

.fadeIn.is-show{
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000; 
perspective: 1000; 	
will-change: transform, opacity;
animation-name: fadeInAnime;
animation-duration:0.8s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/************************************
** bootstrap:レスポンシブデザイン用のメディアクエリ
************************************/
@media screen and (min-width: 1200px){
}
@media screen and (max-width: 1199.98px) { /*xl（ここからmobile-menu表示）*/
		#home_menuicon ul.ul_btnlist > li{ width:30%;}
}
@media screen and (max-width:991.9px){/*lg*/
}
@media screen and (max-width:767.9px) {/*md: sp*/
/*mainimg ------------------------------*/
.header-cover {
	background-image:url('../../../uploads/mainview_sp-min.jpg');
	background-position:bottom center;
	background-size:cover;
}
#main_logo > img{
	max-width:60px;
	height:auto;
	margin:1rem 0;
}
#main_catch {
	max-width:600px;
}
#main_fukidashi {
	width:55%;
	right:42%;
	bottom:-5%;
}	
#footer_sitemap ul[id^="menu-sitemap-"]{
	flex-direction:column;
	align-items:center;
}	
}
@media screen and (max-width:575.9px){/*sm*/
.header-container-in.hlt-top-menu .logo-header{max-height:80px!important;}
.header-container-in.hlt-top-menu .logo-header img{max-height:80px!important;width:100%!important; max-width:300px!important}	
	
/*インデックス*/
	body.archive .entry-card-content{
    margin-left: 0;
    padding-top:2.5rem!important;
}
}

/************************************
** cocoon:レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下 humbergerMenuの表示*/
@media screen and (max-width: 1023px){
	.header-container-in.hlt-top-menu {flex-direction:row;height:100%;}
	.header-in{height:100%}
}

/*834px以下*/
@media screen and (max-width: 834px){
    main.main{padding:0!important;}/*必要：モバイルの両端の余白を取り除く*/
   table th, table td{font-size:1rem;}	
}

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