@media screen and (max-width: 414px) {
	
	#header{
	width:414px;
	height:78px;	
}
#site-info img	{
	width:310px !important;
	height:78px!important;	
}

 }

@media screen and (max-width: 414px) {
	
	#header{
	width:375px;
	height:70px;	
}
#site-info img	{
	width:281px !important;
	height:71px!important;	
}

 }

@media screen and (max-width: 320px) {
	
	#header{
	width:320px;
	height:60px;	
}
#site-info img	{
	width:240px !important;
	height:60px!important;	
}

 }



.proflink a{
	display:block;
	text-align:center;
	padding:7px 10px;
	background:#aaa;/*カラーは変更*/
	width:50%;
	margin:0 auto;
	margin-top:20px;
	border-radius:20px;
	border:3px double #fff;
	font-size:0.65rem;
	color:#fff;
}
.proflink a:hover{
		opacity:0.75;
}

/* 
 * コンバージョンボタン
 */
.btn-cv {
  padding: .5em 0;
  overflow: hidden;
  position: relative;
}
.btn-cv a {
  border: solid #fff 3px;
  border-radius: 12px;
  box-shadow: 1px 1px 10px 0 #a1a1a1;
  color: #fff;
  display: block;
  font-size: 1.6em;
  font-weight: bold;
  line-height: 1.3;
  margin: 2em auto;
  padding: 1em 2em .8em;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
  vertical-align: middle;
  width: 59%;
}
.btn-cv.is-fz20 a {
  font-size: 20px;
}
.btn-cv a img {
  vertical-align: middle;
}
.btn-cv a:after {
  content: ' ' !important;
}

/* ボタン内のアイコン */
.btn-cv a:before {
  content: "\f138";
  font-family: "fontawesome";
  font-weight: normal;
  font-size: 1.1em;
  margin-top: -.6em;
  position: absolute;
  right: 15px;
  top: 50%;
}
.btn-cv a:hover {
  box-shadow: 1px 1px 2px 0 #a1a1a1;
  filter: alpha(opacity=70);
  opacity: .7;
}

/* 2つ連続で並べる場合の余白 */
.btn-cv + .btn-cv a {
  margin-top: 0;
}

/* 緑ボタン */
.btn-cv a {
  background: #00a23f;
  background: -webkit-linear-gradient(#00a23f, #39900a);
  background: linear-gradient(#00a23f, #39900a);
  text-shadow: 0 0 10px rgba(255,255,255,.8), 1px 1px 1px rgba(0,0,0,1);
}

/* 赤ボタン */
.btn-cv.is-red a {
  background: #fb4e3e;
  background: -webkit-linear-gradient(#00a23f, #39900a);
  background: linear-gradient(#fb4e3e, #d64b26);
}

/* 青ボタン */
.btn-cv.is-blue a {
  background: #09c;
  background: -webkit-linear-gradient(#09c, #069);
  background: linear-gradient(#09c, #069);
}

/* 黒ボタン */
.btn-cv.is-black a {
  background: #666;
  background: -webkit-linear-gradient(#8a8a8a, #666);
  background: linear-gradient(#8a8a8a, #666);
}

/* ボタンの光沢 */
.is-reflection a {
  overflow: hidden;
}
.is-reflection a:after {
  -moz-animation: is-reflection 4s ease-in-out infinite;
  -moz-transform: rotate(45deg);
  -ms-animation: is-reflection 4s ease-in-out infinite;
  -ms-transform: rotate(45deg);
  -o-animation: is-reflection 4s ease-in-out infinite;
  -o-transform: rotate(45deg);
  -webkit-animation: is-reflection 4s ease-in-out infinite;
  -webkit-transform: rotate(45deg);
  animation: is-reflection 4s ease-in-out infinite;
  background-color: #fff;
  content: " ";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: -180px;
  transform: rotate(45deg);
  width: 30px;
}
/* アニメーションを遅延させる */
.is-reflection + .is-reflection a:after {
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}
@keyframes is-reflection {
  0% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes is-reflection {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

/* CVボタン矢印揺れ */
.is-trembling a:before {
  -webkit-animation-name:is-trembling;
  -webkit-animation-duration:.8s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:ease;
  -moz-animation-name:is-trembling;
  -moz-animation-duration:1s;
  -moz-animation-iteration-count:infinite;
  -moz-animation-timing-function:ease;
}
@-webkit-keyframes is-trembling {
  0% {-webkit-transform:translate(-3px, 0);}
  100% {-webkit-transform:translate(0, 0);}
}

/* ボタンをバウンドさせる */
.is-bounce {
  animation: bounce 4s infinite;
  -moz-animation: bounce 4s infinite;
  -webkit-animation: bounce 4s infinite;
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
@-webkit-keyframes bounce {
  0%, 4%, 10%, 18%, 100% {-webkit-transform: translateY(0);}
  5% {-webkit-transform: translateY(-6px);}
  12% {-webkit-transform: translateY(-4px);}
}
@keyframes bounce {
  20%, 24%, 30%, 34%, 100% {-webkit-transform: translateY(0);transform: translateY(0);}
  25% {-webkit-transform: translateY(-6px);transform: translateY(-6px);}
  32% {-webkit-transform: translateY(-4px);transform: translateY(-4px);}
}
/* アニメーションを遅延させる */
.is-bounce + .is-bounce {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}

/* ぷるるるるん！ */
.is-purun {
  -webkit-animation: is-purun 5s infinite;
  -moz-animation: is-purun 5s infinite;
  animation: is-purun 5s infinite;
}
@-webkit-keyframes is-purun {
   0% { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
   4% { -webkit-transform: scale(0.9, 0.9) translate(0%, 3%); }
   8% { -webkit-transform: scale(1.1, 0.8) translate(0%, 7%); }
  12% { -webkit-transform: scale(0.9, 0.9) translate(0%, -7%); }
  18% { -webkit-transform: scale(1.1, 0.9) translate(0%, 3%); }
  25% { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
}
@keyframes is-purun {
   0% { transform: scale(1.0, 1.0) translate(0%, 0%); }
   4% { transform: scale(0.9, 0.9) translate(0%, 3%); }
   8% { transform: scale(1.1, 0.8) translate(0%, 7%); }
  12% { transform: scale(0.9, 0.9) translate(0%, -7%); }
  18% { transform: scale(1.1, 0.9) translate(0%, 3%); }
  25% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}
/* アニメーションを遅延させる */
.is-purun + .is-purun {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}




/**
 * ===============================================
 * MediaQuery : スマホ対応
 * ===============================================
 */
@media only screen and (max-width: 767px) {
  /* コンバージョンボタン */
  .btn-cv a {
    font-size: 1.3em;
    margin: 0 auto 1em;
    width: 94%;
  }
}
/*ボックス全体*/
.accbox {
    margin: 2em 0;
    padding: 0;
    max-width: 400px;/*最大幅*/
}

/*ラベル*/
.accbox label {
    display: block;
    margin: 1.5px 0;
    padding : 13px 12px;
    color: #ffba47;
    font-weight: bold;
    background: #fff2cc;
    cursor :pointer;
    transition: all 0.5s;
}

/*アイコンを表示*/
.accbox label:before {
    content: '\f054';
    font-family: 'FontAwesome';
    padding-right: 8px;
}

/*ラベルホバー時*/
.accbox label:hover {
    background :#ffe9a9;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
    height: auto;
    padding: 5px;
    background: #fff5eb;
    opacity: 1;
}

.accbox .accshow p {
    margin: 15px 10px}

/*アイコンを入れ替える*/
.cssacc:checked + label:before {
    content: '\f078';
}
/*********
アフィリエイト
*********/
.af-box{
    border-radius: 4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
	  border: 1px solid #d1d1d1;
    padding: 10px;
    margin: 0 8px;
}

.af-imgbox{
    width: 160px;
    margin-right: 10px;
    float: left;
    text-align: center;
}
.af-textbox{
    width: 100%;
}
.af-title{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}
.af-desc{
    font-size:14px;
    margin-bottom: 10px;
}
.af-kobox{
    width: 160px;
    margin: 0 5px 5px 0;
    font-size: 14px;
    font-weight: bold;
    float: left;
    text-align: center;
}
.af-kobox a.aflink{
    display: block;
    padding: 5px 0 5px 0;
    text-decoration: none;
	 border-radius: 4px;
	 -moz-border-radius:4px;
    -webkit-border-radius:4px;
		box-shadow: 0px 2px 4px 0 rgba(0,0,0,.26); 
}

.af-kobox a:hover {
	box-shadow: none;
	-ms-transform: translateY(4px);
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
	color: #ffffff;
}

.af-amazon{
	
}
.af-amazon a{
	  	box-shadow: none;
	  background: #ff9901;
    color: #ffffff  !important;
}
.af-rakuten{
  
}
.af-rakuten a{
	   background:#c20004;
    color: #ffffff  !important;
}
.af-blue{
   
}
.af-blue a{
	  background: #ff0033;
    color: #ffffff  !important;
}
.clear{clear:both;}
@media screen and (max-width: 399px) {

    .af-imgbox{
        margin: 0 auto;
        text-align: center;
        float: none;
    }

}

/** Start Envato Elements CSS: Modern Restaurant (9-3-f1f68218ee2b980b35b1e10620cad303) **/

.elementor-element p {
	margin-top: 0;
}

.menu-list .elementor-icon-list-items > li {
	padding-right: 48px;
}

.menu-list .elementor-icon-list-items > li .list-price {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 125%;
}

.menu-list .elementor-icon-list-items > li .item-desc,
.menu-subtitle {
	color: #777;
	font-size: 90%;
	display: block;
	font-weight: normal;
}

.food-menu p,
.dish-catalog p {
	margin-bottom: 0;
}

.chef-profile .elementor-heading-title span {
	display: block;
	font-size: 75%;
	color: #999;
}

.pricing-amount sup,
.pricing-amount small {
	font-size: 55%;
}

@media only screen and (min-width: 768px) {
	.rotate-90 .elementor-heading-title {
		display: inline-block;
		position: absolute;
		left: 50%;
		top: 50%;
	-moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
		-webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
		transform:  translateX(-50%) translateY(-50%) rotate(-90deg);		
	}
}

.highlighted {
	color: #b8860b;
}

.food-menu .elementor-text-editor {
	padding-right: 40px;
}

.food-menu .menu-price {
	position: absolute;
	right: 0;
	top:  0;
}
.food-menu.cafe .menu-subtitle {
	color: rgba(143,103,70,.8);
	font-size: 80%;
	line-height: 1.4;
}

.ib-row {
	white-space: nowrap;
	font-size: 0;
}
.inline-block {
	display: inline-block;
	margin-right: 6px;
}

/** End Envato Elements CSS: Modern Restaurant (9-3-f1f68218ee2b980b35b1e10620cad303) **/


/*澤田追加CSS 20190703*/

/* FORM内のPタグ・BRタグを非表示に */
.br_none br,.br_none p{
	display:none;
}
/* 緑ボタン submit リセット */
.robotpayment_button.btn-cv a{
	font-size:100%;
	padding: 0;
}
.robotpayment_button.btn-cv a:before{
  content: "\f138";
  font-family: "fontawesome";
  font-weight: normal;
  font-size: 1.1em;
  margin-top: -.6em;
  position: absolute;
  right: 15px;
  top: 50%;
}
.btn-cv input[type="submit"] {
	background: none;
	border: none;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
/* 緑ボタン 装飾 */
.btn-cv input[type="submit"] {
  color: #fff;
  display: block;
  font-size: 1.6em;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
  vertical-align: middle;
  text-shadow: 0 0 10px rgba(255,255,255,.8), 1px 1px 1px rgba(0,0,0,1);
  padding: 1em 2em .8em;
  width: 100%;
  cursor: pointer;
}
.accbox {
    margin: 2em 0;
    padding: 0;
    max-width: 400px;
}


.accbox label {
    display: block;
    margin: 1.5px 0;
    padding : 11px 12px;
    color :#2f8fcf;
    font-weight: bold;
    background :#a4cbf3;
    cursor :pointer;
    transition: all 0.5s;
}

.accbox label:hover {
    background :#85baef;
}

.accbox input {
    display: none;
}

.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

.cssacc:checked + .accshow {
    height: auto;
    padding: 5px;
    background: #eaeaea;
    opacity: 1;
}
/*テーブルの横スクロールのためのCSSはここから*/
 table{ 
    width:100%;
}
.scroll{
    overflow: auto;
    white-space:nowrap;
}
.scroll::-webkit-scrollbar{
    height: 15px;
}
.scroll::-webkit-scrollbar-track{
    background: #f1f1f1;
}
.scroll::-webkit-scrollbar-thumb{
    background: #bbb;
}
 /*テーブルの横スクロールのためのCSSはここまで*/

.cps-post-main .golf.kaisetsu-box2 table {
    /* margin-bottom: 20px; */
    margin-bottom: 0px;
    width: 100%;
    border: 1px solid #ccc;
    border-collapse: collapse;
    max-width: 100% !important;
    word-break: break-all;
}
.golf.kaisetsu-box2 {
    /* padding: 20px 25px; */
    padding: 0px;
    padding-bottom: 0;
    box-sizing: border-box;
}
@media (min-width: 768px){
.golf.kaisetsu-box2 {
    padding-top: 55px !important;
}}
@media (max-width: 767px){
.golf.kaisetsu-box2 {
    padding-top: 50px !important;
}}

.ac-box{
width: auto;
margin: 30px auto 5px;
}

.ac-box label{
max-width: 385px;
font-size: 16px;
font-weight: bold;
text-align: center;
background: #f05689;
margin: auto;
line-height: 50px;
position: relative;
display: block;
height: 50px;
border-radius: 8px;
cursor: pointer;
color: #fff;
transition: all 0.5s;
}

.ac-box label:hover{
background: rgba( 240, 86, 137, 0.55 );
-webkit-transition: all .3s;
transition: all .3s;
}

.ac-box input{
display: none;
}

.ac-box label:after{
color: #fff;
font-family:"FontAwesome";
content:" \f078";
}

.ac-box input:checked ~ label::after {
color: #fff;
font-family:"FontAwesome";
content:" \f077";
}

.ac-box div{
height: 0px;
padding: 0px;
overflow: hidden;
opacity: 0;
transition: 0.5s;
}

.ac-box input:checked ~ div{
height: auto;
padding: 5px;
background: #eaeaea;
opacity: 1;
}

.ac-box div p{
color: #777;
line-height: 23px;
font-size: 14px;
padding: 20px;
text-align: justify;
}
.ac-small p{
margin-bottom: 0px;
}


.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #62c1ce;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #62c1ce;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0; 
    padding: 0;
}


.box28 {
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    border: solid 2px #FFC107;
}
.box28 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #FFC107;
    color: #ffffff;
    font-weight: bold;
}
.box28 p {
    margin: 0; 
    padding: 0;
}


td.box, th.box{
	font-family: Verdana, Roboto, "Droid Sans", YuGothic, Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
	font-size: 12px;
	line-height: 1.4;
	color: #666666;}

.box5 a:link{text-decoration: none; color:#996600;}
.box5 a:visited{text-decoration: none; color:#996600;}
.box5 a:hover{text-decoration: underline; color:#990000;}

.highlightLink:link {text-decoration: none; color:#ffffff;}
.highlightLink:visited {color:#ffffff;}
.highlightLink:hover {text-decoration: none; color:#FFCC66;}

table.box td a {display: block; width:100%; height:100%} /* defining cell */
td.box {background-color: #F0F0F0;} /* specifying cell background color*/
td.box:hover {background-color: #FFCC00;} /* specifying cell background hover color*/

table.cell td a {display: block; width:100%; height:100%} /* defining cell */
td.cell {background-color: #CCFFFF;} /* specifying cell background color*/
td.cell:hover {background-color: #FFCC00;} /* specifying cell background hover color*/

table.cell01 td a {display: block; width:100%; height:100%} /* defining cell */
td.cell01 {background-color: #003366;} /* specifying cell background color*/
td.cell01:hover {background-color: #FF6600;} /* specifying cell background hover color*/

table.cell02 td a {display: block; width:100%; height:100%} /* defining cell */
td.cell02 {background-color: #006633;} /* specifying cell background color*/
td.cell02:hover {background-color: #990000;} /* specifying cell background hover color*/

table.cell03 td a {display: block; width:100%; height:100%} /* defining cell */
td.cell03 {background-color: #990000;} /* specifying cell background color*/
td.cell03:hover {background-color: #FF6600;} /* specifying cell background hover color*/

table.cell04 td a {display: block; width:100%; height:100%} /* defining cell */
td.cell04 {background-color: #FFFFFF;} /* specifying cell background color*/
td.cell04:hover {background-color: #FFCC00;} /* specifying cell background hover color*/

table.cell05 td a {display: block; width:100%; height:100%} /* defining cell */
td.cell05 {background-color: #FFFFCC;} /* specifying cell background color*/
td.cell05:hover {background-color: #FFCC00;} /* specifying cell background hover color*/

.style1 {color: #FFFFFF}
.style2 {color: #000000; font-weight: bold;}
.style3 {color: #990000}
.style4 {color: #FFFFFF; font-weight: bold;}
.style5 {font-size: 11px;}
.style6 {font-size: 11px; font-family: Arial, Helvetica, MS PGothic;}
.style7 {font-size: 11px; font-family: Arial, Helvetica, MS PGothic;}
.style8 {font-size: 11px}
.style9 {color: #009900}
.style10 {color: #0066CC}
.style11 {font-size: 13px; color: #FFFFFF;}
.style12 {color: #FF9933}

.box5 .h1{font-size:14px; color: #FFFFFF; font-weight: bold; margin-bottom:0px; margin-top:0px; padding: 7px; background-color: #668ad8; text-align:center;border: none;}
.box5 h2{font-size:14px; color: #000000; font-weight: bold; margin-bottom:0px}
.box5 .h3{font-size:14px; color: #FFFFFF; font-weight: bold; margin-bottom:0px; margin-top:0px; padding: 7px; background-color: #460; text-align:center;border: none;}
.box5 h4{font-size:14px; color: #000000; margin-bottom:0px}

table.type1 {border: solid 1px #CCCCCC; border-collapse: collapse;}
table.type2 {border: solid 1px #666666; border-collapse: collapse;}
table.type3 {border: solid 1px #99CC00; border-collapse: collapse;}
table.type4 {border-left: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC; border-collapse: collapse;}
table.type5 {border-left: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC; border-bottom: solid 1px #CCCCCC; border-collapse: collapse;}

.box5 {
	border: none; border-collapse: collapse;
	width: auto;
	max-width:800px;
	margin: auto;
	padding: 0px;
	background-color:#fff;
	clear: both;
}

table{
  width: 100%;
  border-collapse:separate;
  border-spacing: 0;
}

table th:first-child{
  border-radius: 5px 0 0 0;
}

table th:last-child{
  border-radius: 0 5px 0 0;
  border-right: 1px solid #3c6690;
}

table th{
  text-align: center;
  color:white;
  background: linear-gradient(#829ebc,#225588);
  border-left: 1px solid #3c6690;
  border-top: 1px solid #3c6690;
  border-bottom: 1px solid #3c6690;
  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
  width: 25%;
  padding: 10px 0;
}

table td{
  text-align: center;
  border-left: 1px solid #a8b7c5;
  border-bottom: 1px solid #a8b7c5;
  border-top:none;
  box-shadow: 0px -3px 5px 1px #eee inset;
  width: 25%;
  padding: 10px 0;
}

table td:last-child{
  border-right: 1px solid #a8b7c5;
}

table tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}

table tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}

.scroll-table {
overflow: auto;
white-space: nowrap;
}

.scroll-table::-webkit-scrollbar {
height: 5px;
}
.scroll-table::-webkit-scrollbar-track {
border-radius: 5px;
background: #f0f0f0;
}
.scroll-table::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #f0f0f0;
}
/*=================================================================================
	カッテネ
=================================================================================*/
.kattene {
	border: none !important;
	border-radius: unset !important;
	box-shadow: 0px 2px 5px 0 rgba(0,0,0,.26);
	background-color: #fafafa; /* 背景カラー */
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN',Helvetica, Meiryo, sans-serif;
	font-size: 16px;
	height: auto;
	line-height: 1.5;
	margin: 36px auto !important;
	padding: 12px 8px !important;
	overflow: hidden;
	width: 98% !important;
}
.kattene__imgpart {
	background: #fff;
	box-sizing: border-box;
	min-width: 150px;
	padding: 12px 0;
	vertical-align: middle;
}
.kattene__imgpart img {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
.kattene__title>a {
	display: block;
	padding: 5px;
	color: #4392f1; /* タイトルのテキストカラー */
}
.kattene__description {
	color: rgba(0,0,0,0.54); /* 説明文のテキストカラー */
	font-size:0.7em !important;
	padding: 0 5px;
}
.kattene__btns {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto !important;
	padding: 12px 5px !important;
	position: initial !important;
}
.kattene__btns > div {
	box-shadow: 0 6px 12px -5px rgba(0,0,0,.3);
	border-radius: 8px;
}
@media screen and (min-width: 901px){
.kattene__btns > div {
	width: 32.333% !important;
}
}
@media screen and (max-width: 900px) {
.kattene__imgpart {
	width: 100%;
}
.kattene__title,
.kattene__description {
	text-align: center;
}
.kattene__btns {
	padding: 10px 5px !important;
}
.kattene__btns > div {
	width: 99% !important;
	margin: 3.5px auto !important;
}
}
/*  全ボタン共通  */
.kattene__btns a {
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 8px !important;
	font-size: .8em !important;
	line-height: 30px !important;
	letter-spacing:0;
	-webkit-box-shadow: none !important;
	box-sizing: border-box;
	box-shadow: none !important;
}
.kattene__btns a:hover {
	background: #ffffff !important;
	opacity: 1;
}
/* ボタンオレンジ */
.kattene__btn.__orange {
	border: 2px solid #ff9901 !important;
}
.kattene__btn.__orange:hover{
	color: #ff9901 !important;
}
/* ボタンブルー */
.kattene__btn.__blue{
	border: 2px solid #007dcd !important; 
}
.kattene__btn.__blue:hover{
	color: #007dcd !important;
}
/* ボタンレッド */
.kattene__btn.__red {
	border: 2px solid #c20004 !important; 
}
.kattene__btn.__red:hover{
	color: #c20004 !important;
}
/* ボタングリーン */
.kattene__btn.__green {
	border: 2px solid #0BBD80 !important; 
}
.kattene__btn.__green:hover {
	color: #0BBD80 !important;
}
/* ボタンピンク */
.kattene__btn.__pink {
	border: 2px solid #e1325b !important; 
}
.kattene__btn.__pink:hover {
	color: #e1325b !important;
}
/* WordPressで自動挿入されたPタグの余白を消す */
.kattene p {
	margin: 0;
	padding: 0;
}

/* Recommend buttons */
 .btn-box {
    height: 90px;
    width: 100%;
  }

  .btn-container:hover {
    background-color: rgba(0, 0, 0, 0.15);
  }

  .btn-box-title {
    width: 100%;
    max-height: 18px;
    position: relative;
    padding-top: 0;
		text-align: left;
  }

  .btn-box-title span {
    font-size: 13px;
    color: #525252;
  }

  .btn-box-title::after {
    content: '\a0';
    height: 1px;
    width: calc(100% - 83px);
    position: absolute;
    top: 9.5px;
    background: repeating-linear-gradient(to right, rgba(0, 0, 0, .7), rgba(0, 0, 0, 0.7) 1px, rgba(255, 255, 255, 0.7) 1px, rgba(255, 255, 255, .7) 2px);
  }

  .btn-container {
    height: auto;
    width: 100%;
    display: flex;
    vertical-align: top;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
		padding-top: 8px;
  }

  .btn-part-1 {
    height: 32px;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
		margin-bottom: 5px;
  }

  .btn-part-1 .btn-link {
    cursor: pointer;
    position: relative;
    width: 98%;
    border: 1px solid #03bc06;
    height: 90%;
    display: flex;
    text-align: center;
    line-height: 28px;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    border-radius: 30px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
    color: #03bc06;
    font-size: 16px;
  }

  .btn-part-1 .btn-link .search-icon {
    display: inline;
    position: absolute;
    right: 8px;
    opacity: 1.0;
    background-color: #ffffff;
    top: 55%;
    transform: translate(0, -50%);
  }

  .btn-part-1 .btn-link .search-icon svg {
    height: 18px;
    width: 18px;
  }

  .btn-part-1 .btn-link .search-icon svg path {
    fill: #03bc06;
  }

  .btn-part-1 .btn-link:hover {
    background-color: #03bc06;
    border: 1px solid #03bc06;
  }

  .btn-part-1 .btn-link:hover span {
    color: #fff;
  }

  .btn-part-1 .btn-link:hover .search-icon {
    background-color: #03bc06;
  }

  .btn-part-1 .btn-link:hover .search-icon svg path {
    fill: #fff;
  }

  .bottom-border {
    margin-right: 6px;
    width: 100.3%;
    height: 1px;
    margin-top: 3px;
    margin-bottom: 3px;
    background: repeating-linear-gradient(to right, rgba(0, 0, 0, .7), rgba(0, 0, 0, 0.7) 1px, rgba(255, 255, 255, 0.7) 1px, rgba(255, 255, 255, .7) 2px);
  }

  .btn-part-2 {
    height: 32px;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
		margin-bottom: 5px;
  }

  .btn-part-2 .btn-link {
    cursor: pointer;
    position: relative;
    width: 98%;
    border: 1px solid #03bc06;
    height: 90%;
    display: flex;
    text-align: center;
    line-height: 28px;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
    color: #03bc06;
    font-size: 16px;
  }

  .btn-part-2 .btn-link .search-icon {
    display: inline;
    position: absolute;
    right: 8px;
    opacity: 1.0;
    background-color: #ffffff;
    top: 55%;
    transform: translate(0, -50%);
  }

  .btn-part-2 .btn-link .search-icon svg {
    height: 18px;
    width: 18px;
  }

  .btn-part-2 .btn-link .search-icon svg path {
    fill: #03bc06;
  }

  .btn-part-2 .btn-link:hover {
    background-color: #017605;
    border: 1px solid #017605;
  }

  .btn-part-2 .btn-link:hover span {
    color: #fff;
  }

  .btn-part-2 .btn-link:hover {
    background-color: #03bc06;
    border: 1px solid #03bc06;
  }

  .btn-part-2 .btn-link:hover span {
    color: #fff;
  }

  .btn-part-2 .btn-link:hover .search-icon {
    background-color: #03bc06;
  }

  .btn-part-2 .btn-link:hover .search-icon svg path {
    fill: #fff;
  }

  .btn-part-3 {
    height: 32px;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
		margin-bottom: 5px;
  }

  .btn-part-3 .btn-link {
    cursor: pointer;
    position: relative;
    width: 98%;
    border: 1px solid #03bc06;
    height: 90%;
    display: flex;
    text-align: center;
    line-height: 28px;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    border-radius: 30px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
    color: #03bc06;
    font-size: 16px;
  }

  .btn-part-3 .btn-link .search-icon {
    display: inline;
    position: absolute;
    right: 0;
    opacity: 1.0;
    background-color: #03bc06;
    top: 50%;
    transform: translate(0, -50%);
    border-radius: 0 30px 30px 0;
    height: 100%;
    width: 8%;
  }

  .btn-part-3 .btn-link .search-icon svg {
    height: 18px;
    width: 18px;
    padding: 5px;
  }

  .btn-part-3 .btn-link .search-icon svg path {
    fill: #fff;
  }

  .btn-part-3 .btn-link:hover {
    background-color: #03bc06;
    border: 1px solid #03bc06;
  }

  .btn-part-3 .btn-link:hover span {
    color: #fff;
  }

@media screen and (max-width: 480px) {
    .btn-box {
      width: 100%;
      height: auto;
    }

    .btn-box-title {
      width: 80%;
    }

    .btn-box-title::after {
      width: 88%;
    }

    .btn-container {
      width: 100%;
      height: auto;
      display: flex;
      flex-wrap: initial;
      flex-direction: column;
    }

    .btn-part-1,
		.btn-part-2,
		.btn-part-3 {
      width: 100%;
			height: 43px;
    }
		
		.btn-link {
      height: 100%;
    }

    .bottom-border {
      width: 96%;
    }
	
    .btn-part-3 .btn-link .search-icon svg {
      padding: 8px 3px 0 0;
    }
	.btn-part-3 .btn-link .search-icon {
		width: 9%;
	}
  }

/* こちらの記事も読まれています */
.more-articles .heading {
  background-color: #03bc06;
  color: #fff;
  padding: 10px;
  text-align: center;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  font-size: 1rem;
}
.more-articles .article-content .article-part {
  display: inline-block;
  width: 24%;
  padding: 0 5px;
  margin: 5px 0 10px;
  vertical-align: top;
  box-sizing: border-box;
  position: relative;
  padding-bottom: 15px;
}
.more-articles .article-content .article-part a {
  text-decoration: none;
  display: block;
}
.more-articles .article-content .article-part a:hover {
  opacity: .5;
}
.more-articles .article-content .article-part img {
  width: 100%;
	margin-bottom: 0px;
}
.more-articles .article-content .article-part .content {
  text-align: left;
  font-size: 12px;
  height: 36px;
  margin: 5px 0;
  display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
  font-weight: normal;
  line-height: 1.5;
  transition: inherit;
  text-decoration: none;
  overflow: hidden;
  color: #333333;
}

@media screen and (max-width: 400px) {
  .more-articles .article-content .article-part {
   width: 49%;
	 margin-bottom: 0;
	 padding-bottom: 0;
  }
  .more-articles .article-content .article-part.full {
  width: 100%;
  }
}
.wp-block-image figcaption{
	text-align:center;/*中央揃えに*/
	font-size:14px;/*フォントサイズ*/
	color:#787878;/*フォントの色*/
	margin-top:-20px;/*画像とキャプションの距離*/
	
	
@media screen and (max-width: 375px) {
.k	{
	width:px;
	height:px;	
}

 }