/*
Template:kahuna
Theme Name:kahuna-child
*/

.continue-reading-link{
	background-color:#555555!important;
	font-family:serif;
	text-transform:lowercase;
}

h2.entry-title{
	font-size:1.3em;
}
article.post{
	padding:1.5%;
	border:1px dotted #666!important;
}
.entry-meta,.post-featured-image{min-width:60%!important;
	font-size:12px!important;
}
.getPostDispArea .getPost {
    width:30%;
    height:500px;
    border: 1px solid #9a9a9a;
    padding: 10px;
    margin: 10px 10px;
float:left;
}
.getPostDispArea .getPost::after {
    content: '';
    display: table;
    clear: both;
}

.getPostImgArea {
    width: 100%;
}

.getPostStringArea {
    width: 100%;
    padding-left: 15px;
    float: left;
}

h4.getPostTitle {
    font-weight: bold;
}
h2.item-h {
position: relative;
color: #333;
font-size:2em;
display: inline-block;
margin: 47px 0 ;
padding-left:10px;
text-shadow: 0 0 2px white;
border-bottom:1px solid #eb836e;
width:90%;
}
h2.item-h::before {
  content:"";
  position: absolute;
  background: #eb836e;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  top: 50%;
border: dashed 1px white;
left: 4%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  z-index: -1;
  box-shadow: 0px 0px 0px 5px #eb836e;
}

h3.kan_m2 {
  position: relative;
  color: #4d4d4d;
  font-size: 25px;
  padding: 10px 0;
  text-align:center;
  margin: 1.5em 0;
}
h3.kan_m2::before {
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  width: 150px;
  height: 62px;
  border-radius: 50%;
border: 5px solid #6e72eb;
  border-left-color: transparent;
  border-right-color: transparent;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}


h3.m1{
	padding:8px;
	margin:5px 10px;
	border-top:1px dotted #666;
	border-bottom:px dotted #666;
}
h4.m2{color:#888;
	margin-left:15px;
	padding-left:10px;
	border-left:4px solid #ce80be;}






#main{padding-top:0 !important;}
/* コンテンツ前ウィジェット*/
.content-widget-before{margin-bottom:0 !important;
}
h2.widget-title{margin-top:3px !important;}
.main .blis_item{
    display: inline-block;/* float指定の代替 */
  }
.main .item_btn{ 
	display:inline-block;
	width:100%; /* 幅調節 */
    padding: 0.5em 2em;
    text-decoration: none;
    border-radius: 4px;
    color: #ffffff;
    background-image: -webkit-linear-gradient(#ce80be 0%, #67ceff 100%);
    background-image: linear-gradient(#ce80be 0%, #67ceff 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #5e7fca;
  }

.main .item_btn:link{color:#fff;display:block;font-weight:bold;}
.main .item_btn:visited{color:#fff;}
.main .item_btn:hover{background-color:#333;color:#333;}
.main .item_btn:active{
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border-bottom: none;
}

/* おすすめアイテム 商品一覧 */
 
/*h2.item-h{background-color:#ce80be;font-size:1.4em;color:#fff!important;padding:10px 15px;}*/
.y_img__no{
	display:none;
}

.ul-list {  
  list-style-type: none;   
  margin: 1em 0;  	
}  

.ul-list li {  
display:inline-block;/* float指定の代替 */
vertical-align: top;   /* 上端を揃える */
border:1px solid #666; 
width: 28%; /* 幅調節 */
padding:2%;
margin:2%;
margin-bottom: 4em; 
}  

  
.ul-list dt{ 
margin-bottom:1em;
	text-align:center;
}

.ul-list dd{ margin-bottom: 0.5em; }

.item-title{background-color:#555; padding:5px 5px 5px 10px;color:#fff;}

a.continue_btn{display:block;width:70%;float:right;font-weight:bold;border:2px dotted #9f9f9f;padding:5px;margin:5px 0 15px 0;text-align:center;border-radius:25px;}

.shop_line1{clear:both;border-bottom:1px dotted #999;border-top:1px dotted #999;text-align:center;background-color:#ffffe0;font-weight:bold;color:#666;margin-bottom:25px!important;}

.shopping_btn,.shopping_btn2{clear:both;display:block;width:90%;font-weight:bold;background-color:#333;padding:5px;margin:5px;text-align:center;border-radius:25px;}
.shopping_btn a:link{color:#fff!important ;}
.shopping_btn a:hover{color:#ce80be!important ;}
.shopping_btn2 a:link{color:#ce80be!important ;}
.shopping_btn2 a:hover{color:#fff!important ;}
.shopping_btn img,.shopping_btn2 img{display:none;}




.reference{text-align:right; font-size:0.85em;}
.point{background-color: #ccffcc;}
.catch{font-size:1.2em;font-weight:bold;text-decoration-line:underline;}

.non_caffeine{clear:both;display:block;width:45%;font-weight:bold;font-size:6px;color:#fff;background-color:#dc143c;padding:5px;margin:5px;text-align:center;border-radius:25px;}

/* --個別投稿内-- */
ul.pre li{list-style-type:square;
	font-size:1.2em;
	margin-left:20px;
	color:#ff8c00 !important;
}
.pre_text{margin-left:30px;}
.text_margin{margin-left:30px;}
.item1{max-width:50%;
border:1px solid #888;
padding:5px;margin:10px;}

/*注意点*/
.important dt{
position:relative;
top:15px;
width:10%;
border-radius: 20px; /* 角を丸くする */
background:#dc143c;
text-align:center;
color:#fff;
font-weight:600;
padding:0.2em;
}
.important dd{
width:95%;
border:solid #dc143c 1px;
padding:1em;
margin-left:0.5em;
}
/*おすすめ*/
.recom {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
.recom .recom-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #95ccff;
    font-weight: bold;
}
.recom p {
    margin: 0; 
    padding: 0;
}

/* 一覧リストエリアの背景 */
.appositive-list {
width:70%;
 padding: 0.2em 0.5em;
    margin: 2em auto 4em auto;
    background: #fff2b3;
    box-shadow: 0px 0px 0px 5px #fff2b3;
    border: dashed 2px white;
}

/* クリアフィックス */
.appositive-list ul:after {
  content: "";
  clear: both;
  display: block;
}

/* 一覧のリストの設定 */
.appositive-list ul li {
  list-style-type: none;
  display: block;
  float: left;
margin-bottom:1.5%;
   height: 30px;/* 見た目の調整 */
  line-height: 30px;/* 見た目の調整 */
  text-align: left;/* 見た目の調整 */
font-size:1.3em;
font-weight:600;
}
/* 横並びに等分 */
.appositive-list ul.al-2 li {
  width: 48.56%;
  margin-right: 2.88%;
}
.appositive-list ul.al-2 li:nth-child(2n) {
  margin-right: 0;
}
/* クリアフィックス */
.appositive-list2 ul:after {
  content: "";
  clear: both;
  display: block;
}
.appositive-list2 ul li {
  list-style-type: none;
  display: block;
  float: left;
border-radius: 20px; /* 角を丸くする */
 background: #00008b;
margin-bottom:1.5%;
   height: 30px;/* 見た目の調整 */
  line-height: 30px;/* 見た目の調整 */
  text-align: center;/* 見た目の調整 */
font-size:1em;
color:#fff;
font-weight:600;
}

/* 横並びに5等分 */
.appositive-list2 ul.al-5 li {
  padding:0 1.2%;
  margin-right: 2%;
}
.appositive-list2 ul.al-5 li:nth-child(5n) {
 margin-right: 0;
}

@media screen and ( max-width: 500px ) {
.appositive-list {
width:85%;
}
/* 横並びに等分なし */
.appositive-list ul.al-2 li {
  width: 100%;
	margin-bottom:0%;
	margin-left:5%;
	}
}

/* --個別投稿下部アフィリエイト情報-- */
.affi_m{padding:8px;
	margin:5px 10px;
	border-top:2px dotted #fff;
	border-bottom:2px dotted #fff;
	background-color:#ce80be;
color:#fff!important ;}
.affi{width:20%;
	padding:5px;
	background-color:#fffff0;
	border:1px dotted #999;
	height:auto;
	text-align:center;
}
ul.affi01{
	list-style:none;
}
ul.affi01 li{display:inline-block;
margin-right:8px;
vertical-align:top;}
/* --レシピ部分-- */
div.recip{border:dashed 2px #ffac00;padding:20px;margin:10px 15px;}
.recip img{text-align:center;}
ul.quan > li{list-style: none;
padding:3px 10px;
font-weight:bold;}
.recip_title{color:#fff !important;font-size:1.3em;font-weight:bold;text-align:center;background-color:#55402b;padding:5px;}
.recip_line{border-top:dashed 1px #ffac00;border-bottom:dashed 1px #ffac00;}

ol.cook_method {
	counter-reset: li;
}
ol.cook_method  > li {
	list-style: none;
	position: relative;/*リストの項目の位置を基準に*/
	padding-left: 2.5em; /*li:before分左に余白を。調整可*/
	margin-bottom: 0.8em;/*リストの数字がくっついてしまう場合*/
}

ol.cook_method  > li:before {
	counter-increment: li;
	content: counter(li);
	margin-right: 1em;
	background: #3cb371; /*mediumseagreen*/
	border: 1px solid #008000; /*green*/
	color: #ffffff; /*白*/
	border-radius: 50%; /*丸く*/
	text-align: center; /*端に寄ってる数字を真ん中に*/
	width: 1.4em; /*幅を決めるheightと同じ数値に*/
	height: 1.4em; /*高さ。widthと同じ数値に。数値変更した場合はline-heightで調整を*/
	position: absolute; /*リストの基準から移動させる*/
	left: 0em; /*項目の基準、左にあわせる*/
	top: 2px; /*基準の上から2pxの位置に表示。テーマによって位置がずれる場合は修正を*/
	line-height: 1.4;/*数字の位置あわせで数値を指定*/
}
/* --セミナー&講座申込みフォーム-- */
.subs{padding:10px;margin:0 10px 30px 10px;border:1px solid #333;}
.subs_day{background-color:#ffffe0;}

/* 還元くんタグアーカイブページサブメニュー */
#kan_mi{width:80%;text-align:center;font-size:1.6em;margin:5px auto 15px; padding:10px;font-weight:600;}
.kome{font-size:0.6em;}
/*table.kan_line{
        table-layout: fixed;
        width: 100%;
    }*/
table.kan_line,td{border:1px dotted #999;}

#kan_info ul{padding:1%;margin-left:10%;}
#kan_info ul li{list-style:none;font-size:1.1em;}

/* 還元くんトップページ(カテゴリー「はじめに」記事固定) */
.su-post{ padding:10px;margin:5px;border:dotted 1px #333;}

.s_list dt {
  position: relative;
  background: #f4f4f4;
  padding: 2px 5px 2px 25px;
margin-left:65px;
  font-size: 18px;
  color: #474747;
  border-radius: 0 10px 10px 0;
}

.s_list dt:before {
   font-family: "Font Awesome 5 Free";
  content: "\f3c5";
  display: inline-block;
  line-height: 35px;
  position: absolute;
  padding: 0em;
  color: white;
  background: #d6eb6e;
  font-weight: bold;
  width: 35px;
  text-align: center;
  height: 35px;
  left: -1.5em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.29);
}
.s_list dd{
padding-left:100px;
}


.kan_point dt{
  position: relative;
  border-top: solid 2px #80c8d1;
  border-bottom: solid 2px #80c8d1;
  background: #f4f4f4;
font-size:1.2em;
  line-height: 1.4;
  padding: 0.4em 0.5em;
  margin: 2em 0  0.5em 2.5em;
}

.kan_point dt:after {
  /*タブ*/
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  content: '\f0a7\ POINT';
  background: #80c8d1;
  color: #fff;
  left: 0;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 5px 7px 3px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em;
}
.kan_point dd{
margin-left:60px;
}

@media screen and ( max-width: 480px ) {
	.ul-list li {  
vertical-align: top;   /* 上端を揃える */
border:1px solid #666; 
width: 90%; /* 幅調節 */
padding:2%;
margin:2%;
margin-bottom: 4em; 
}  
}
@media screen and (max-width: 640px) {
	.affi{width:42%;
	padding:5px;
	height:auto;
}
	
}

/***** コンタクトフォーム *****/
.table-contactform7{
  overflow: hidden;
table-layout: fixed;
}
 
.required-contactform7{
  font-size:0.7em;
  padding: 5px;
  background: #DE8686;
  color: #fff;
  border-radius: 3px;
  margin-right: 15px;
}
 
.unrequired-contactform7{
 font-size:0.7em;
  padding: 5px;
  background: #BDBDBD;
  color: #fff;
  border-radius: 3px;
  margin-right: 15px;
}
 
.table-contactform7 th{
  font-weight:bold;
text-align:left;
}
 
.table-contactform7 input,
.table-contactform7 textarea{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
}
 
.address-100 input{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
}
 
.message-100 textarea{
  width: 100%;
  margin: 5px 10px 10px 5px;
}
 
@media screen and (min-width: 900px){
  .table-contactform7 th{
    width:28%;
  }
    }
     
@media screen and (max-width: 900px){
.table-contactform7{
  display:block;
}     
       
  .table-contactform7 tbody,
  .table-contactform7 tr{
    display: block;
    width: 100%;
  }
  .table-contactform7 th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
}
.table-contactform7 td{
  display: list-item;
  list-style-type:none;
  margin:0;
  padding:0;
  width: 100%;
  border-top: none !important;
}
}
.voice_s{
	background-color:#efefef;
	padding:20px;
	border-radius:15px;
	}
.voice_section{
	padding-top:25px;
}
/***** 吹き出し *****/
.oneArea {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  max-width: 1024px;
  margin: 50px auto;
  padding: 0 10px;
}
.oneArea .onebox {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.oneArea .onebox:nth-child(even) {
  flex-direction: row-reverse;
  margin-top: 40px;
}
.oneArea .onebox:nth-child(odd) {
  margin-top: 40px;
}
.oneArea .onebox .imgArea {
  width: 16%;
  position: relative;
}
.oneArea .onebox:nth-child(odd) .imgArea img {
  width: 100%;
  max-width: 130px;
  position: absolute;
  top: -45px;
  left: 0;
}
.oneArea .onebox:nth-child(even) .imgArea img {
  width: 100%;
  max-width: 130px;
  position: absolute;
  top: -45px;
  left: auto;
  right: 0;
  padding-left: 5px;
}
.oneArea .onebox .fukiArea {
  width: 70%;
}
.oneArea .onebox .fukidasi {
  width: 100%;
  position: relative;
  padding: 10px;
  background-color: #e4007f;
  font-size: 18px;
font-weight:bold;
color: #fff;
  border-radius: 12px;
  box-sizing: border-box;
}
.oneArea .onebox .fukidasi::before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  transform: rotate(45deg);
  top: 15%;
  border-right: 25px solid transparent;
  border-bottom: 25px solid transparent;
}
.oneArea .onebox .fukidasi::after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  transform: rotate(45deg);
  top: 35%;
  border-right: 25px solid transparent;
  border-bottom: 25px solid transparent;
}
.oneArea .onebox:nth-child(odd) .fukidasi::before {
  left: -15px;
  border-left: 25px solid #e4007f;
  border-top: 25px solid transparent;
}
.oneArea .onebox:nth-child(odd) .fukidasi::after {
  left: -25px;
  border-left: 25px solid #ffffff;
  border-top: 25px solid transparent;
}
.oneArea .onebox:nth-child(even) .fukidasi {
  background-color: #e4007f;
}
.oneArea .onebox:nth-child(even) .fukidasi::before {
  left: auto;
  right: -15px;
  border-left: 25px solid transparent;
  border-top: 25px solid #e4007f;
}
.oneArea .onebox:nth-child(even) .fukidasi::after {
  left: auto;
  right: -25px;
  border-left: 25px solid transparent;
  border-top: 25px solid #ffffff;
}
.fan_coment{
	width:85%;
	margin:15px auto;
	padding:20px 20px 20px 30px;
	border:dotted 1px #333;
	border-radius:15px;
}
.fan_coment .cat{
	font-weight:bold;
	color:#e4007f;
	padding-bottom:6px;
}

@media screen and (max-width: 1024px) {
  .oneArea .onebox:nth-child(odd) .imgArea img {
    max-width: 70%;
    top: 0;
  }
  .oneArea .onebox:nth-child(even) .imgArea img {
    max-width: 70%;
    top: 0;
  }
  .oneArea .onebox .fukidasi {
    padding: 15px;
    font-size: 14px;
  }
  .oneArea .onebox .fukidasi::before {
    top: 8px;
  }
  .oneArea .onebox .fukidasi::after {
    top: 20px;
  }
}
@media screen and (max-width: 420px) {
	
  .oneArea {
    margin: 30px auto;
	padding:0px;
  }
  .oneArea .onebox:nth-child(even) {
    margin-top: 15px;
  }
  .oneArea .onebox .imgArea {
    width: 30%;
  }
  .oneArea .onebox .fukidasi {
	padding: 9px 12px;
    font-size: 12px;
	 border-radius: 7px;
  }
	.voice_section{
	padding-top:0px;
}
.fan_coment{
	width:94%;
	margin:15px auto;
	padding:20px 10px 20px 20px;
}	
}
@media (max-width: 480px) {
    #booking_client-fieldset table th,
    #booking_client-fieldset table td,
    #booking-reservation-fieldset table th,
    #booking-reservation-fieldset table td,
    #booking-message-fieldset table th,
    #booking-message-fieldset table td,
    #booking-confirm-fieldset table th,
    #booking-confirm-fieldset table td {
        display: block;
        float: none;
        width: 90%;
        text-align: center;
        overflow: auto;
    }
}