@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
*/
/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/**************************************/
/* ヘッダーボタン */
/* PC版のグローバルナビメニューを非表示にする */
.header-container-in.hlt-top-menu {
  display: none;
}
/* PC版でもモバイルヘッダーボタンを表示する */
.mobile-header-menu-buttons {
  justify-content: space-around;
  bottom: auto;
  top: 0;
  display: flex;
}
/* ヘッダーボタン調整 */
.mobile-menu-buttons .menu-button {
  width: auto;
}
li.logo-menu-button.menu-button img {
  vertical-align: text-top;
  padding-top: 1%;
  padding-bottom: 1.5%;
}
@media (max-width: 480px) {
  .mobile-menu-buttons .menu-caption {
    font-size: 8px !important;
    opacity: unset;
    width: 45px;
  }
}
/**************************************/

/** テーブル **/
.tablepress img {
	width: 100%;
	max-width: 100%;
	height: auto;
	-moz-border-radius: 10px; /* 古いFirefox */
	-webkit-border-radius: 10px; /* 古いSafari,Chrome */
	border-radius: 10px; /* CSS3 */
}
.tablepress {
	border: none !important;
	text-align: center;
	border-style: none;
	table-layout: fixed;
	font-size: 18px;
}
.tablepress tbody td,
.tablepress tfoot th {
	border: none !important;
}
.tablepress td,
.tablepress th {
	padding: 8px 8px !important;
}
#mb-kotu table{
  text-align: left;
}

/** 文字装飾変更 **/
.orange-under {
    border-bottom: 4px dashed #ff9933;
}
.blue-under {
    border-bottom: 4px dashed #3399ff;
}
.pp-under {
    border-bottom: 4px dashed #ff3399;
}

/* タイトル非表示 */
article header {
    display: none;
}

/* nigiwaiの枠 */
div.su-note {
    border: dashed 2px;
}

/* button */
.omo-button-center {
    text-align: center;
    margin-bottom: 0px;
}
.omo-button-style-default {
    border-width: 1px;
    border-style: solid;
}
.omo-button-wide {
    display: block!important;
    margin: 1em 0;
}
.omo-button {
    text-align: center;
    text-decoration: none!important;
    box-sizing: content-box!important;
    transition: all .2s;
}
a.omo-button-wide span {
    padding: 0.5em 5px !important;
}
.omo-button span {
    padding: 5px !important;
}
.omo-button-style-default span {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
}
.omo-button span {
    display: block!important;
    text-decoration: none!important;
    box-sizing: content-box!important;
    transition: all .2s;
}
.omo-button img {
    border: none!important;
    vertical-align: middle!important;
    margin: -0.2em 0.4em 0 -0.3em!important;
    box-shadow: none!important;
}

/* レビュータイトル */
h2#tokusyusyokai {
    background-color: #fff;
    color: #000;
    border-bottom: #ff9933 solid;
    margin-bottom: 0px;
    padding: 15px;
}

/*******************/
/** フッター調整　**/
.copyright {
    margin-right: 10px;
}
.footer {
    margin-top: unset;
}
.footer-bottom-logo img {
	height: auto;
	margin-bottom: 50px;
}
.navi-footer-in>.menu-footer {
	margin-bottom: 40px;
}

/*******************/
/** ヘッダ調整 **/
.content {
    margin-top: unset;
}
h1.entry-title {
    font-size: initial;
    text-align: right;
}
div.logo-header > a > span > img  {
	display: none;
}
.header {
    background-size: 1000px 200px;
}

/*******************/
/** モバイルメニュー
#navi-menu-input:checked ~ #navi-menu-content {
	background-color: #3399ff;
}
.menu-drawer li {
    background-color: #3399ff;
    padding-top: 10px;
    border-bottom: 2px #ffffff dashed;
}
.mobile-menu-buttons .menu-button {
  	background-color: #3399ff;
}
.mobile-menu-buttons .menu-icon
,.mobile-menu-buttons .menu-caption
,.menu-drawer a
,.menu-close-button {
	color: #ffffff;
}
.logo-menu-button img {
    padding-right: 10px;
}
li.search-menu-button {
    display: none;
}
 **/

@media screen and (max-width: 1023px) {
    .mblt-footer-mobile-buttons, .mblt-header-and-footer-mobile-buttons {
        margin-bottom: unset;
    }
}

/*******************/
/** 画像調整 **/
article img {
	width: unset;
	border-radius: 10px;
    -moz-border-radius: 10px; /* for Firefox */
    -webkit-border-radius: 10px; /* for Chrome */
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
	article img {
		width: unset;
		border-radius: 5px;
		-moz-border-radius: 5px; /* for Firefox */
		-webkit-border-radius: 5px; /* for Chrome */
	}
	.navi-footer {
		display: none;
	}
	.footer-bottom {
		margin-top: unset;
	}
	.footer-bottom-logo img {
		margin-bottom: unset;
	}
	.header {
		background-image: unset;
		display: none;
	}
	article > div > h2:nth-child(1) {
		margin-top: unset;
	}
	article > div > div.omo-button-center > a > span {
		font-size: 30px !important;
	}
	#kahi_name {
		font-size: 150% !important;
	}
	#kahi_cmnt {
		font-size: 120% !important;
		letter-spacing: -1px;
	}
	#kahi_biko > span {
		font-size: 90%;
		letter-spacing: -1px;
	}
	div.su-note-inner {
		font-size: 125%;
	}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.tablepress {
		font-size: 22px;
		line-height: 1.3;
	}
}

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

/************************************
** review
************************************/
.arrow_box {
	position: relative;
	background: #f0f0f0;
	border: 4px solid #f0f0f0;
}
.arrow_box:after, .arrow_box:before {
	bottom: 94%;
	left: 2%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box:after {
	border-color: rgba(240, 240, 240, 0);
	border-bottom-color: #f0f0f0;
	border-width: 10px;
	margin-left: -10px;
}
.arrow_box:before {
	border-color: rgba(240, 240, 240, 0);
	border-bottom-color: #f0f0f0;
	border-width: 16px;
	margin-left: -16px;
}
/************************************
** サイトタイトル非表示化
************************************/
.site-name-text{
  display: none;
}
 
/*ヘッダーレイアウトがトップメニューのとき*/
.header-container-in.hlt-top-menu .site-name-text{
  display: none;
}
 
/*ヘッダーレイアウトがトップメニュー（小）のとき*/
.header-container-in.hlt-top-menu.hlt-tm-small .site-name-text{
  display: none;
}

#header-in > h1 > a > span > img {
  display: none;
}
 
/*端末幅が768px以下のとき*/
@media screen and (max-width: 768px){
  #header .site-name-text{
    display: none;
  }
}
 
/*端末幅が480px以下のとき*/
@media screen and (max-width: 480px){
  #header .site-name-text{
    display: none;
  }
}