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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

.list_box{
    padding: 10px;
}
.list_box h2{
font-size: 18px;
    background: #f88fa7;
    padding: 5px;
}
.list_box p{
font-size: 16px;
    padding: 10px 0;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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



.logo-image {
    padding: 10px 0;
    font-size: inherit;
    padding-bottom: 0;
    //max-height: 70px;
}

.tagline {
    text-align: center;
    font-size: 12px;
    margin: .6em 1em;
    color: #4b4b4b;
}





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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

.mobile-footer-menu-buttons{
    display: none;
}

.cpu1{display:none !important;}
.cpu2{display:none !important;}
.cpu3{display:none !important;}

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400&display=swap');

body{font-family: 'M PLUS Rounded 1c', sans-serif;}


.article h2, .article h3, .article h4, .article h5, .article h6 {
    margin-top: 1.5em;
}
.article h2, .article h3, .article h4, .article h5, .article h6 {
    margin-bottom: 1em;
}

@media screen and (max-width: 834px) {
main.main, div.sidebar {
    padding: 0 16px;
    margin: 0px 0;
    border-width: 0;
}
}

@media screen and (max-width: 480px){
	
	
	.close{
		position:absolute;
		display:inline-block;
		top: -40px;
		//top: -10px;
		right: -12px;
		width: 60px;
		height: 60px;
		border:0;
		background-color:black;
		border-radius:32px;
		margin:0;
		padding:0;
		transform:scale(0.5);
		cursor:pointer;
	}
	.close:before{
		content:"";
		position:absolute;
		display:inline-block;
    top: 12px;
    left: 27px;
		width:6px;
		height:35px;
		border:0;
		margin:0;
		padding:0;
		background-color:white;
		-moz-transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	.close:after{
		content:"";
		position:absolute;
		display:inline-block;
top: 12px;
    left: 28px;
		width:6px;
		height:35px;
		border:0;
		margin:0;
		padding:0;
		background-color:white;
		-moz-transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
		transform:rotate(-45deg);
	}
	.close:hover{
		background-color:red;
	}






.fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10000000000;
//display:block !important;
//display:none;
}
.fixed img {
    width: 95% !important;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
}
.fixed a {
color:#FFF;
}


.nav2 {
    padding: 0 20px;
    margin: 0 auto 60px;
    width: 760px;
}
.fixed {
    position: fixed !important;
//top: 0 !important;
top: inherit !important;
    left: 0 !important;
    width: 100% !important;
display:block;
//bottom: initial !important;
bottom: 0;

color: #000;
    padding: 0px;
    //background: #ffffff;
    //border-bottom: 1px solid #6f8da7;
    background: #f9b412;
}
	
	
.entry-title {
    font-size: 24px !important;
    padding: 0.6em 0em;
}
.article h2 {
    margin: 5px 0 20px;
    padding: 10px 15px !important;
    background-color: #ffbdcc;
    color: #820b2b;
    font-size: 18px !important;
    border-radius: 25px;
}
}

.main, .sidebar {
    background-color: #FFF;
}






.btn-square-so-pop {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #583109;
  background: #fd9535;/*色*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
  font-weight: bold;
  border: solid 2px #d27d00;/*線色*/
}

.btn-square-so-pop:active {
  /*押したとき*/
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

.category-header #archive-title{
	font-size:18px;
}

.pick_up {
    border: 3px solid #8bc34a;
    background: #FFF;
    text-align: center;
    font-size: 14px;
    margin: 10px;
}
.pick_up .pick{
    background: #ffeb3b;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}
.pick_up a{
    display: block;
    padding: 5px;
}


.logo-image {
    padding: 10px 0;
    font-size: inherit;
    padding-bottom: 0;
    //max-height: 70px;
}

@import "https://use.fontawesome.com/releases/v5.13.0/css/all.css";

table.table_center{text-align:center;}

table.table_center th {
    padding: 0;
    font-weight: bold;
    border-bottom: 1.5px solid #ffffff;
    background: #ffc107;
    font-size: 14px;
}

span.lead {
    background: #fff6a5;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;
}

.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  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;
  border-radius: 0.5rem;
}

.btn-wrap-pc-sp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  /*テスト表示用*/
  max-width: 435px;
  margin: 0 auto 20px;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;
}

a.btn-pc-sp {
  line-height: 1.4;    margin-bottom: 0px !important;

  width: 49.5%;
  padding: 1.25rem 0;

  color: #ffff;
}

a.btn-pc-sp--contact {
  color: #fff;
  background: #eb6100;
}

a.btn-pc-sp--tel {
  color: #fff;
  background: #094;    height: min-content;
}

.fa-position-right {
  position: absolute;
  top: calc(50% - 0.5em);
  right: 1rem;
}


a.btn-c {
  font-size: 1.8rem;    margin-top: 10px;

  position: relative;

  padding: 1.5rem 2rem 1.5rem 2rem;

  color: #fff;
  border-radius: 100vh;
  background: #eb6877;
  -webkit-box-shadow: 0 5px 0 #e85163;
  box-shadow: 0 5px 0 #e85163;
}

a.btn-c span {
  color: #fff100;
}

a.btn-c small {
  font-weight: bold;
}

a.btn-c i {
  margin-right: 1rem;
}

a.btn-c:hover {
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);

  color: #fff;
  background: #ee7f8b;
  -webkit-box-shadow: 0 2px 0 #e85163;
  box-shadow: 0 2px 0 #e85163;
}

.new_coupon_box .code {
    display: block;
    text-align: center;
    font-size: 50px;
    font-weight: 700;
    line-height: 30px;
    margin: 5px 15px 10px;
}

.new_coupon_box .lead_txt2 {
    font-size: 18px;
    text-align: center;
    display: block;
    margin-top: 10px;
}


.new_coupon_box .lead_txt3 {
    display: block;
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    margin-top: 5px;
}

.new_coupon_box {
    display: block;
    padding: 10px;
    border: 3px solid #ffb000;
    background: #f7ffbc;
    margin: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.appeal-content {
    max-width: 740px;
    background-color: rgba(255, 255, 255, 0.85);
    margin: auto;
    padding: 10px 0;
    text-align: center;
    border-radius: 20px;
    display: block;
}

.appeal-message {
    margin-bottom: 0px;
}

.appeal .appeal-in {
    min-height: auto;
    padding: 10px;
}

a.btn_single {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    display: block;
    background: #ffc107;
    width: 75%;
    margin: 20px auto 0 auto;
    padding: 20px 0;
    font-size: 18px;
    font-weight: bold;
    border: 1px solid #926e00;    text-align: center;
}


a.btn_single2{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    display: block;
    background: #f59dce;
    width: 75%;
    margin: 20px auto 0 auto;
    padding: 20px 0;
    font-size: 18px;
    font-weight: bold;
    border: 1px solid #926e00;    text-align: center;
}

.article h3 {
    background-color: #f9e2e7;
	color: #e6617f;
    font-size: 18px;
}

.img_center{text-align:center;}
.img_300 img{width:300px;height:auto;}
.img_max img{width:100%;height:auto;}


.appeal-content {
    width: 90%;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	
.sp_head {
    text-align: center;
    font-weight: bold;
    font-size: 17px;
    padding-bottom: 5px;
}

.new_coupon_box .code {
    display: block;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    margin: 5px 0 0;
}

	
.new_coupon_box .lead_txt3 {
    display: block;
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    margin-top: 5px;
}
	
.new_coupon_box .lead_txt2 {
    font-size: 11px;
    text-align: center;
    display: block;
    margin: 5px 0;
}


	
.new_coupon_box {
    display: block;
    padding: 10px;
    border: 3px solid #ffb000;
    background: #f7ffbc;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;    margin: 0;
}
	
.logo-text {
    padding: 10px 0 0px;
    font-size: 1em;
}
.breadcrumbs {
    font-size: 12px !important;
}
.article h2 {
    font-size: 18px;
}	
.tagline {
    font-size: 11px;
    color: #000;
    text-align: left;
    line-height: 15px;display: none;
}
#header .site-name-text {
    font-size: 24px;
    font-weight: bold;
}	
.entry-title {
    font-size: 20px;
    padding: 0.6em 0em;
}
	
}