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

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

.menu-close-button {
    text-align: right!important;
}

.article h2{
	font-size: 28px!important;
	color: #333!important;
	background-color: inherit!important;
	font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif!important;

}

a.wp-block-button__link:hover{
	background-color:#000;
}
.section{
	padding:110px 0;
}

.entry-title, .archive-title {
    border-bottom: solid #000 1px;
    padding-bottom: 15px;
	font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif!important;

}

.article h3 {
    border: 0;
    background-color: #ececec;
}

.post-date{
    display: none!important;
}
.wp-block-buttons .wp-block-button:last-child {
    margin-right: 0;
    text-align: center;
    margin: 0 auto;
    width: 100%;
}

.wp-block-button__link {
    margin: 20px auto!important;
    display: block!important;
    max-width: 280px!important;
    border-radius: 0!important;
}

.wp-block-image img {
    max-width: 100%;
    width: 100%;
}

body.public-page {
    overflow-x: hidden;
}
/* -----------------------------------------------------
		コト旅
 ----------------------------------------------------- */
.flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items:center;
}
.kototabi_area{
	border-top:solid 1px #000;
}
.lower_kototabi_area{
    border-top:0px;
}
.kototabi_area .txt_p{
	text-align:center;
}
.kototabi_contents{
    margin:80px auto 30px;
}
.lower_kototabi_area .index_content1 {
    margin: 0 auto;
    padding: 0!important;
}
.index_content1{
    width: 100%!important;
    max-width: 1080px;
    margin: 0 auto;
}

.lower_kototabi_area .kototabi_contents{
    margin:0 auto 30px;
}
.kototabi_contents:after{
    content: "";
    width: 31.5%;
}
.kototabi_contents{
    align-items:flex-start;
}
.kototabi_contents li {
    margin: 0 0 30px!important;;
    background-color: #f7f7f7;
    width: 31.5%;
    padding: 20px;
    box-sizing: border-box;
    list-style: none;
}
.kototabi_contents li img {
    width: 100%;
    height: auto;
    object-fit: cover;
    margin-bottom:0;
}
.kototabi_contents li h3{
    font-size: 18px;
    font-weight: 500;
    padding:0 0 3px;
    font-weight: 600;
    margin:20px 0;
    border:0;
    background-color:inherit;
}
.koto_ct {
    background-color: #c50202;
    padding: 5px 10px;
    margin-bottom: 10px;
    font-weight: 600;
    display: inline-block;
    font-size: 12px;
    color: #fff;
}
.koto_ct.anani{
    background-color: #dc4a63;
}
.koto_ct.sonota{
    background-color: #bb8abb;
}
.koto_ct.monodukuri{
    background-color: #63c2c8;
}
.koto_ct.matiaruki{
    background-color: #9dd095;
}
.koto_ct.kengaku{
    background-color: #fab03d;
}
.kototabi_txt {
    background-color: #fff;
    padding: 10px;
    border-radius: 7px;
    margin-bottom: 10px;
}
.yak_btn a{
    display: block;
    margin:20px auto 0;
    background-color: #c50202;
    color: #fff;
    text-align:center;
    padding:5px 0;
    text-decoration:none;
}
.yak_btn a:hover{
    opacity: 0.7;
    color: #fff;
}
.hitokoto {
    text-align: center;
    font-weight: 600;
    line-height: 1.5;
    font-size: 14px;
}
.kototabi_price {
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    color: #c50202;
}
.kototabi_price span{
    font-size: 16px;
    padding-left: 2px;
}
.koto_tx{
    font-size: 14px;
}
.design_txt h2,
.design_txt h1{
    font-size: 35px;
    margin-bottom: 50px;
    text-align: center;
    line-height: 1.6!important;
    font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    font-weight: 400;
}
@media (max-width: 1024px){
}
@media (max-width: 768px){
.kototabi_contents li {
    width: 48%;
}
.kototabi_area .flex{
    align-items:flex-start;
}
}
@media (max-width: 500px){
.kototabi_contents {
    margin: 40px auto 20px;
}
.kototabi_contents li {
    width: 100%;
}
.kototabi_contents li h3 {
    font-size: 15px;
}
.design_txt h2,
.design_txt h1{
    font-size: 25px;
    margin-bottom: 30px;
    text-align: center;
    line-height: 1.6!important;
}
}
@media (max-width: 375px){
}
@media (max-width: 320px){
}

figure.wp-block-table table {
    width: 100%!important;
}

.marker-blue {
    background-color: #d1e8f7;
}

.marker-red {
    background-color: #eddcf9;
}

.article .wp-block-gallery ul {
    width: 100%;
}

/* ----------------------------------------------------- */
.news_area{
}
.top_news_list {
    margin:60px auto;
    max-width: 950px;
}
.top_news_list dl {
    border-bottom: dotted 1px #ccc;
    overflow: hidden;
}
.top_news_list dl dt {
    padding: 20px;
    width: 20%;
    float: left;
    clear: left;
    box-sizing: border-box;
}
.top_news_list dl dd {
    position: relative;
    padding: 20px;
    width: 80%;
    float: left;
    box-sizing: border-box;
    margin-left: 0;
}
.top_news_list dl dd a {
    font-size: 15px;
    color: #333;
    text-decoration:none;
}


@media (max-width: 1024px){
}
@media (max-width: 768px){
}
@media (max-width: 500px){
.top_news_area {
    padding: 50px 0;
}
.top_news_list dl dt {
    padding: 10px 0;
    width: 100%;
}
.top_news_list dl dd {
    padding: 0 0 10px;
    width: 100%;
}
.top_news_list {
    margin: 40px 0;
}
.top_news_area .btn3_area .btn {
    width: 78%;
}
}
@media (max-width: 375px){
}
@media (max-width: 320px){
.access_address dl dt {
    width: 100%;
}
.access_address dl dd {
    width: 100%;
}
}
/* ----------------------------------------------------- */
.miyage_area{
	background: #f7f7f7;
	padding:50px 0 10px;
}
.miyage_area h1{
	font-size:28px;
	text-align: center;
	margin-bottom:30px;
	font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.miyage_area li{
	width: 48%;
}
.miyage_area li a{
	display: block;
}
.miyage_area li a:hover{
	opacity: 0.7;
}
.miyage_area li a img{
	width: 100%;
    display: block;
    height: auto;
}
.miyage_area .ttl{
	margin-top:80px;
}
.miyage_area .txt_p {
    text-align: center;
    line-height: 2;
}
.gekusangu_contents {
    margin: 0 auto;
    align-items: flex-start;
    padding:0;
}
.gekusangu_contents li{
    margin:0 0 20px!important;
    width: 31.5%;
    list-style: none;
}
.gekusangu_contents li a{
	display: block;
	color: #333;
	text-decoration:none;
}
.gekusangu_contents li img {
    width: 100%;
    height: auto;
    object-fit: cover;
    margin-bottom:10px;
}
.gekusangu_contents li h3{
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 10px;
    padding: 0 0 3px;
    border:0;
    background-color:inherit;
}
@media (max-width: 1024px){
.miyage_area{
	padding:20px 20px 10px;
}
}
@media (max-width: 768px){
}
@media (max-width: 500px){
.miyage_area li {
    width: 100%;
    margin-bottom: 10px;
}
.gekusangu_contents {
    margin: 30px auto 20px;
}
.gekusangu_contents li {
    margin: 0 0 20px;
    width: 100%;
}
.gekusangu_contents li h3 {
    font-size: 15px;
}
.miyage_area h1{
	font-size:22px;
	font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
}
@media (max-width: 375px){
}
@media (max-width: 320px){
}
/* --------------------------------------------------------
      form
 /* ----------------------------------------------------- */
.contact_area{

}
.contact_area .pt40{
    padding-top: 40px;
}
.top_tac {
    text-align: center;
    border: solid 1px;
    max-width: 650px;
    margin: 40px auto;
}
.top_tac .tel {
    font-size: 34px;
    line-height: 1;
    position: relative;
    color: #ad0606;
    font-weight: 600;
    margin-bottom: 10px!important;
}
.top_tac .tel a{
	text-decoration:none;
}
p.low_txt_p {
    max-width: 600px;
    margin: 0 auto;
}
.top_tac .tel a{
    background-color: inherit!important;
    color: inherit!important;
    width: 100%!important;
    padding: 0!important;
    display:block!important;
    max-width: inherit!important;
}
.top_tac_text{
    font-size: 1.5rem;
    margin-bottom: 10px!important;
}
.top_tac .section4_left{
    margin-top: 30px;
}
.contact_area .normal_text{
    font-size: 1.5rem;
    max-width: 600px;
    margin: 0 auto;
    margin-top: 40px;
}
.contact_area table{
    max-width: 800px!important;
    width: 100%;
    margin: 0 auto!important;
    margin-top: 100px!important;
}
.contact_area th,
.contact_area td{
    text-align: left;
    display: block;
    width: 100%;
    padding: 5px 0!important;
    font-size: 15px;
    font-weight: 500;
    border: 0px!important;
    background-color: #fff!important;
}
.contact_area th,
.contact_area td.contact_txt_area{
    height: inherit;
}
.contact_area td.radio input{
	width: inherit;

}
.contact_area th{
    padding-left: 10px;
}
.contact_area th span{
    color: #ad0606;
    font-size: 20px;
}
.contact_area td input,.contact_area td textarea{
    width: 100%;
    padding: 10px;
    background-color: #f7f7f7;
    border: none!important;
}
.submit_button_area{
    display: block;
    width: 240px;
    height: 60px;
    margin: 0 auto;
    margin-top: 60px;
}
.submit_button{
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 16px;
    transition: .5s;
    background-color: #333!important;
    border: 1px solid #333!important;
}
.submit_button:hover{
    color: #333;
    background-color: #fff!important;
}

.contact_area .section4_right_top{
    margin-top: 20px;
}
@media (max-width: 500px){
.top_tac .tel {
    font-size: 25px;
}
.top_tac_text{
    font-size: 20px;
    margin-bottom: 10px!important;
}
}
/* ---------------------------------------------------------------------------- /
    / プライバシーポリシー
    / ---------------------------------------------------------------------------- */

/*プライバシーポリシー*/
.privacy_area {
    padding: 50px 0 30px;
    border: solid 1px #808080;
    max-width: 800px;
    margin: 60px auto;
}
.form_ttl_p h3{
    text-align:center;
}
.privacy_area .privacyttl{
    margin-bottom: 30px;
}
.privacy_area .privacyttl{
    font-size:22px;
    text-align:center;
    font-weight:600;
    position: relative;
    padding-bottom: 15px;
}
.privacy_area .privacyttl:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 1px;
    border-bottom: solid 1px #808080;
}
.privacy_box{
    max-width: 800px;
    margin:0 auto;
    line-height: 2;
    overflow: auto;
    height: 200px;
    margin-bottom: 15px;
    padding:20px;
    box-sizing: border-box;
}
.privacy_box p{
    display: block;
    font-size:14px;
}
.privacy_box h3{
    font-weight: 500;
    border-bottom: 1px dashed #21295c;
    padding: 10px 0!important;
    margin:30px 0 15px!important;
    font-size:18px!important;
    text-align: left;
}
    ::-webkit-scrollbar{
    width: 10px;
}
    ::-webkit-scrollbar-track{
    background: #fff;
    border: none;
    border-radius: 10px;
    box-shadow: inset 0 0 2px #ccc; 
}
    ::-webkit-scrollbar-thumb{
    background: #ccc;
    border-radius: 10px;
    box-shadow: none;
}

@media (max-width: 500px){

}
/* ---
/* ----------------------------------------------------- */
/************************************
** 全幅対応css
************************************/
.alignwide {
	margin-left: 0;
	margin-right: 0;
	max-width: 100vw;
}

.alignfull {
	margin-left: calc(-100vw / 2 + 100% / 2);
	margin-right: calc(-100vw / 2 + 100% / 2);
	max-width: 100vw;
}

.alignfull img {
	width: 100vw;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1024px){
  /*必要ならばここにコードを書く*/
.navi-in > ul li {
    width: calc(100% / 7);
}
#navi .navi-in a, #navi .navi-in a:hover {
    font-size: 14px!important;
}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
  #navi .navi-in > .menu-mobile {
    display: none;
}
.header div.header-in {
    display: none;
}
.header div.header-in, .appeal div.appeal-in {
    min-height: 600px!important;
}
.copyright {
    margin-top: 10px;
}
}

/*480px以下*/
@media screen and (max-width: 500px){
  /*必要ならばここにコードを書く*/
.article h2 {
    font-size: 22px!important;
    line-height: 1.6;
}
.header div.header-in, .appeal div.appeal-in {
    min-height: 400px!important;
}
.article ul, .article ol {
    padding-left: 0;
}
.top_news_list {
    margin: 40px 0 0;
}
.section{
	padding:60px 0;
}
.has-text-align-center {
    text-align: left!important;
}
.navi-footer-in > .menu-footer li.menu-item {
    width: 100%!important;
}
.copyright {
    font-size: 10px;
}
}
.instagram-media {
position: static !important;
}
#sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio h3 {
    padding-top: 9px!important;
    background-color: inherit;
}