@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
*/

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


	@keyframes infinity-scroll-left {
from {
  transform: translateX(0);
}
  to {
  transform: translateX(-100%);
}
}
.scroll-infinity__wrap {
  display: flex;
  overflow: hidden;
}
.scroll-infinity__list {
  display: flex;
  list-style: none;
  padding: 0
}
.scroll-infinity__list--left {
  animation: infinity-scroll-left 80s infinite linear 0.5s both;
}
.scroll-infinity__item {
  width: calc(100vw / 6);
}
.scroll-infinity__item>img {
  width: 100%;
}



label {
   line-height: 35px;
}

.tag1 {
  border: solid 3px #639e68;
  margin: 3em 0 1em 0;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0.8px 0.8px 3px #d8d8d8;
}

.ele1 {
   text-align: justify; /* 両端揃え */
   text-justify: inter-ideograph; /* 両端揃えの種類 */
  padding-left: 20px;
　padding-right: 20px;
}

.widget-entry-card-content {
    margin-left: 135px;
	line-height: 25px;
}

.wp-block-image .img {
 border-radius: 4px;
}

.ba1, .ba2, .ba3 { 
	border-radius: 4px;
    box-shadow: 1px 1px 3px #715c1f;
}

.ti1, ti2 { 
	box-shadow: 0px 1px 3px #d8d8d8;
}

.box1 { 
	box-shadow: 1px 1px 3px gray;
}

.box2, .box3 { 
	box-shadow: 1px 1px 3px #d8d8d8;
}

.box4 {
	border: solid 0px;
	border-radius: 4px;
	box-shadow: 0.8px 0.8px 3px #d8d8d8;
}

.box5 {
	border-radius: 4px;
	box-shadow: 0.8px 0.8px 3px #d8d8d8;
}

.sen1 {
	border: solid 1.5px;
}

.bn1 {
	vertical-align:top;
	box-shadow: 2px 2px 3px #d8d8d8;
}


.tab-label-0 {
  box-shadow: 0px -1px 3px #d8d8d8 inset;
}
.tab-label-1 {
  box-shadow: 0px -1px 3px #d8d8d8 inset;
}
.tab-label-2 {
  box-shadow: 0px -1px 3px #d8d8d8 inset;
}
.tab-label-3 {
  box-shadow: 0px -1px 3px #d8d8d8 inset;
}
.tab-label-4 {
  box-shadow: 0px -1px 3px #d8d8d8 inset;
}
.tab-label-group .tab-label.is-active {
    background-color: var(--cocoon-tab-label-active-color);
    color: var(--cocoon-white-color);
}

.tab-label-group .tab-label {
    background-color: var(--cocoon-tab-label-color);
	color: #3d130b;
    padding: 0.4em 1.5em;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin: 0;
    cursor: pointer;
}

:root {
  --cocoon-tab-label-active-color: #639e68;
  --cocoon-tab-label-color: #fff; 
}

.tab-content-group {
    background-color: #fff;
}


.shapedividers_com-1651{
overflow:hidden;
position:relative;
}
.shapedividers_com-1651::before{
content:'';
font-family:'shape divider from ShapeDividers.com';
position: absolute;
bottom: -1px;
left: -1px;
right: -1px;
top: -1px;
z-index: 3;
pointer-events: none;
background-repeat: no-repeat; 
background-size: 115% 68px;
background-position: 50% 0%;    
background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 1007.63 112.41"><path fill="%23ffffff" d="M0 0v11.51c167.94 33.54 503.8 0 503.8 100.9 0-100.9 335.9-67.36 503.83-100.9V0z"/></svg>'); 
}
 
 
/* アピールエリアカスタマイズ---------------------------------------------- */

/* ヘッダー（トップページのみ固定）---------------------------------------------- */
.front-top-page .header-container {
	 position: fixed; /* ヘッダーを固定する */
	 z-index: 9; /* ヘッダーを最前面に配置 */
	 width: 100%; /* ヘッダー幅を画面いっぱいに設定 */
}

.front-top-page .header-container,
.front-top-page .navi,
.front-top-page .navi-in a:hover {
	background-color: initial; /* ヘッダーの背景色をリセット */
}


/* アピールエリア---------------------------------------------- */
.appeal {
	height: 100svh; /* アピールエリアを画面全体の高さに調整 */
	background-size: cover; /* 背景画像をエリアにフィットさせる */
}

.appeal-in {
	height: 100%; /* アピールエリア内の高さを全体に設定 */
	width: 100%; /* アピールエリア内の幅を全体に設定 */
}

/* コンテンツエリア */
.appeal-content {
	background-color: initial; /* コンテンツエリアの背景色をリセット */
}

.home .entry-categories-tags.ctdt-one-row,
.home .article-header.entry-header {
	display: none;
}
.home main#main {
	padding-top: 0;
}
.home .column-wrap.column-2 {
	margin-top: 0;
}
.home .container .column-wrap > div {
	padding-top: 0;
}	
.entry-content{
	margin: 0px 5px 0px 5px;
}

.list9 {
  border: solid 3px #d89fbd;
  margin: 3em 0 1em 0;
  border-radius: 4px;
  background: #fff;
  font-size: 16px;
  box-shadow: 0.8px 0.8px 3px #d8d8d8;
}
.list9-title {
  font-size: 1.15em;
  background: #d89fbd;
  padding: 4px;
  text-align: center;
  color: #FFF;
  font-weight: bold;
  letter-spacing: 0.05em;
}
.list9 ul,.list9 ol {
  position: relative;
 margin: 0;
  padding: 0em 0.5em 0em 0.5em;
  color: #3d130b;
  border: none;
  list-style-type: none;
}
.list9 ol {
  counter-reset: number;
}
.list9 ul li,.list9 ol li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 1.6em;
  border-bottom: dashed 1px #d89fbd;
}
.list9 ul li:before {
  position: absolute;
  font-family: FontAwesome;
  content: "\f14a";
  left : 0.7em;
  color: #d89fbd;
}
.list9 ol li:before {
  display: inline-block;
  position: absolute;
  font-family: "Quicksand", sans-serif;
  content: counter(number);
  counter-increment: number;
  left: 0.5em;
  width: 22px;
  height: 22px;
  border-radius: 20%;
  background: #d89fbd;
  color: white;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  line-height: 22px;
}
.list9 ol li:last-of-type,.list9 ul li:last-of-type{
  border-bottom: none;
}

.list1 {
  border: solid 0px;
  margin: 0em 0 0em 0;
  border-radius: 4px;
  font-size: 16px;
}
.list1 ul,.list1 ol {
  position: relative;
 margin: 0;
  padding: 0em 0em 0em 0em;
  color: #3d130b;
  border: none;
  list-style-type: none;
}

.list1 ul li,.list1 ol li {
  line-height: 1.8;
  padding: 2em 1 0.5em 0em;
  border-bottom: dashed 1px #639e68;
}

.list1 ol li:last-of-type,.list1 ul li:last-of-type{
  border-bottom: none;
}

.list1 {
	max-width: var(--wp--style--global--content-size);
    margin-left: auto !important;
    margin-right: auto !important;
}

.grecaptcha-badge { visibility: hidden; }


/*ヘッダーモバイルボタンの文字色と背景色を変更*/
.search-menu-button.menu-button,
.navi-menu-button.menu-button{
	color: #715C1F;
}

.search-menu-button{
display:none;
}

.navi-menu-caption.menu-caption,.home-menu-caption.menu-caption,.search-menu-caption.menu-caption,.top-menu-caption.menu-caption,.sidebar-menu-caption.menu-caption{
display:none;
}

.menu-drawer a {
    color: #715C1F;
    text-decoration: none;
    padding: 6px;
    display: block;
}

/*ナビメニュー右から表示*/
.navi-menu-content {
  left: auto;
  right: 0;
  transform: translateX(105%);
}

/*ヘッダーモバイルボタン高さ変更*/
.search-menu-button.menu-button,
.navi-menu-button.menu-button{
	height: 65px;
	padding-top: 8px;
}

.mobile-menu-buttons .menu-button .fa-star {
	display: none;
}

.mobile-menu-buttons {
    color: #715C1F;
}

.box-menu-icon {
    color: #639e68;
}

.box-menu {
    display: block;
    padding: 0.5em 1em;
    text-decoration: none;
    text-align: center;
    min-height: 100px;
    cursor: pointer;
    background: #fff;
    width: 25%;
    color: #715C1F;
    box-shadow: inset 1px 1px 0 0 #edede8, 1px 1px 0 0 #edede8, 1px 0 0 0 #edede8;
    transition: none;
}

.box-menu-label{
	color: #3d130b;
}

/* ↓↓ナビゲーションメニュー、サイドバーの×ボタン */
.menu-close-button {
  margin-right: 8%;
  text-align: right;
  color: #715C1F;
}

.info-list-item-categorys .entry-category {
    display: none;
}

.is-style-divider-line .info-list-item {
    border-bottom: 1px dashed #639e68;
}

.blank-box1 {
    padding: 0px;
}

.cstm-blk-fullwide {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}

.cstm-blk-fullwide {
  margin-bottom: 0;
  line-height: 0;
}

/* ========== circle & wave path end ==========　*/

/* styles.css */
.body {
    margin: 20;
    font-family: Arial, sans-serif;
}

.scroll-container {
    display: flex;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
}

.scroll-content {
    display: flex;
    animation: scroll 10s linear infinite;
}

.item {
    flex: 0 0 auto;
    width: 200px;/*お好みの幅に調整*/
    height: 240px;/*お好みの高さに調整*/
    background-color: #fff;
    margin: 0 10px;/*左右の余白はここを調整*/
    text-align: center;
    line-height: 200px;
    font-size: 24px;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

.semicircle {
  position: relative;
  background: #fff;
  height: 5vh;
}

.semicircle::before {
  position: absolute;
  content: '';
  left: 50%;
  z-index: 10;
  width: 183px;
  height: 167px;
  border-radius: 50%;
  background: #fff;
  transform: translateX(-50%) translateY(64%);
  bottom: 0px;
}

.tate {
	writing-mode: vertical-rl;    /* 文章を縦書きにする */
	margin: 0 auto;               /* コンテンツを中央寄せにする */
	font-size:23px;               /* 文字サイズを23pxに設定 */
	font-family:serif;            /* 明朝体にする */
	line-height:50px              /* 文字間隔を50pxに設定 */
}


.im1, .scroll-container {
   margin: 0 calc(50% - 50vw);
   width: 100vw;
}

.im8 {
    max-width: none;
    height: auto;
    vertical-align: middle;
	margin: 0 calc(50% - 50vw);
    width: 100vw;
}

.tab1, .tab-content-group {
	border: solid 0px;
	border-radius: 4px;
	box-shadow: 1px 1px 3px #d8d8d8;
｝


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	

.shapedividers_com-1651::before{ 
bottom: -0.1vw;
left: -0.1vw;
right: -0.1vw;
top: -0.1vw; 
background-size: 100% 175px;
background-position: 50% 0%; 
transform: rotateY(180deg); 
}
}


/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	
.shapedividers_com-1651::before{
background-size: 100% 59px;
background-position: 50% 0%;  
transform: rotateY(180deg); 
}  
.article ol {
        padding-left: 0px;
    }
}
 
 
/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/

.shapedividers_com-1651::before{
background-size: 100% 59px;
background-position: 50% 0%;  
transform: rotateY(180deg); 
}  	
}