/* CSS Document */

.wrapper{
  background:url(../images/bg1a.jpg) no-repeat fixed top;
  -webkit-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}

.wrapper .mw800{
  text-align: center;
}

body{
  color: #424040;
  font-size: 20px;
  font-family:
    
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
  font-weight: normal;
}

h2, .balloon1 p, .copy, h3{
  font-family:  "A-OTF UD新ゴ Pro","Hiragino Sans",Meiryo,sans-serif;
  letter-spacing: 1px;
}

a {color:#fff;}
section{margin-top:0px; margin-bottom:0px;}
section p{margin-bottom:1rem;font-size: 20px;line-height: 33px;letter-spacing: 1px; color: #333;}
footer{background:#000; padding:30px 20px;}
h3{padding:10px; background:url(../images/bg-brown-stripe.png); border-radius:5px;margin-bottom:10px; font-size:18px; font-weight:bold;}
h4{border-left:10px solid #5C0001;margin-bottom:15px; padding-left:15px;font-weight:bold; font-size:24px;padding-bottom:3px;padding-top:3px;}
ul{list-style-image:url(../images/check.png);}
li{background:url(../images/bg-grey-stripe.png);font-weight:bold; letter-spacing:1px; padding: 3px 9px 2px; margin-bottom:10px;}
hr{border:1px dashed #8F8477;}
.red-grad li{background:linear-gradient(-135deg, #ff001d, #5C0001); color:#fff;}
.container{max-width:1100px; margin:0 auto; padding:20px 30px;}
.container2{max-width:1300px; margin:0 auto; padding:20px 30px;}
.redzone{background:#a50013;text-align:center;color:#fff;font-weight:bold;padding:10px;margin: auto;}
.grayzone{background:#17a2b8;text-align:center;color:#fff;font-weight:bold;padding:10px;width:100%;}
.sp{  
  display: none;
}
.pc{
  display: block;
}
.academy-ico{
  max-width: 200px;
  margin: auto auto 20px auto;
}
.box1{
  max-width: 750px;
  margin: auto; 
}
gazou-img{
  max-width: 800px;
  margin: auto;
}
.gazou-img2{
  margin: auto;
}

.box-s1
{
font-weight:bold; 
letter-spacing:1px; 
padding: 3px 9px 2px; 
margin-bottom:10px;
}

.box-s2
{
letter-spacing:1px; 
font-size:16px;
line-height:1.5rem;
}


.bg-stryp
{
background:url(../images/bg-grey-stripe.png);
}

.slid-bg{
background:url(../images/slid-bg.jpg);
}

.zisseki-wrapper{
  max-width: 1100px;
  margin: auto;
}

.zisseki{
    width: 47%;
    margin: 0 auto;
    background: #fff;
    padding: 20px 20px 5px 20px;
}

.zisseki-box{
  max-width: 480px;
  background: #FFF;
  margin: auto;
}
.money{
  padding: 20px;
}
.bg-grey {
  background: #eee;
}
.inner{
  background: #FFF;
  padding-top: 60px;
}

.profile {
    background: url(../images/pr_bg.png);
    padding-top: 40px;
    padding-bottom: 80px;
}

.footer-bn{
  margin: 0!important;
}

form .mailbox {
    border: 3px solid #292929;
    padding:11px 10px;
    font-size: 1.6rem;
    width: 100%;
}
td{
  text-align: left;
  display: table-cell;
}
table{
  margin-top: 20px;
  max-width: 900px;
}
.flex2{
  display: flex;
  justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.btn-wrapper{
  margin-top: 20px;
}

button, input{
  width: 70%;
  margin: auto;
  min-width: 268px;
  
}
.mail {
    display: block;
    font-weight: bold;
    padding: 20px 0;
    text-align: center;
    font-size: 1.6rem;
    letter-spacing: 1px;
}

.money{
  padding: 0 20px 20px 20px;
}

.prf-box{
  max-width: 644px;
}
.gold{
  color: #A38947;
}

.tokuten-inner{
 
  max-width: 700px;
  margin: 20px auto auto auto;
}
.tokuten-text{
  padding: 0 10px;
}

.prof-img {
    max-width: 1000px;
    margin: auto;
}
.profile .prf {
    max-width: 226px;
}


.profile p {
    font-size: 18px;
    color: #FFF;
}

img{
  width: 100%;
}

.bold{
  font-weight: bold;
}

.step h3{
  max-width: 150px;
}

.pd20{
  padding: 20px;
}

.cap{
  font-size: 19px;
}

.animation{
    animation: zoom 2s infinite; 
}
@keyframes zoom {
    0%, 40%, 80%, 100% {
        transform: scale(0.9);
    }
    20%, 60% {
        transform: scale(1.0);
    }
}

.midashi2 {
  background: #444e56;
  font-size: 30px;
  padding: 30px 0;
  color: #f7d215;
  font-weight: bold;
  text-align:center;
}

.reverse{
  
}

 #countdown {
    font-size: 24px;
    color: #c32427;
  }


.bg1 {
  background: #fff;
  padding: 30px 20px 20px 20px;
  border: 2px solid #ccc;
  margin-bottom: 40px;
  -webkit-border-radius: 15px;
          border-radius: 15px;
}

.bg2 {
  background: #fff;
  padding: 30px 20px 20px 20px;
  border: 2px solid #ccc;
  margin-top: 20px;
  margin-bottom: 20px;
  -webkit-border-radius: 15px;
          border-radius: 15px;
}

table{
  width: 100%;
}
h3 {
  clear: both;
}
.bg-white{
  background: #F0F0F3;
}

form .box {
    border: 6px solid #C5AD79;
    margin: auto;
    background: #FFF;
    max-width: 1000px;
    position: relative;
    z-index: 9999;
}

.douga-text {
  font-size: 18px;
  font-weight: bold;
  padding: 10px 15px;
  margin-bottom: 10px!important;
}

.under{
  text-decoration: underline;
}

.ft24{
  font-size: 24px;
}

.douga{
  margin-top: 50px;
}

.voice div {
  float: left;
}

.voice p {
  font-size: 20px;
  overflow:auto;
}

.voice p span {
  font-weight: bold;
  color: #503e2e;
}

.voice div>img {
  max-width: 35px;
  margin-right: 20px;
}

.yellow-line {
  background: #f9ed28;
  font-weight: bold;
}

a:hover {
  opacity: 0.8;
}

.btn-box p{
  text-align: center;
}

.btn-box{

}

.douga .name{
  font-size: 17px;
  padding: 0;
}

.card{
  max-width: 500px;
  margin: auto;
}

.name {
  font-size: 28px;
  font-weight: bold;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; 
 display: inline-block;
 float: right;
 font-weight: bold;
  padding: 8px 15px;
}

.bunkatu{
  max-width: 800px;
  margin: auto;
}

 .voice {
   border-bottom: 1px solid #ccc;
   margin-top: 30px;
 }


/* top */
.box-black{background:#000; width:100%; padding:10px;}
.blue{color: #2c3650;}

/* contents */
.f18{font-size:18px;}
.f22{font-size:22px;}
.f26{font-size:26px;line-height: 40px;}
.f35{font-size: 35px;line-height: 53px;}
.f48{font-size: 48px;}

.font-red{color:darkred;}
.font-white{color:#fff;}
/* youtube */
.youtube-box{
  position: relative;
  width: 100%;
  padding-top: 58%;
  max-width: 900px;
  
  margin:50px auto auto auto;
}
.youtube-box iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.youtube{
  margin-bottom: 30px;
}
.pay-box{background:url(../images/bg2.jpg)no-repeat top center; background-size:cover;padding:20px 20px 30px;}
.whitebox{padding:20px; box-shadow:0px 0px 5px #ccc;background:#fff; border-radius:5px;}
.whitebox p{margin-bottom:0px;}
.blackbox{background:url(../images/thanks-bg01.png); border:1px solid #fff; box-shadow:0px 0px 10px #ccc; padding:50px;color:#fff;text-align:center;}
.sp-box{border:20px solid #A8A394; padding:20px; border-radius:20px;margin-bottom:20px;background:#fff; box-shadow:0px 0px 5px #ccc;}
.gold-box{background:#817971; color:#fff; padding:50px 20px;}
.qbox{background:#fff; box-shadow:0px 0px 10px #ccc; margin-bottom:20px;}
.qbox p{margin-bottom:0px;}
.qbox-top{padding:20px; background:#eee;}
.qbox-bottom{padding:20px; background:#fff;}
.brownbox{background:url(../images/bg.jpg); box-shadow:0px 0px 5px #ccc;padding-top:40px; padding-bottom:30px;}
.brown-box-container{padding:0 20px;max-width:800px; margin:0 auto;}
.whitebox-container{padding:20px;}
.bg-chara{background:#fff url(../images/bg-chara.png)no-repeat top right;}
.brown-box-container img {
  width: 100%;
}

.bg-blue{
  background: url(../images/bg-blue.png);
}

.mb-3{
  border: 1px solid #ccc;
}

.ft{
  font-size: 1.3rem;
}

@keyframes anime{
0%{transform:scale(.95); opacity:1}
90%{opacity:.1}to{transform:scale(1.2,1.5); opacity:0}
}

.btn-wrap {
    position: relative;
    width: 60%;
    /* font-size: 20px; */
    min-width: 300px;
    margin: 40px auto;
    transition: .2s;
}
.btn-wrap:before, .btn-wrap:after {
  content: "";
  position: absolute;
  z-index: -10;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 40px;
   background: #efa1a1;
    border: 1px solid #e28e8e;
  transform: translate3d(0,0,0);
}
.btn-wrap:before {
  animation: anime 2s ease-out infinite;
}
.btn-wrap:after {
 animation: anime 2s ease-out 1s infinite;
}

.btn-wrap a {
  display: block;
  padding: 26px 0;
  border-radius: 40px;
  font-size: 27px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  background: #c51b1b;
}
.btn-span {
  display: block;
  position: relative;
  font-family: sans-serif;
}
.btn-span:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 30px;
  width: 15px;
  height: 15px;  
  margin: -9px 0 0 0;
  border-right: 3px solid #fff;
  border-top: 3px solid #fff;
  transform: translateX(5px) rotate(45deg);
}

.brown-box-container .mt-3 {
  padding: 10px;
}
.row-0 {
    margin-left:0px;
    margin-right:0px;
}
.row-0>div {
    padding-right:0px;
    padding-left:0px;
}
.row-10 {
    margin-left:-5px;
    margin-right:-5px;
}	
.row-10>div {
    padding-right:5px;
    padding-left:5px;
}
.row-20 {
    margin-left:-10px;
    margin-right:-10px;
}
.row-20>div {
    padding-right:10px;
    padding-left:10px;
}
.row-30{
    margin-left:-15px;
    margin-right:-15px;
 }
.row-30>div {
    padding-right:15px;
    padding-left:15px;
}
.row-40{
    margin-left:-20px;
    margin-right:-20px;
}
.row-40>div{
    padding-right:20px;
    padding-left:20px;
}
.row-50{
    margin-left:-25px;
    margin-right:-25px;
}
.row-50>div{
    padding-right:25px;
    padding-left:25px;
}
.row-60{
    margin-left:-30px;
    margin-right:-30px;
}
.row-60>div{
    padding-right:30px;
    padding-left:30px;
}
.center {
    text-align:center;
    margin-top: 20px;
}
.review-box {
    margin-top:10px;
    margin-right: auto;
    margin-left: auto;
    padding: 8px 30px;
}

.review-box img{
  width: 100%;
}

.review-box .item{
  max-width: 400px;
}

.review-box .item2{
  max-width: 500px;
}

.review-box .item img{
  width: 100%;
}

.review-list {
    background: #FFF;
    padding: 20px;
    border: 2px solid #c8c8c8;
    margin-bottom: 15px;
}
.review-list .name-list {
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: #111 dotted 1px;
}
.review-list .name-list .icon {
    max-width: 30px;
    vertical-align: -6px;
    margin-right: 5px;
}

.review-list .title {
    font-weight: bold;
    line-height: 30px;
}
.review-list .voice {
    font-size: 18px;
    padding-bottom: 18px;
    line-height: 29px;
}

.red {
    color: #c32427;
}

.form-inner{
  background: #FFF;
  padding: 20px;
  border: 1px solid #ccc;
  max-width: 1015px;
  width: 98%;
  margin: -30px auto auto auto;
}

.info{
  margin-top: 10px;
}

.form-p{
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 23px;
  margin-bottom: 30px;
  margin-top: 6px;
}

.form-box{
  margin-top: 30px;
}


.ico-arrow{
  max-width: 146px;
  margin: auto;
}

.btn {
    max-width: 1100px;
    margin:auto;
}

.counter {
    font-size: 20px;
    padding: 10px;
   background: #f0f0f1eb;
    color: #122a47;
    font-weight: bold;
    position: fixed;
    width: 100%;
    z-index: 999;
    top: 0;    
  }

  .bg3{
    background: url("../images/bg.jpg");
  }


  .main1 .inner-content{
    max-width: 1200px;
    margin: auto;
    padding-top: 26px;
    background: #fff;
  }
  .main1{
    background: #fff;
  }
.tokuten1{
  max-width: 700px;
  margin: auto;
}
.tokuten1 img{
  border: 2px solid #B99950;
}
.item1 {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
        max-width: 65%;
}
.item1 img{
  width: 48%;
}

.con2-bg{
  margin: auto;
}
.balloon1 {
    position: relative;
    display: inline-block;
    margin: 1.8em 5px;
    padding: 21px 10px;
    min-width: 30%;
    font-weight: bold;
    max-width: 100%;
    color: #262d41;
    font-size: 18px;
    background: #FFF;
}

.balloon1:before {
 content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #fff;
}

.fa-check-circle{
  font-size: 30px;
  color: #4caf50;
}

hr{
  margin: 0!important;
}

.balloon1 p {
  margin: auto;
  padding: 0;
}

.content2{
  background: #FFF;
}

.con2-tit{
  max-width: 880px;
  margin: auto;
}

.content2 .box{
  max-width: 1100px;
  text-align: center;
  padding-top: 150px;
  margin: auto;
}

.con2-inner{
  margin-top: -100px;
  padding-bottom: 80px;
  background: url("../images/bg2a.jpg")no-repeat fixed center;
  -webkit-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}

.content2 .copy{
  font-size: 30px;
  margin:20px auto auto auto;
  padding: 20px 0 10px 0;
  border-bottom: 4px solid #fff;
  text-align: center;
  max-width: 1115px;
  color: #FFF;
}

.yellow-gold{
  color: #DED08B;
}


 h2{
  font-weight: bold;
  padding: 30px 20px;
  text-align: center;
  border-top: 1px solid #262d41;
  border-bottom: #262D41 1px solid;
  line-height: 60px;
  color: #262D41;
  max-width: 1000px;
  margin: 20px auto 38px auto;
  font-size:1.9rem;
  letter-spacing: 2px;
}

.gazou1{
  position: absolute;
    bottom: 0;
    width: 30%;
    right: 0;
}

.left-cont{
  width: 80%;
}

.flex{
  display: flex;
}

.inner{
  max-width: 1100px;
  position: relative;
  margin: auto;
  padding: 20px;
}

.big{
  font-size: 2.3rem;
}

.yellow{
  color: rgb(228,190,29);
}

.breakimg{
  max-width: 600px;
  margin: auto;
}
.small{
  font-size: 14px!important;
  line-height: 22px!important;
}


/* ーーーーーーQAーーーーーーーーーーーーーーーー*/

.cp_qa *, .cp_qa *:before, .cp_qa *:after {
	font-family: 'FontAwesome', sans-serif;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa {
	margin: 0 auto;
	background: #ffffff;
}
.cp_qa input {
	display: none;
}
/* カテゴリー */
.cp_qa #cp_content1,
.cp_qa #cp_content2,
.cp_qa #cp_content3,
.cp_qa #cp_content4 {
	display: none;
	padding: 20px 0 0;
	border-top: 1px solid #dddddd;
}
.cp_qa label.cp_tabitem {
	display: inline-block;
	margin: 0 0 -1px;
	padding: 15px 25px;
	text-align: center;
	color: #bbbbbb;
	border: 1px solid transparent;
}
.cp_qa label.cp_tabitem:before {
	margin-right: 10px;
}
.cp_qa label.cp_tabitem[for*='1']:before { content: '\f0ab'; }
.cp_qa label.cp_tabitem[for*='2']:before { content: '\f0ab'; }
.cp_qa label.cp_tabitem[for*='3']:before { content: '\f0ab'; }
.cp_qa label.cp_tabitem[for*='4']:before { content: '\f0ab'; }
.cp_qa label.cp_tabitem:hover {
	cursor: pointer;
	color: #888888;
}
.cp_qa input:checked + label {
	color: #555555;
	border: 1px solid #dddddd;
	border-bottom: 1px solid #ffffff;
}
/* --ブロックのバーの色 */
.cp_qa input:checked + label[for*='1'] {
	border-top: 5px solid #00BCD4;
}
.cp_qa input:checked + label[for*='2'] {
	border-top: 5px solid #FF5722;
}
.cp_qa input:checked + label[for*='3'] {
	border-top: 5px solid #03A9F4;
}
.cp_qa input:checked + label[for*='4'] {
	border-top: 5px solid #E91E63;
}

/* QAブロック */
.cp_qa #cp_conttab1:checked ~ #cp_content1,
.cp_qa #cp_conttab2:checked ~ #cp_content2,
.cp_qa #cp_conttab3:checked ~ #cp_content3,
.cp_qa #cp_conttab4:checked ~ #cp_content4 {
  display: block;
}
.cp_qa .cp_qain {
	overflow-x: hidden;
	margin: 0 auto;
	color: #333333;
}
.cp_qa .cp_qain .cp_actab {
	padding: 20px 0;
	border-bottom: 1px dotted #cccccc;
}
/* 質問 */
.cp_qa .cp_qain label {
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	padding: 10px 10px 0 48px;
	cursor: pointer;
}
/* ＋アイコン */
.cp_qa .cp_qain .cp_plus {
	font-size: 2em;
	line-height: 100%;
	position: absolute;
	z-index: 5;
	margin-top: 3px;
	margin-left: 10px;
	-webkit-transition: 0.2s ease;
	        transition: 0.2s ease;
}

/* 答え */
.cp_qa .cp_qain .cp_actab-content {
	position: relative;
	overflow: hidden;
	height: 0;
	margin: 0 10px 0 48px;
	padding: 14px 0;
	-webkit-transition: 0.4s ease;
	        transition: 0.4s ease;
	opacity: 0;
}
/* 質問を開いた時の仕様 */
.cp_qa .cp_qain .cp_actab input[type=checkbox]:checked ~ .cp_actab-content {
	height: auto;
	opacity: 1;
}
/* 質問をクリックした時の▼アイコンの動き */
.cp_qa .cp_qain .cp_actab input[type=checkbox]:checked ~ .cp_plus {
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}



/* ーーーーーーパッド、スマホーーーーーーーーーーーーーーーー*/

@media screen and (max-width: 650px) {
	.cp_qa label.cp_tabitem {
		font-size: 0;
	}
	label:before {
		font-size: 18px;
		margin: 0;
	}
}
@media screen and (max-width: 400px) {
	.cp_qa label.cp_tabitem {
		padding: 15px;
	}
	.cp_qa label.cp_tabitem:before {
		margin-right: 0px;
	}
}

@media (max-width: 767px){

	.blackbox{padding:20px;}
	.f22{font-size:18px;}
	.mt-5{margin-top:5px !important;}
  .bg1 {
    padding: 10px;
  }
  .bg2 {
    padding: 10px;
  }
  .f26{
    font-size: 19px;
    letter-spacing: 0;
    line-height: 30px;
  }
  .review-list{
    padding: 15px 10px;
  }
  .content2 .box .balloon1{
  width: 47%;
  text-align: center;
}
.content2 .box .balloon1 p{
  font-size: 14px!important;
  line-height: 28px;
}

.balloon1{
  margin-top: 0.8rem;
}
 .f35{
   font-size: 21px;
   line-height: 34px;
 }
 .content2 .copy{
   font-size: 18px;
   text-align: center;
   margin-top: 0;
   padding-top: 0;
   border: none;
   letter-spacing: 0;
 }
 .con2-inner{
   padding-bottom: 30px;
 }
 .container2{
   padding: 20px 5px;
 }


  .flex{
    display: block;
  }
  .zisseki{
    width: 100%;
  }

  .f48{
    font-size: 35px;
    line-height: 55px;
  }

  .inner{
    padding: 8px;
  }

  .pd40{
    padding-top: 20px;
  }
  table {
    border: none;
    width: 95%;
    margin:20px auto;
  }
  .box table td {
    display: block!important;
    width: 100%;
  }
  td{
    display: block;
    width: 100%;
    border: 1px solid #fff;
  }
  .mail {
    text-align: left;
    font-size: 1.3rem;
    padding-bottom: 0px;
    padding-top: 0;
  }
  input{
    width: 100%;
  }
  .info{
    text-align: left;
  }
  .form-inner{
    padding:15px 8px;
  }

  .info span{
    display: block;
    text-align: center;
  }

  .cap{
    font-size: 17px;
  }

  .profile p{
    font-size: 15px;
  }

  .review-list .title{
    font-size: 20px;
    line-height: 28px;
  }

  .youtube-box{
    margin: 14px auto auto auto; 
  }

  .review-box{
    padding: 0px;
  }

  .counter span {
    font-size:24px;
  }

  .btn-wrap a{
    padding: 16px 0;
    font-size: 16px;
    
  }
  .btn-span:after{
    right: 17px;
    width: 7px;
    height: 7px;
    margin: -4px 0 0 0;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
  }

  .item1{
    max-width: 100%;
    display: block;
  }
  .btn-wrap{
    width: 92%;
    margin: 15px auto;
  }

  .item1 img{
    width: 100%;
  }
  #countdown{
    font-size: 17px;
  }

  h2{
    font-size: 1.2rem;
    padding: 20px 4px;
    line-height: 30px;
    margin-top: 0;
    margin-bottom: 0;
    letter-spacing: 0;
  }
  ul{
    background: rgba(255,255,255,0.9);
    margin-left: -13px;
  }
  .small{
    font-size: 12px!important;
  }
  .left-cont{
    width: 100%;
    margin-top: 70%;
    position: relative;
    z-index: 999;
  }
  .gazou1 {
    position: absolute;
    top: 5px;
    width: 42%;
    right: 25%;
}

  .balloon1{
    padding: 20px 10px;
  }

 .form-p{
   margin-bottom: 15px;
   font-size: 15px;
 }
 .ico-arrow{
   max-width: 120px;
   letter-spacing: 0;
 }

	h4{font-size:18px;}
	.sp-box{border:5px solid #A8A394;}
	.pay-box{padding:20px 0px;}
	.gold-box{padding:20px;}
	.bg-chara{background-size:100%;padding-top: 170px!important;}
	.whitebox{padding:10px;}
	.presentimg{text-align:center;}
	.sp-f15{font-size:15px;}

	.text-left,.text-right{text-align:center !important;}
  .container {
    padding: 0px 8px 8px 8px;
  }
  li {
    font-size: 15px;
  }
 

  .col-md-8{
    padding: 0!important;
  }

  .voice{
    font-size: 16px!important;
  }



  .brown-box-container .mb-0>img {
    width: auto;
  }
  section p {
    font-size: 17px;
    line-height: 29px;
    margin-bottom:1rem;
    margin-top: 10px;
  }
  .mail{
    margin-bottom: 0.5rem!important;
  }

  .voice p {
    font-size: 16px;
  }


  .sp{
    display: block!important;
  }
  .pc{
    display: none;
  }

  .box-black {
    background: #1a1f33!important;
  }

  .font-yellow {
    font-size: 15px;
  }

  .midashi2 {
    font-size: 22px;
    line-height: 38px;
  }

  .header-img{
    margin-top: 0px;
  }

  .counter{
    font-size: 13px;
    padding: 6px;
  }
  .counter span{
    font-size: 17px;
  }
  .card{
    max-width: 250px;
  }
}


/****************/
/*TOPに戻るボタン*/
/****************/
#page-buttom {
	position: fixed;
	bottom: 0px;
	right: 0px;
	font-size: 16px;
	z-index:100;
	padding-bottom:0px;
	padding-right:0px;
}

#page-buttom a {
	background-image: url(../images/btn_top.png);
	background-repeat:no-repeat;
	text-decoration: none;
	color: #ea5410;
	width: 70px;
	height: 80px;
	padding: 26px 0;
	text-align: center;
	display: block;
	letter-spacing: 0.1rem;
}
#page-buttom a:hover {
	opacity:.7;
	transition:opacity 0.3s linear;
}

.spec1 {
    background: url(../images/bg-box1.jpg) no-repeat top center / contain;
}

.spec1-txt {
    width: 100%;
}

.spec1-cont dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 6px 0;
    font-size: 1.125rem;
    border-bottom: 1px dotted #333;
}

.spec1-cont dl:last-of-type {
    padding: 20px 0;
    border-bottom: none;
}

.spec1-cont dl dt {
    width: 120px;
}

.spec1-cont dl dd {
    width: calc(100% - 120px);
    text-align: right;
}

.spec1-cont dl dd span {
    font-weight: bold;
    font-size: 150%;
}

.spec1-txt a {
    text-decoration: underline;
}

.f-14 {
    font-size: .875rem;
}

.spec1-slide figcaption {
    padding: 10px;
}

.spec1 .addCart {
    width: 100%;
    padding: 25px 15px 25px 100px;
    font-size: 2.375rem;
    color: #fff;
    border: none;
    background-color: #EB8CA9;
    background-image: url(../images/icon-cart.png);
    background-repeat: no-repeat;
    background-position: right calc(50% + 170px) center;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, .2);
    cursor: pointer;
    font-family: 'HiraKaku', 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'メイリオ', Meiryo, sans-serif;
}

.spec1 .addCart:hover {
    box-shadow: none;
}

@media screen and (max-width: 768px) {
    .spec1 .w_50,
    .spec1-txt {
        width: 100%;
    }
    .spec1-slide {
        background: #F7E0DE;
    }
}

@media screen and (max-width: 480px) {
    .spec1-cont dl {
        font-size: 1rem;
	margin-bottom: 0px;
    }
    .spec1-cont dl:last-of-type dt {
        width: 60px;
    }
    .spec1-cont dl:last-of-type dd {
        width: calc(100% - 60px);
    }
    .spec1-cont dl:not(:last-of-type) {
        border: none;
    }
    .spec1-cont dl:not(:last-of-type) dt {
        width: 100%;
        padding: 6px 0;
        border-bottom: 1px solid #333;
    }
    .spec1-cont dl:not(:last-of-type) dd {
        width: 100%;
        padding: 6px 0;
        text-align: center;
    }
    .spec1 .addCart {
        padding: 20px 10px 20px 60px;
        font-size: 1.25rem;
        background-size: auto calc(100% - 20px);
        background-position: right calc(50% + 85px) center;
    }
    .spec1 .bg-lightpink a img {
        transform: scale(.5);
    }
}