@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{font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
.inner{max-width:1000px;
margin:0 auto;}
.logo-image{background-image:url(https://mareblu.jp/wp/wp-content/uploads/2023/07/vegeline.png);
background-repeat:repeat-x;
	background-size:auto 50px;
background-position:left bottom -20px;}
.header{height:auto;}

.navi .item-label{font-family:"リュウミン B-KL","游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho",serif;
font-weight:bold;}
.navi .item-label:hover{
	background-image:url(img/icon.png);
	background-repeat:no-repeat;
	background-position:10px 20px;
	background-size:20px 20px;
}
.tagline{display:inline-block;
	margin:10px auto 0;
	padding:0.5em 1em;
background:#fff;
color:#000;
border-radius:1em;
font-weight:bold;}
.taglinetips{width:100px;
	margin:0 auto;
	background:url(img/taglinetips.png) no-repeat right top;
	height:10px;
}
.fixed-header .taglinetips{display:none;}
.mv{
background-size:cover;
background-position:center top;
height:calc(90vh - 100px);
display:flex;
align-items:flex-end;
justify-content:center;}
.mv h2{text-align:center;
}
.mv h2 img{max-width:300px;
width:70%;}
.netshopbt{
text-align:center;
margin:2em auto;}
.netshopbt img{width:100%;
border:1px solid #ccc;}
.netshopbt a:hover{opacity:0.7;}

.top_yesno{padding:5em 1em;
border:1px solid #ccc;}
.top_yesno::after{content:"マスコットキャラクター「マレにゃん」";
display:block;
text-align:center;
margin-top:1em;}

.widget-title {
  position: relative;
	text-align:center;
  padding: 1rem 2rem calc(1rem + 10px);
  background:#FFDEA9;
margin:15px 0 1em 10px;
	width:100%;
color:#000;
}
.sow-post-carousel-theme-base .sow-carousel-title.has-title{padding-top:10px;}
.widget-title:before {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 100%;
  height: 100%;
  content: '';
  border: 2px solid #999;
}
.home .widget-title{font-size:1.6em;
font-family:"リュウミン B-KL","游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho",serif!important;}

.xo-event-calendar table.xo-month .month-event-title{color:#fff!important;}


.widget h3{border-bottom:3px solid #f8bd06;
margin-bottom:1em;
padding-left:0.5em;}
.textwidget{padding:1em;}
.bntxt h3{font-size:16px!important;}
.bnspc table,.bnspc td{border:none;}
.bnspc table td img{width:100%;}

/*youtubeチャンネルボックス*/
.youtubebox{width:600px;
margin:0 auto;}

.youtubebox td,.youtubebox th{vertical-align:top;}
.youtubebox th{padding-top:30px;}

/*snsアイコン*/
.sns{display:flex;
justify-content:center;}
.sns a{text-decoration:none;}
.fb,.yt,.ig{margin:0 10px;}
.fb i{margin-right: 0.2em;
color:#1877F2;}

.yt i{color: #f00;
margin-right: 0.2em;}

.ig i{margin-right: 0.2em;
    background: linear-gradient(90deg, #4158D0, #C850C0 100%, #FFCC70);
    background: -webkit-linear-gradient(0deg, #4158D0, #C850C0 100%, #FFCC70);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent; 
}

/*イベントマップ調整*/
.gmap iframe{width:100%;
height:300px;}

/*メルマガ用*/
form.mailpoet-manage-subscription .mailpoet_text_label, 
form.mailpoet-manage-subscription .mailpoet_select_label, 
form.mailpoet-manage-subscription .mailpoet_segment_label{
    display: block;
    font-weight:bold;
}
form.mailpoet-manage-subscription .mailpoet_select, 
form.mailpoet-manage-subscription .mailpoet_text{
	width: 50%;
	padding: 12px;
}
form.mailpoet-manage-subscription .mailpoet_paragraph{
	margin-bottom:20px
}
form.mailpoet-manage-subscription .mailpoet_submit{
    padding: 20px 20px;
    width: 50%;
    font-weight: bold;
    font-size: 11pt;
}
#sbi_images .blogcard{display:none!important;}

.top_mailmagazine .mailpoet_form_columns{padding:2em 2em 1em;}

.mailpoet_form .mailpoet_submit{background:#e04444;
color:#fff;
font-weight:bold;
font-size:1.5rem;
border-radius:10px;}

/*カラム分割*/
.df{display:flex;
justify-content:space-between;}
.col1-3{flex-basis:32%:}
.col2-3{flex-basis:64%;}
.swiper{width:100%!important;}

.event-left{width:64%;}
.event-right{width:32%;}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	.tagline{margin-right:1em;
	margin-left:1em;}
	.netshopbt img{width:90%;}
	.mv{height:50vh;}

}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.df{flex-direction:column;}
	.event-left,.event-right{width:100%;}
}

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