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

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

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

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


.kasane {
  position: absolute;/*重ねたい子要素にabsolute*/
  bottom: 0;
  right: 0;
  color: #fff;
  font-size: 1.8rem;
  background-color: #fff;
  padding: 10px 40px 30px 20px;
	display: inline-block;
}

.kasane a:hover {
	color: #333;
	text-decoration-line: none;
}
/*========================================

	Style - Base

========================================*/

html {font-size: 62.5%;}
body {
	background-color: #f9f9f9;
	font-family: Helvetica, dnp-shuei-gothic-gin-std, futura-pt, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
	font-size:1.6rem;
	line-height: 2.3;
	font-weight: 500;
	letter-spacing: 1.1px;
}

.wf-loading {visibility: hidden;}
.wf-active {visibility: visible;}
.no-sidebar .wrap {max-width:1200px;}
.container {max-width:1200px;margin:0;}
.single.no-sidebar .wrap {max-width:1020px;}
.page.no-sidebar .wrap {max-width:1020px;}
.container90 {
	max-width:90%;
	margin: 0 auto;
}

#container {padding:0;}


/*---------------------------
	Link
---------------------------*/

.entry-content a:link {text-decoration: none; color: #000;background-color: none;}
a:link {text-decoration: none; color: #000;}
a:visited {text-decoration: none; color: #000;}
a:hover {text-decoration: none; color: #000;}
.entry-content a:hover,a:hover {text-decoration: none;	color: #707070;}
.nodec a:link,.hoverdec a:link  {text-decoration: none;}
.nodec a:hover {text-decoration: none;color: #000;}
.nodec a:visited,.hoverdec a:visited  {text-decoration: none;}
.hoverdec a:hover {text-decoration: underline; color: #000;}
.aLink {line-height: 150%; font-family: Helvetica, dnp-shuei-gothic-gin-std, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;}
.aLink a:link {color: #069; text-decoration: underline;}
.aLink a:visited {color: #069; text-decoration: underline;}
.entry-card-wrap a:hover{text-decoration: none; color:#666;}

/*---------------------------
	Margin
---------------------------*/
.inner{
  position: absolute;
  top: 10%;
  left: 17%;
}

.mcenter {
	margin-left: auto;
	margin-right: auto;
}


.mg0 { margin: 0;}
.mg00100 {margin: 0 0 10px 0;}
.mg00200 {margin: 0 0 20px 0;}
.mg00300 {margin: 0 0 30px 0;}
.mg00400 {margin: 0 0 40px 0;}
.mg00010 {margin: 0 0 0 10px;}
.mg00020 {margin: 0 0 0 20px;}
.mg02 {margin: 0 2px;}
.mg05 {margin: 0 5px;}
.mg010 {margin: 0 10px;}
.mg01000 {margin: 0 10px 0 0;}
.mg015 {margin: 0 15px;}
.mg020 {margin: 0 20px;}
.mg030 {margin: 0 30px;}
.mg10 {margin: 10px;}
.mg100 {margin: 10px 0;}
.mg10000 {margin: 10px 0 0 0;}
.mg105 {margin: 10px 5px;}
.mg100200 {margin: 10px 0 20px 0;}
.mg100300 {margin: 10px 0 30px 0;}
.mg100400 {margin: 10px 0 40px 0;}
.mg100600 {margin: 10px 0 60px 0;}
.mg20 {margin: 20px;}
.mg200 {margin: 20px 0;}
.mg20000 {margin: 20px 0 0 0;}
.mg2030 {margin: 20px 30px;}
.mg200500 {margin: 20px 0 50px 0;}
.mg2010 {margin: 20px 10px;}
.mg300 {margin: 30px 0;}
.mg5 {margin: 5px;}
.mg50 {margin: 5px 0;}
.mg5000 {margin: 5px 0 0 0;}
.mg510 {margin: 5px 10px;}

/*---------------------------
	padding
---------------------------*/
.pd0{padding: 0;}
.pd010 {padding: 0 10px;}
.pd020{padding: 0 20px;}
.pd5{padding: 5px;}
.pd510{padding: 5px 10px;}
.pd15{padding:15px;}
.pd10,.pd10_pc{padding: 10px;}
.pd100{padding: 10px 0;}
.pd105{padding: 10px 5px;}
.pd1020{padding: 10px 20px;}
.pd20{padding: 20px;}
.pd2010{padding: 20px 10px;}
.pd3020 {padding: 30px 20px;}
.pd_b15 {padding-bottom: 15px;}

@media screen and (max-width: 576px){
.sp_pd10{padding: 10px;}
.pd10_pc {padding: 0;}
}



/*---------------------------
	ボーダー
---------------------------*/
.bdD3CEC5 {border: 1px solid #D3CEC5;}
.bdD333{border: 3px double #333}
.bdccc {border: 1px solid #ccc;}
.bdB333 {border-bottom: solid #333 1px;}
.bdBd666 {border-bottom: 3px double #666;}
.bdBdot {border-bottom: dotted #ccc 1px;}
.bdTBdot {border-bottom: dotted #ccc 1px;border-top: dotted #ccc 1px;}
.bdBdouble {border-bottom: double #ccc 3px;}
.bdBccc {border-bottom: dotted #ccc 1px;}
.bdB666 {border-bottom: dotted #666 1px;}
.bdRddd {border-right: solid #ddd 1px;}
.imgline img {border: 1px solid #ccc;}

/*---------------------------
	背景
---------------------------*/
.bgfff{background-color: #ffffff;}
.bgfefefe{background-color: #fefefe;}
.bgeee{background-color: #eeeeee;}
.bgde{background-color: #dedede;}
.bg222{background-color: #222222;}
.bg666{background-color: #666666;}
.bgf9{background-color: #f9f9f9;}
.bgf5{background-color: #f5f5f5;}
.bge4{background-color: #e4e4e4;}
.bgF5F5F0{background-color: #F5F5F0;}
.bgf4f1ed{background-color: #f4f1ed;}
.bgede8e0{background-color: #ede8e0;}
.bgd1c9bc{background-color: #d1c9bc;}
.bgededed{background-color: #ededed;}
.bgeae9e7{background-color: #eae9e7;}
.bgf1f0ee{background-color: #f1f0ee;}
.bgddd {background-color: #dddddd;}

/*========================================

	Style - Font

========================================*/
/* IEだけに適応 */
_:lang(x)::-ms-backdrop, .selector {
	font-family: "Segoe UI", Meiryo, sans-serif;
}
.ff-yu-gothic {font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif;}
strong,.bold {font-weight: bold; font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;}
.hidden {visibility: hidden;}
.ff2{font-family: Helvetica, dnp-shuei-gothic-gin-std, -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;}
.ff3 {font-family: ivypresto-text, Helvetica, dnp-shuei-gothic-gin-std, -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;}
.ff6 {font-family: futura-pt, Helvetica, dnp-shuei-gothic-gin-std, -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;}

.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6,h1,h2,h3,h4,h5,h6 {font-family: Helvetica, dnp-shuei-gothic-gin-std, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;font-weight:bold;}


h1 {
    font-size: 36px;/* IE8以下とAndroid4.3以下用フォールバック */
    font-size: calc(2.4rem + ((1vw - 0.64rem) * 2.1429));/* 24px~36pxで可変*/
    line-height: 1.3;
}


h1.entry-title, h1.entry-title div {font-family: Helvetica, dnp-shuei-gothic-gin-std, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
	font-weight:bold;
	text-align: center;
    padding: 0.4em 0 0.1em 0;
    font-size: calc(1.1rem + (1vw - 0.56rem) * 3.0000);
    line-height: 1.5;
}

@media screen and (max-width: 834px) {
    h1 {
        font-size: 2.4rem;/* 24px*/
    }
	
	h1.entry-title, h1.entry-title div {
        font-size: 2.4rem;/* 24px*/
}

}

@media screen and (min-width: 1300px) {
    h1 {
        font-size: 2.4rem;/* 24px*/
    }
	
	h1.entry-title, h1.entry-title div {
        font-size: 3.4rem;/* 24px*/
}

}

@media screen and (min-width: 1023px) {
	h1.entry-title{
	font-weight:bold;
	font-size: 18px;/* IE8以下とAndroid4.3以下用フォールバック */
    font-size: calc(1.0rem + ((1vw - 0.64rem) * 2.1429));
    line-height: 1.3;}
}

@media screen and (max-width: 834px){
	h1.entry-title{	font-weight:bold;
	font-size: 24px;/* IE8以下とAndroid4.3以下用フォールバック */
    font-size: calc(2.4rem + ((1vw - 0.64rem) * 2.1429));
    line-height: 1.3;
	text-align: left;
}
}

.entry-content h2,.h2 {font-size: 26px;/* IE8以下とAndroid4.3以下用フォールバック */
    font-size: calc(2.6rem + ((1vw - 0.64rem) * 0.7143));
    line-height: 1.3;
	background-color: #fff;
	padding: 1em 0.5em;
	position: relative;
	border-bottom: 6px solid #333;
	border-top: 2px solid #333;
	margin: 5px 0 15px 0;
	font-family: Helvetica, dnp-shuei-gothic-gin-std, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
}

h2.entry-card-title {
    font-size: 1.3em;
    line-height: 1.3;
    font-weight: bold;
	padding: 1em 0.5em;
	position: relative;
	margin: 5px 0 15px 0;
	font-family: Helvetica, dnp-shuei-gothic-gin-std, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
}

/*---------------------------
.entry-content h2:before {
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 20%;
  height: 6px;
  content: '';
  background: #222;
}
---------------------------*/


h2.related-entry-heading,
h2.widget-below-related-entries-title {
	font-family: futura-pt, Helvetica, dnp-shuei-gothic-gin-std, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
	text-align: center;
	margin: 10%;
    letter-spacing: 2px;
	font-size: 1.0em;
}



h2.related-entry-heading::before,
h2.widget-below-related-entries-title::before {border-bottom: 2px solid #ddd;
    content: "";
    display: block;
    height: 1px;
    margin: 10px auto 20px auto;
    width: 20%;
}


h2.widget-below-related-entries-title::after {
	border-bottom: none;
}

.entry-heading {	
	font-family: futura-pt, Helvetica, dnp-shuei-gothic-gin-std, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
	text-align: center;
    letter-spacing: 2px;
	font-size: 1.0em;
    line-height: 1.3;
	padding: 1em 0.5em;
	position: relative;
	margin: 5px 0 15px 0;
	font-weight: 500;
}
.entry-heading::before {border-bottom: 2px solid #ddd;
    content: "";
    display: block;
    height: 1px;
    margin: 10px auto 20px auto;
    width: 20%;
}

.entry-content h3 {
	font-size: 20px;
    font-size: calc(2.0rem + ((1vw - 0.64rem) * 0.7143));
    line-height: 1.8;
    font-weight: bold;
	position: relative;
	padding: 0.5em 1em;
	border-bottom: 6px solid #A3937A;
	border-right: none;
	border-left: none;	
	border-top: none;
	margin: 5px 0 15px 0;
	background-color: #fefefe;
}

.entry-content h3:before {
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 20%;
  height: 6px;
  content: '';
  background: #3B2F1E;
}


.entry-content h3.mini {
	font-size: 16px;
    font-size: calc(1.6rem + ((1vw - 0.64rem) * 0.7143));
    line-height: 1.2;
    font-weight: bold;
	position: relative;
	padding: 0.5em 1em;
	border-top: none;
	border-left: none;
	border-right: none;	
	border-bottom: 1px #999 solid;
	z-index: 999;
	margin: 5px 0 15px 0;
	background: #f9f9f9;
}

.entry-content h3.mini:before {
	background: none;
}

.entry-content h3.list_title {
	position: relative;
	padding: 0 65px;
	text-align: center;
	background: none;
	border-bottom: none;
	border-right: none;
	border-top: none;
	margin: 0;
}

.entry-content h3.list_title:before {
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	width: 100%;
	height: 2px;
	content: '';
	background: #000;
}
.entry-content h3.list_title span {
  position: relative;
  padding: 0 1em;
  background: #fff;
}



.entry-content h4 {
  position: relative;
  padding: 1.5em 2em;
	border: none;
	background-color: #f9f9f9;
	font-size: 1.4em;
	line-height:2;
}

.entry-content h4:before,
.entry-content h4:after {
  position: absolute;
  content: '';
}

.entry-content h4:after {
  top: 0;
  left: 0;
  width: 200px;
  height: 50px;
  border-top: 2px solid #000;
  border-left: 2px solid #000;
}

.entry-content h4:before {
  right: 0;
  bottom: 0;
  width: 200px;
  height: 50px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
}

.entry-content h5 {
  padding: 0 0 10px 0;
  margin: 0;
  border-bottom: 4px solid #ddd;
}

.ls1px {letter-spacing: 1px;}
.fw500 {font-weight: 500;}

.article-header {margin-bottom: 40px;}

/*---------------------------
	Font size
---------------------------*/
.fs06em {font-size: 0.6em;}
.fs07em {font-size: 0.7em;}
.fs08em {font-size: 0.8em;}
.fs08em a {text-decoration: underline;}
.fs09em {font-size: 0.9em;}
.fs11em {font-size: 1.1em;}
.fs12em {font-size: 1.2em;}
.fs13em {font-size: 1.3em;}
.fs14em {font-size: 1.4em;}
.fs16em {font-size: 1.6em;}
.fs18em {font-size: 1.8em;}
.fs20em {font-size: 2.0em;}
.fs22em {font-size: 2.2em;}
.fs30em {font-size: 3.0em;}

/*---------------------------
	Font color
---------------------------*/
.font333 {color:#333;}
.font666 {color:#666;}
.fontblue {color:#25649B;}
.fontred {color:#990000;}

.marker {background: linear-gradient(transparent 0%, #d6edf5 0%);} 
.markergrey {background: linear-gradient(transparent 60%, #eee 60%);}
.markerorange {background: linear-gradient(transparent 60%, #dab998 60%);} 

/*========================================

	パーツ

========================================*/
/*---------------------------
	広告
---------------------------*/
.ad-area {
	margin: 60px 0 40px 0;
}

.ad_box {
	
}


/*576px以上*/
@media screen and (min-width: 576px){
	.ad-M{text-align: center;
	display: inherit;
	max-width:1000px;}
	.ad-S{display: none;}
}


/*576px以下*/
@media screen and (max-width: 576px){
	.ad-S{text-align: center;
	display: inherit;
	max-width:576px;}
	.ad-M{display: none;}}

/*---------------------------
	リスト
---------------------------*/
.row .col-md-3,
.row .col-md-4,
.row .col-sm-3,
.row .col-sm-4,
.row .col-md-5,
.row .col-md-7,
.row .col-sm-12,
.row .col-6,
.row .col-12 {padding: 5px;
}

/*---------------------------
	動画埋め込み
---------------------------*/

.video-container {
	margin: 0px auto;
	max-width: none;
}


/*---------------------------
	more ボタン
---------------------------*/

.more {
 position: relative; 
 display: flex;
 padding: 20px 25px;
 color: #313131;
 font-weight: bold;
 left: 105%;
 transform: translateX(-115%); 
}

.more a {
 position: relative; 
 display: flex;
 color: #313131;
 font-weight: bold;
 left: 100%;
}

.more a:after {
    content: '';
    position: absolute;
    top: 135%;
	left: -20px;
    width: 100px;
    height: 2px;
    background-color: #000;
    transition: 0.3s;
    transform: translateX(10%);
}
.more a:hover:after {
    left: 1em;
}
.more a:hover {
    color: #000;
	text-decoration: none;
}


*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
.btn,
a.btn,
button.btn {
	font-family: futura-pt, Helvetica, dnp-shuei-gothic-gin-std, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
	line-height: 1.5;
	position: relative;
	display: inline-block;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	letter-spacing: 0.1em;
	color: #212529;
	letter-spacing: 2px;
	font-size: 1.0em;
	border: none;
	width: 220px;
}

a.btn-flat {
  overflow: hidden;
  padding: 1.5rem 0;
  color: #fff;
  background: #444;
}

a.btn-flat span {
  position: relative;
}
a.btn-flat:hover {color: #333;}
a.btn-flat:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  background: #ccc;
}

a.btn-flat:hover:before {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);	
}

/*---------------------------
	ページネーション
---------------------------*/
.pagination {
	padding: 40px 0;
}
.pagination-next {
	display: none;
}

.pagination-next, .next, .prev, .pager-prev-next{ display: none; }
.pager-numbers a { text-decoration: none; }

.page-numbers{
    border: none !important;
    border-radius: 50%;
    font-family: sans-serif;
    font-size: 80%;
    color: #666 !important;
    transition: all .1s ease;
    background-color: #ffffff;
}

.pagination a.page-numbers:hover,.pager-numbers a:hover .page-numbers{
    background-color: #A4A4A4; /* マウスオーバー時の背景色 */
    color: #fff !important;
}

.pagination .current, .pager-links .current{
    background-color: #ccc;
    color: #fff;
}

/*---------------------------
	パンくず
---------------------------*/
#breadcrumb {background-color: white;padding-left: 0;}


.content { 
margin-top: 0;
}

/*---------------------------
	見出し
---------------------------*/
.pagetitleE,.pagetitleEs {
    text-align: center;
    letter-spacing: 1px;
}

.pagetitleE::after {border-bottom: 1px solid #222;
    content: "";
    display: block;
    height: 1px;
    margin: 10px auto 20px auto;
    width: 10%;
}


.pagetitleE {
    font-size: 36px;/* IE8以下とAndroid4.3以下用フォールバック */
    font-size: calc(3.2rem + ((1vw - 0.64rem) * 2.1429));/* 24px~36pxで可変*/
    line-height: 1.3;
}

.pagetitleEs {
    font-size: 28px;/* IE8以下とAndroid4.3以下用フォールバック */
    font-size: calc(2.8rem + ((1vw - 0.64rem) * 2.1429));/* 24px~36pxで可変*/
    line-height: 1.3;
}

@media (min-width: 1200px) {/* 1200px以上*/
    .pagetitleE {font-size: 4.2rem;}
	.pagetitleEs {font-size: 3.6rem;}
}
@media screen and (max-width: 640px) {/* 640px以下*/
    .pagetitleE {font-size: 3.0rem;}
    .pagetitleEs {font-size: 2.6rem;}
}

.sub {
	font-family: futura-pt, Helvetica, dnp-shuei-gothic-gin-std, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
	font-size:0.8em;
	text-align: center;
	margin: 30px 0 10px 0;
	letter-spacing: 2px;
}

/*---------------------------
	エントリーカード
---------------------------*/
@media screen and (min-width: 481px) {
	.ect-vertical-card .entry-card-wrap{
		padding: 5px;
	}
	#main .list {margin:-15px;}
}

.entry-card-wrap:hover,
.a-wrap:hover {background-color: transparent;}

/*---------------------------


@media screen and (max-width: 576px){
		.ect-vertical-card .entry-card-wrap {padding: 0px;}
		#main .list {margin:-25px;}
}

---------------------------*/

@media screen and (min-width: 834px) {
aside#related-entries article {
	padding:10px; }
	aside#related-entries .related-list {margin:-10px;}
}

.entrycard_catlist {font-size: 0.7em; padding:0;position: relative;margin-top: 40px;}

.entrycard_catlist::before {
 content: '';
  width: 110px;
  height: 1px;
  display: inline-block;
  background-color: #907E6A;
  position: absolute;
  top: -20px;
  left: 0;
}

.entry-card-snippet {line-height: 1.4em;}
@media screen and (max-width: 576px){
.entry-card-snippet {font-size:0.9em;}

}
.a-wrap a:hover {
	text-decoration: none;
}

.entry-card-meta {
	margin-bottom: 10px;
}

/*---------------------------
	ロゴ ヘッダー
---------------------------*/
img.site-logo-image {margin: 10px;}

.header-container {padding-bottom: 0;}


/*---------------------------
	ナビ pc
---------------------------*/

.navi-in a {
  font-size: 0.9em; /* ナビ文字大きさ */
  text-decoration: none;
}

.navi-in a:link {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
.navi-in a::after {
  position: absolute;
  bottom: 10px;
  left: 0;
  content: '';
  height: 1px;
  background: #333;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}
.navi-in a:hover::after {
  transform: scale(1, 1);
  width: 100%;
}

#menu-navi-header {padding-left: 150px;}

/*---------------------------
	検索フォーム ヘッダー
---------------------------*/

#form2{
	margin-top: -5px;
	position:relative;
	width: 160px;
	font-size: 12px;
}

#sbox2{
	font-size: 12px;
	height:30px;
	padding:0 20px; 
	position:absolute; 
	left:0;
	top:0; 
	border-radius:20px;
	outline:0;
	background:#eee;
}

#sbtn2{
height:30px;
position:absolute; 
left:135px;/*アイコン左右の位置調整*/
top:0;
background:none;
color:#666;
border:none;
font-size:12px;/*アイコンサイズ*/
}

#sbtn5:hover{
color:#7fbfff;
}

@media screen and (max-width: 1024px){
	.sp_non {display:none;}
}

/*---------------------------
	検索フォーム  フッター
---------------------------*/
.sidebar .search-box, .search-menu-content .search-box {
  width: 100%;
  margin: 1em 0 2em;
  position: relative;
  display: flex;
  border-radius: 40px;
}

.sidebar .search-edit, .search-menu-content .search-edit {
  width: 85%; /*入力部分の長さ*/
  background: #fff; /*入力部分の背景色*/
  padding: 0 25px;
  border: none; /*ボーダーを消す*/
  border-radius: 50px 0 0 50px; /*左上、左下のみ角丸*/
  font-size: 16px;
}
.search-submit {
  width: 15%; /*ボタン部分の長さ*/
  background: #ccc; /*ボタン部分の背景色*/
  color: #fff; /*アイコンの色*/
  position: static;
  right: auto;
  top: auto;
  font-size: 18px; /*アイコンの大きさ*/
  cursor: pointer;
  line-height: 40px; /*検索窓の高さ*/
  border: none;
  border-radius: 0 40px 40px 0; /*右上、右下のみ角丸*/
  padding: 0;
}
.search-box input::placeholder {
  color: #bbb; /*プレースホルダーの色*/
}
.search-box input:focus, .search-box button:focus {
  outline: 0; /*フォーカス時の枠線を消す*/
}

/*---------------------------
    カテゴリー
---------------------------*/
.category h1 .fa-folder-open::before {
	display: none;
}

#cateBlink .h {
	font-family: futura-pt, Helvetica, dnp-shuei-gothic-gin-std, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
    font-weight: 500;
    font-size: 1.6em;
    margin: 20px 0 30px 0;
    letter-spacing: 1px;
	position: relative;
 	text-align: center;
}

#cateBlink .h:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 30px);
  width: 60px;
  height: 5px;
  content: '';
  border-radius: 3px;
  background: #000;
}

#cateBlink .h span {
  position: relative;
  padding: 0 1em;
  background: #fff;
}

#cateBlink .cateB_listbox span a {
    font-size: 0.9em;
    border: 1px solid #ccc;
    padding: 5px 15px;
    margin: 4px 7px;
    border-radius: 18px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
    color: #000;
    display: inline-block;
	letter-spacing: bold;
	font-family: Helvetica, dnp-shuei-gothic-gin-std, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
}


#cateBlink .cateB_listbox span a:hover {
    background-color: #ddd;}

#cateBlink .cateB_bgbox,
#cateBlink .cateB_bgbox2 {
	position:relative;
	display:inline-block;
	margin-bottom: 10px;
}


#cateBlink .cateB_listbox {
    padding:10px 20px 10px 30px;}


/*---------------------------
	SNS
---------------------------*/

.sns-buttons a {
	background-color: #ccc;
}
.sns-buttons a:link,
.sns-buttons a:visited {
	font-family: futura-pt, Helvetica, dnp-shuei-gothic-gin-std, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
	color: #333;
	text-decoration: none;
	font-size:0.9em;
}

div#pager-post-navi a:hover,
.entry-categories-tags a:hover {
	color:#999;
	text-decoration: none;
}
.p-link a {
	font-size: 0.8em;
}

ul#menu-sns {list-style: none;margin: 10px auto;width: 160px;}
ul#menu-sns li {list-style:none;float:left;margin: 10px;}

/*---------------------------
	ウィジェット
---------------------------*/

.widget h2 {
	font-family: futura-pt, Helvetica, dnp-shuei-gothic-gin-std, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
	text-align: center;
	margin: 10%;
    letter-spacing: 2px;
}


#popular_entries-2 .popular-entry-cards {
   display: flex;
   justify-content: space-around;
   flex-wrap: wrap;
	padding: 10px;
}


#popular_entries-2 .popular-entry-cards > a {/*３列にする*/
   width: 33%;
}

#popular_entries-2 .widget-entry-cards.card-large-image .a-wrap {
   max-width: none;/*最大幅400pxの指定を初期化する*/
}

#popular_entries-2 .popular-entry-cards::after {/*クリアフィックス用のアイテムを消す*/
   content: none;
}


@media screen and (max-width:768px) {/*画面幅が768px以下のとき2列にする*/

   #popular_entries-2 .popular-entry-cards > a {
      width: 48%;
   }

}

@media screen and (max-width:576px) {/*576px*/

   #popular_entries-3 .popular-entry-cards > a {
      width: 95%;
   }

}
.popular-entry-card-content {
	font-size: 0.9em;
	font-weight: bold;
	font-family: Helvetica, dnp-shuei-gothic-gin-std, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
}

a:link.popular-entry-card-link{
	text-decoration: none;
}

/*---------------------------
	linktree
---------------------------*/
.link_btn {
	margin: 15px;
	text-align:center;
}

.link_btn a {
	padding: 10px;
	display: block;
	border-radius: 12px;		/* CSS3草案 */
	-webkit-border-radius: 12px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 12px;	/* Firefox用 */
	background-color: #EBEEF1;
}

.link_btn a:hover {
	background-color: #dedede;
	color:#000000;
}

/*---------------------------
	フッター
---------------------------*/
ul#menu-footer,.copyright {
	font-family: futura-pt, Helvetica, dnp-shuei-gothic-gin-std, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
}


/*---------------------------
	モバイルフッター
---------------------------*/

ul#menu-sp_header {
	padding: 10px 0 0 18px;
	margin: 0;
	box-shadow: none;
}

/*---------------------------
	コンタクトフォーム
---------------------------*/
.grecaptcha-badge { visibility: hidden; }


/*---------------------------
	器具・ウェア ナビなどのリスト
---------------------------*/

.container_flex,.container_flex_ware {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	align-items: center;
	align-content: space-around;
}

ul.container_flex li,ul.container_flex_ware li {flex-grow: 1;}
#icon_flex ul {list-style: none;margin: 0;padding: 0;}

#icon_flex ul.container_flex li a {
    font-size: 0.85em;
    font-weight: bold;
	border: 1px solid #ccc;
	border-radius: 2px;
	font-family: Helvetica, dnp-shuei-gothic-gin-std, -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
	text-align: center;
	background-image:url(/img/coffeetool/tool_navi.png);
	background-size: 30px;
	background-repeat: no-repeat;
	max-height: 30px;
	padding:8px 20px 28px 45px;
	display: block;
}

#icon_flex ul.container_flex_ware li a {
    font-size: 0.85em;
    font-weight: bold;
	border: 1px solid #ccc;
	border-radius: 2px;
	font-family: Helvetica, dnp-shuei-gothic-gin-std, -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
	text-align: center;
	background-image:url(/img/coffeeware/ware_navi.png);
	background-size: 30px;
	background-repeat: no-repeat;
	max-height: 30px;
	padding:8px 20px 28px 45px;
	display: block;
}

#icon_flex ul.container_flex li a:hover,#icon_flex ul.container_flex_ware li a:hover {background-color: #efefef;}

ul.container_flex li.mill a {background-position:5px -7px;}
ul.container_flex li.brush a {background-position:5px -47px;}
ul.container_flex li.dripper a {background-position:5px -86px;}
ul.container_flex li.stand a {background-position:5px -127px;}
ul.container_flex li.filter a {background-position:5px -167px;}
ul.container_flex li.server a {background-position:5px -208px;}
ul.container_flex li.ice a {background-position:5px -249px;}
ul.container_flex li.press a {background-position:5px -291px;}
ul.container_flex li.nel a {background-position:5px -330px;}
ul.container_flex li.maker a {background-position:5px -370px;}
ul.container_flex li.espresso a {background-position:5px -412px;}
ul.container_flex li.siphon a {background-position:5px -453px;}
ul.container_flex li.pot a {background-position:5px -492px;}
ul.container_flex li.kettle a {background-position:5px -534px;}
ul.container_flex li.canister a {background-position:5px -574px;}
ul.container_flex li.thermometer a {background-position:5px -615px;}
ul.container_flex li.spoon a {background-position:5px -655px;}
ul.container_flex li.foamer a {background-position:5px -695px;}
ul.container_flex li.roast a {background-position:5px -735px;}
ul.container_flex li.others a {background-position:5px -777px;}
ul.container_flex li.filterholder a {background-position:5px -816px;}
ul.container_flex li.coldbrew a {background-position:5px -858px;}
ul.container_flex li.scale a {background-position:5px -900px;}
ul.container_flex_ware li.cs a {background-position:5px -3px;}
ul.container_flex_ware li.mug a {background-position:5px -40px;}
ul.container_flex_ware li.demitasse a {background-position:5px -75px;}
ul.container_flex_ware li.cafeaulait a {background-position:5px -115px;}
ul.container_flex_ware li.glass a {background-position:5px -150px;}
ul.container_flex_ware li.tumbler a {background-position:5px -187px;}
ul.container_flex_ware li.bottle a {background-position:5px -225px;}
ul.container_flex_ware li.sugar a {background-position:5px -260px;}
ul.container_flex_ware li.creamer a {background-position:5px -295px;}
ul.container_flex_ware li.cspoon a {background-position:5px -335px;}
ul.container_flex_ware li.plate a {background-position:5px -369px;}
ul.container_flex_ware li.bowl a {background-position:5px -404px;}
ul.container_flex_ware li.mat a {background-position:5px -440px;}
ul.container_flex_ware li.coaster a {background-position:5px -478px;}
ul.container_flex_ware li.tray a {background-position:5px -515px;}
ul.container_flex_ware li.wareothers a {background-position:5px -553px;}


/*========================================

記事

========================================*/

.date-tags {text-align: left;}

/*---------------------------
	c3date
---------------------------*/

.C3date {
    font-weight: 500;
	clear: both;
	margin-bottom: 4px;
	margin-right: 5px;
	width: 100%;
    padding: 25px;
    background-color: #f9f9f9;
    font-size:0.9em;
}

.C3date_line {
    font-weight: 500;
	clear: both;
	margin: 0;
	width: 100%;
    padding: 15px;
    border: 1px solid #999;
    background-color: #f9f9f9;
    font-size:0.9em;
}

.C3dateImg {float: left; width: 20%;}
.C3dateImg img { border: 2px #ccc solid; }
.C3date_line .C3dateInfo {float: none; width: 100%; padding: 0;}
.C3dateInfo {float: left;padding: 0 0 10px 25px;width:80%;}
.C3dateInfoEname {
	font-family: Helvetica, dnp-shuei-gothic-gin-std, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
	font-size: 1.6em;
	padding: 10px 0 3px 10px;
	width: 100%;
    font-weight: bold;
    border-bottom: 5px solid #ddd;
}
.C3dateInfoJname {
	color: #666;
	padding: 3px 10px;
	font-size: 0.9em;
	width: 100%;
    margin-bottom: 10px;
	text-align: left;
}

.C3Infolink {margin: 0 10px;padding-top:15px;display:table;}
.C3Infolink a:link {background-color: transparent;}

ul.afilink-float {list-style: none;}
ul.afilink-float li {float:left;margin-left: 10px;font-size:0.9em;}

@media (max-width: 768px) {
ul.afilink-float li {float: none;margin-left: 10px;  font-size:0.9em;}
    
.C3dateImg {
	float: none;
    margin:0 auto;
    width: 100%;
    padding: 0 20%;
}
    
.C3dateImg img {border: 2px #ccc solid;}
.C3dateInfo {float: none;
	padding: 0;
	width : 100%;
    text-align: center;
}
    
.C3dateInfoEname,
.C3dateInfoJname {
   text-align: center;
}
	

.C3Infolink li {float: none;}
.C3Infolink {margin: 0 10px;
    padding-top: 15px;
    display: block;
}

.C3date .shoplinkamazon {padding: 3px;}
.C3date .shoplinkrakuten {padding: 3px;}
.C3date .shoplinkyahoo {padding: 3px;}

}
.C3date .shoplinkamazon {background-color: #033D73;
	padding: 5px 20px;
	margin-bottom: 6px;
    border-bottom: 1px #666 solid;
    color: #ffffff;
}

.C3date .shoplinkrakuten {background-color: #B90609;
	padding: 5px 20px;
	margin-bottom: 6px;
    border-bottom: 1px #666 solid;
    color: #ffffff;
}

.C3date .shoplinkyahoo {background-color: #DF6302;
	padding: 5px 20px;
	margin-bottom: 6px;
    border-bottom: 1px #666 solid;
    color: #ffffff;
}

.C3date .shoplinkamazon a:link,
.C3date .shoplinkamazon a:visited,
.C3date .shoplinkrakuten a:link,
.C3date .shoplinkrakuten a:visited,
.C3date .shoplinkyahoo a:link,
.C3date .shoplinkyahoo a:visited {color: #ffffff;
    text-decoration: none;
	background-color: transparent;
}

.C3date .shoplinkamazon a:hover,
.C3date .shoplinkrakuten a:hover,
.C3date .shoplinkseven a:hover,
.C3date .shoplinkyahoo a:hover {
	text-decoration: none;
	background-color: transparent;
}

/*---------------------------
	cocoon amazon
---------------------------*/
.amazon-item-box,
.rakuten-item-box {
    padding: 22px 40px;
    width: 100%;
    margin: 1.6em auto;
    border: 4px solid #ccc;
}

.amazon-item-box .amazon-item-thumb,
.rakuten-item-box .rakuten-item-thumb {
	margin:20px;
}

.amazon-item-box .amazon-item-title a {
    color: #000;
	font-weight: bold;
    text-decoration: 1px solid #ccc;
	line-height: 2;	
	font-family: Helvetica, dnp-shuei-gothic-gin-std, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
	font-size: 1.1em;
}
.product-item-maker {
    color: #999; /*メーカー名の文字色*/
}
.item-price { /*価格*/
    font-weight: bold;
    color: #333;
}
.acquired-date { /*価格取得日時*/
    color: #999;
}

.amazon-item-box .shoplinkamazon a,
.amazon-item-box .shoplinkrakuten a,
.amazon-item-box .shoplinkyahoo a{
	padding-top: 10px;
	padding-bottom: 10px;
}

.shoplinkamazon a:link,
.shoplinkamazon a:visited {
    background: #033D73;
	color: #fff;
	letter-spacing: 1px;
	font-weight: normal;
}

.shoplinkrakuten a:link,
.shoplinkrakuten a:visited {
    background: #B90609;
	color: #fff;
	letter-spacing: 1px;
	font-weight: normal;
}

.shoplinkyahoo a:link,
.shoplinkyahoo a:visited {
    background: #DF6302;
	color: #fff;
	letter-spacing: 1px;
	font-weight: normal;	
}

@media screen and (max-width: 768px){
.product-item-thumb { 
  width: 100%;
}
.product-item-title {
  text-align: left; 
  font-size: 85%; 
}
.product-item-buttons>* { 
  width: 32%; 
} 
.product-item-buttons>*>a { 
  position: relative; 
}

.shoplinkamazon,
.shoplinkrakuten,
.shoplinkyahoo	{
	width:100%;
}	
}

.product-affiliate-rate {
	visibility:hidden;
}

/*---------------------------
    ブログカード
---------------------------*/
.rakuten-item-box {
	font-family: dnp-shuei-gothic-gin-std, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
}

.blog-card {
	font-family: dnp-shuei-gothic-gin-std, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
    word-wrap:break-word;
	display: block;
    margin: 0 0 30px 0;
	background-color: #f9f9f9;
	clear: both;
}

 .blog-card a {
        flex-direction: column;
        padding: 15px;
 }

.blog-card-title {padding:20px; margin-top:20px;}
.blog-card-thumbnail { margin: 0; padding: 20px; float: left;}


.internal-blogcard-footer {
	display: none;
}
a .blog-card {color: #333;display: block;}
a:hover .blog-card {background-color:#e7e7e7;color:#333;}

.blog-card-title {font-family: Helvetica, dnp-shuei-gothic-gin-std, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif; margin-top: 20px; font-weight: bold;}

/*---------------------------
    KGrey
---------------------------*/
ul.recipe, ol.recipe {
border-left: 8px solid #999;
  border: dashed 1px #ccc;/*破線*/
  border-radius: 5px;
  margin-left: 10px;/*はみ出ないように調整*/
  margin-right: 10px;/*はみ出ないように調整*/
  padding: 1em 3em 1em 2em;
}


ul.recipe li.title, ol.recipe li.title {
	list-style: none;
	font-size: 1.1em;
	color: #333;
	padding: 10px 0;
	margin-bottom: 15px;
	border-bottom: 2px solid #ccc;
	font-weight: bold;
}
ul.recipe li, ol.recipe li {
	padding: 3px 3px 3px 1px;
	margin: 4px 4px 4px 30px;
	font-size: 0.9em;
	list-style-position: inside;
}

.kGrey {
	background-color: #fefefe;
	padding: 20px;
	border-left: 3px #999 solid;
	
}
.kGrey ol {
	margin: 0;
}

.kGrey_pd40 {
	background-color: #f9f9f9;
	padding: 40px;
}


.kWhite {
	background-color: #f9f9f9;
	border-left: solid 3px #cccccc;
	padding: 10px 30px 10px 20px;
	font-family: futura-pt, Arial, Helvetica, "sans-serif";
}

.kLink {border-top: 1px #999 solid;
    border-bottom: 1px #999 solid;
    background-color: #f9f9f9;
    padding: 10px;
}

.kGrey strong,
.kLink strong {font-size:1.1em;
    padding: 0 4px;
}

.kLink a {color: #1F6099;
    text-decoration: underline;
}

@media (max-width: 768px) {

.kWhite {
	background-color: #f9f9f9;
	border-left: solid 3px #cccccc;
	padding: 10px 10px 10px 5px;
	font-family: futura-pt, Arial, Helvetica, "sans-serif";
}
}

/*---------------------------
	目次
---------------------------*/

ul.mokuji li, ol.mokuji li {
  line-height: 1.5;
  padding: 0.7em 0 0.5em 1.4em;
  border-bottom: 1px dotted rgba(125, 125, 125, 0.2);
  list-style-type: none !important;
}

ul.mokuji li:before, ol.mokuji li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f138";
  position: absolute;
  left: 0.5em;
  color: #ccc;
  font-weight: bold;
}


span[id^="toc"] {
	padding-top: 1.6em;
}

@media screen and (min-width: 834px) {
	span[id^="toc"] {
		padding-top: 2em;
	}
}

/*---------------------------
	list
---------------------------*/

.list-01 {
    border-left: 2px solid #d2d1c6;
}

.list-01 div {
    display: flex;
    margin: 3px 0 0 0;
    padding: 10px 10px 10px 20px;
    background-color: #d2d1c6;
    color: #fff;
    font-weight: 600;
}

.list-01 ul {
    list-style-type: disc;
    margin: 0;
    padding: 1em 1em 1em 2.5em;
}

.list-01 li {
    padding: 0;
}

.list-01 li::marker {
    color: #d2d1c6;
    font-size: 1.1em;
}

/* === wrapper === */
.list-02{
  width:100%;
  padding:0.1em 1.8em 0;
  box-sizing:border-box;
  background-color: #f9f9f9;
}

/* === reset === */
.list-02 ol{ list-style:none; margin:0; padding-left:0; }
.list-02 ol ol{ list-style:none; margin-top:.4em; }

/* === 親レベル：丸番号バッジ === */
.list-02 > ol{ counter-reset:item; }
.list-02 > ol > li{
  counter-increment:item;
  position:relative;
  margin:1em 0;
  padding-left:2.5em;
  line-height:1.8;
  border-bottom:1px solid #ddd;   /* ← 下に実線 */
  padding-bottom:.6em;            /* ← ボーダーとの間隔 */
}
.list-02 > ol > li:last-child{
  border-bottom:none;             /* 最後は線なし */
}
.list-02 > ol > li::before{
  content:counter(item, decimal-leading-zero);
  position:absolute; left:0; top:0;
  width:1.8em; height:1.8em;
  border-radius:50%;
  background:#555; color:#fff;
  display:grid; place-items:center;
  font-size:.9em; font-weight:700;
}

/* === 子レベル：1.1 / 1.2 === */
.list-02 > ol > li > ol{ counter-reset:subitem; padding-left:2.5em; }
.list-02 > ol > li > ol > li{
  counter-increment:subitem;
  position:relative;
  margin:.6em 0;
  padding-left:1.8em;
  line-height:1.6;
  border-bottom:1px dashed #ccc;  /* ← 子は点線 */
  padding-bottom:.4em;
}
.list-02 > ol > li > ol > li:last-child{
  border-bottom:none;             /* 子リスト最後は線なし */
}
.list-02 > ol > li > ol > li::before{
  content:counter(item) "." counter(subitem);
  position:absolute; left:0; top:0;
  color:#2c3e50; font-weight:700;
}

/* === リンク === */
.list-02 a{
  text-decoration:none; color:#333;
  transition:color .2s, border-bottom .2s;
}
.list-02 a:hover{
  color:#e67e22; border-bottom:1px solid #e67e22;
}



/*---------------------------
	ショップ情報
---------------------------*/
table.table tr th,table.table tr td {
	padding-left:15px;
}


/*---------------------------
	外部リンク
---------------------------*/


.reLink a {
    position: relative;
    display: flex;
    padding: 20px 25px;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: bold;
	border: solid 1px #000;
	max-width: 90%;
	background-color: #efefef;
}

.reLink a:before {
    content: '';
    position: absolute;
    top: calc(50% - 2px);
    right: -3em;
    transform: translateY(calc(-50% - 2px)) rotate(30deg);
    width: 12px;
    height: 2px;
    background-color: #000;
    transition: 0.3s;
}

.reLink a:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -3em;
    transform: translateY(-50%);
    width: 90px;
    height: 2px;
    background-color: #000;
    transition: 0.3s;
}
.reLink a:hover:before, .reLink a:hover:after {
    right: -3.5em;
}
.reLink a:hover {
    background: #efefef;
    color: #000;
}

/*---------------------------
	スマホ ナビ
---------------------------*/

.mobile-menu-buttons {
	background: none;
	opacity: 1;
}
.mobile-menu-buttons .home-menu-button > a {
	color: #000;
}
.mobile-menu-buttons .top-menu-button > a {
	color: #000;
}
