@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
*/
/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
body {
  background-color: #fff;
}

.no-sidebar .wrap {
  width: 1000px;
  max-width: 100%;
}

.page .entry-title {
  display: none;
}
.tagline{
  display: none;
}
.info-list-item-meta{
  display: none;
}

.logo-text{
  padding: 5px 0;
  text-align: left;
}

#header .site-name-text {
  font-size: 14px;
}

.footer{
  background: #fbfbfb;
  padding: 0;
}
.footer-bottom{
  padding: 16px 8px;
}
.footer-bottom.fdt-up-and-down .footer-bottom-content{
  display: flex;
  flex-direction: column;
  align-items:center;
}
.footer-bottom-copy{
  align-self: flex-end;
  margin-bottom: 1em;
  display:none;
}
.footer-bottom-bnr{
  width: 100%;
  margin-bottom: 2em;
  display: flex;
  justify-content: center;
}
.footer-bottom-bnr img{
  vertical-align: middle;
}
.footer-bottom-bnr a:hover{
  opacity: .7;
}
.copyright{
  display: none;
}
.navi-footer-in a {
    font-size: .75rem;
}
.navi-footer-in a:hover {
	text-decoration: underline;
}
.footer-bg{
  width: 100%;
  height: 87px;
  background: url(/wp/wp-content/themes/cocoon-child-master/img/footer_bg.jpg) left/cover;
  text-align: center;
}
/*.footer-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left;
}*/

.footer-bg-inner {
  max-width: 880px;
  width: 100%;
  margin: 0 auto;
  text-align: right;
  color: #fff;
  font-weight: 600;
  margin-top: 60px;
  display: inline-block;
  font-size: .75rem;
}


.content {
  margin-top: 0;
}
.main {
    padding: 0 29px;
}
.amp-page-nav {
	
	margin-top: 2rem;
	margin-bottom: 4rem;
}
.amp-page-nav_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*-ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.5%;*/
	gap: 1.2%;　/*本当は1.2;*/
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
    /*padding-inline: 1em;
	max-width: 1000px;
    margin: 0 auto;
    padding-inline: .6em;*/
}
.amp-page-nav_list a {
  /*font-size: 1.125rem;*/
  /*font-size: .875rem; 本当はこれ*/
	font-size: .700em; /*本当は .875rem*/
	font-weight: 500; /*本当は600*/
  text-align: center;
  /*width: calc((100% - 2em) / 3);*/
  width: calc((100% - 2em) / 3); /*width: calc(100% / 6);width: 46%;*/
  /*height: 80px;*/
  height: 100px; /*本当は 60px*/
  background: url(/wp/wp-content/themes/cocoon-child-master/img/home_cont_bg.jpg) center/cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: inherit;
  text-decoration: none;
  /*line-height: 1;*/
  line-height: 0.9; /*本当は1.4*/
  -webkit-transition: 0.5s;
  transition: 0.5s;
  /*padding-inline: 0.5em;*/
}
.amp-page-nav_list a span {
  padding-top: 0.3em;
}
span.button_en2 {
font-weight: 10;
	font-size: 0.6rem;
	/*
	height: 20px;
	line-height: 0.5;
	padding-inline: 0.1em;
	*/
}
.amp-page-nav_list a:hover {
  -webkit-box-shadow: 0 0 1px 3px #fe9d28;
          box-shadow: 0 0 1px 3px #fe9d28;
}
.breadcrumb {
    margin: 0;
}



.vw_l {
  display: block;
}

.vw_s {
  display: none;
}

.mobile-menu-buttons .menu-button > a {
    font-size: 15px;
    line-height: 1.4;
    padding: 10px 0;
}

.navi-menu-content {
  left: auto;
  right: 0;
  transform: translateX(105%);
}
.mobile-menu-buttons .menu-button > a {
    font-size: 14px;
}

/************************************
**  投稿ページ
************************************/

.article {
	margin-top: 2rem;
}
.entry-title {
	color: #A50025;
	margin-bottom: 2rem;
}
.entry-title:before {
	content: "";
	border-left: 6px solid #A50025;
	padding-right: 1rem;
	font-size: 28px;
	font-weight: 600;
}
@media screen and (max-width: 834px) {
	.article {
		margin-top: 0;
	}
	.entry-title {
		margin-bottom: 0;
		line-height: 1.6!important;
		padding: .6em .8em .2rem;
	}
	.entry-title:before {
        font-size: 24px;
    }
	.entry-content {
		margin: 0 4%;
	}
}

/************************************
**  固定ページ
************************************/
/* 固定ページ */
.column p {
    margin-bottom: 0;
}
.column_ttl {
    text-align: center;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 3rem;
}
.history_ttl_img {
    width: 62%;
}
.difference_ttl_img {
    width: 62%;
}
.column_box_inner {
    clear: both;
    margin-bottom: 3rem;
}
.column_inner_ttl {
    margin-bottom: 1.5rem!important;
}
.ttl_border {
  border-left: 4px solid #0101FF;
  padding-right: 1rem;
  font-size: 28px;
  font-weight: 600;
}
.ttl_txt {
  color:#0101FF;
  font-size: 24px;
  font-weight: 600;
}
.column_box {
    max-width: 840px;
    margin: 0 auto;
}
.column_inner_flex {
    display: flex;
    gap: 2%;
    margin-bottom: 2.5rem;
}
.difference_flex {
    gap: initial;
}
.column_inner_img_01 {
    width: 30%;
}
.column_inner_img_02 {
    width: 50%;
}
.column_inner_img_03 {
    width: 35%;
}
.column_caption {
    margin-bottom: 0;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
}
.column_inner_txt_01 {
    width: 70%;
}
.column_inner_txt_02 {
    width: 50%;
}
.column_inner_txt_03 {
    width: 65%;
}
.column_inner_float p {
    margin-bottom: .8rem;
}
.column_inner_float_l {
    float: left;
}
.column_inner_float_r {
    float: right;
}
.float_r_img_50 {
    width: 50%;
    margin-left: 5%;
    margin-bottom: 1.5rem;
}
.float_r_img_27 {
    width: 27%;
    margin-left: 3%;
    margin-bottom: 0;
    line-height: 1;
}
.float_r_img_32 {
    width: 32%;
    margin-left: 2%;
    margin-bottom: 0;
    line-height: 1;
}
.float_l_img_32 {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 0;
    line-height: 1;
}
.float_l_img_35 {
    width: 35%;
    margin-right: 3%;
    margin-bottom: 0;
    line-height: 1;
}
.tanning_catch {
    margin-bottom: 1.5rem!important;
}
.tanning_txt {
    margin-bottom: 3rem!important;
}
.column_inner_txt p {
    margin-bottom: 1rem!important;
}
.column_inner_txt ul {
    list-style: none;
    padding-left: 1rem;
    font-size: 14px;
    margin: 1.2rem 0;
    /*border: 1px solid #ddd;
    padding: .8rem 1.2rem;*/
}
.column_inner_txt ul li {
    margin-bottom: .4rem;
}
.column_inner_txt dl {
    display: flex;
    margin-bottom: 0!important;
    margin-top: .4rem;
    margin-left: 1rem;
}
.column_inner_txt dl dt {
    width: 5em;
}
.column_inner_txt dl dd {
    margin-left: 0!important;
    width: 90%;
}
.column_inner_txt_ttl {
    font-weight: 600;
    font-size: 20px;
    margin: 1.5rem 0 .6rem!important;
}
@media screen and (max-width: 834px) {
    .history_ttl_img, .difference_ttl_img {
        width: 100%;
    }
    .column_ttl {
        margin-bottom: 1.5rem;
    }    
    .ttl_img {
        width: 100%;
    }
    .ttl_border {
        font-size: 24px;
    }
    .ttl_txt {
        font-size: 20px;
    }
    .bottom_0 {
        margin-bottom: 0!important;
    }
    .bottom_08 {
        margin-bottom: .8rem!important;
    }
    .column_inner_flex {
        flex-direction: column;
        margin-bottom: 0;
    }
    .column_inner_img {
        width: 80%;
        margin: 0 auto;
    }
    .column_inner_txt {
        width: 100%;
    }    
    .column_inner_float p {
        margin-bottom: 0;
    }    
    .float_r_img_50 {
        width: 62%;
        margin-left: 2%;
        margin-bottom: 0;
    }
    .float_r_img_20 {
        width: 48%;
    }
    .float_r_img_30 {
        width: 58%;
    }    
    .float_l_img_25 {
        width: 52%;
    }
}

/************************************
**  投稿_インデックスページ
************************************/
.entry-card-thumb {
	display: none;
}
.entry-card-content {
	margin-left: 0;
	margin-bottom: .5rem;
	font-weight: 400;
}

.list {
    max-width: 70%;
    margin: 0 auto;
    row-gap: initial;
}
.list a {
	border-bottom: 1px solid #ddd;
	padding-top: 2rem;
}
.list a:hover {
	background-color: initial;
	text-decoration: underline;
}
.list a:last-child{
	border-bottom: none;
}
.archive-title {
    width: 70%;
    margin: 0 auto;
    margin-top: 2rem;
}
.entry-card-title {
    /*margin: 0 0 5px 0;*/
    margin-bottom: .4rem;
}
@media screen and (max-width: 834px) {
	.list {
		max-width: 95%;
	}
	.archive-title {
		width: 95%;
	}
	.entry-card-content {
		margin-bottom: 1.5rem!important;
		padding-bottom: 0;
	}
	.entry-card-title {
		font-weight: 400;
	}
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px) {
  /*必要ならばここにコードを書く*/
}
/*834px以下*/
@media screen and (max-width: 834px) {
  .vw_l {
    display: none;
  }
  .vw_s {
    display: block;
  }
	#header .site-name-text {
  font-size: 11px;
	}
	.navi-footer-in > .menu-footer li.menu-item {
        width: 48%;
    }
	.footer-bg-inner {
		text-align: center;
	}
	.navi-footer-in a {
		font-size: .625rem;
	}
	.content {
		margin-top: 10px;
	}
	.amp-mv {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 20vh;
		overflow: hidden;
	}
	.amp_mv_sp {
		max-height: 100%;
        max-width: initial;
	}
	.amp-page-nav_list {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
		gap: .4rem;
	}
	.amp-page-nav_list a {
		width: 46%;
		height: 70px; /*本当は55px*/
	}

	main.main {
        padding: 1rem;

    }

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