@charset "utf-8";
/*------------------------------------------------------------------------------*/
@media screen and (min-width: 768px) { 
.sp_only {
    display: none;
  }
}

@media screen and (max-width: 767px) {
.pc_only {
    display: none;
  }
}
/*------------------------------------------------------------------------------*/


html {  
margin:0;
padding:0;
width:100%;
height:100%;
font-size:62.5%; /*10px*/
}

body {
color:#3C3C3C;
background:#fff;
width:100%;
height:100%;
text-align:left;
font-family: "Noto Sans Japanese", YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "Avenir Next", 'Helvetica Neue', Helvetica, Arial, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'MS ゴシック', 'MS Gothic', sans-serif !important;
line-height:0; 
}

img{
	width: 100%;
}

ul {
  list-style-position: outside;
  list-style-type: none;
}

ol {
  list-style-position: outside;
}
/*
p{font-size:1.3em;}
*/

/*リンク・アドレス*/



.txt_red{
  color:#f00;
}
.txt_bold{
  font-weight:bold;
}

.margin_t10{
  margin-top:10%;
}

.margin_b10{
  margin-bottom:10%;
}

.margin_b4{
  margin-bottom:4%;
}
.margin_t4{
  margin-top:4%;
}

.margin_t6{
  margin-top:6%;
}

.margin_b6{
  margin-bottom:6%;
}

.margin_t8{
  margin-top:8%;
}
/*--------------------------------------------------------------------*/
header{
  
}

/*--------------------------------------------------------------------*/
.container{
  padding:0 0 10% 0;
  width: 100%;
}

/*--------------------------------------------------------------------*/
section{
  margin:0;
}

/*--------------------------------------------------------------------*/
.btnBox{
  margin:10% 0 2% 0;
}

.btn-dai{
  margin:4% auto;
  width: 90%;
}

.btn-tan{
  margin:0 auto;
  width: 90%;
}
.teiki-dai-txt{
  margin:2% 0;
  text-align:center;
  font-size:1.4rem;
  line-height: 1.6;
}


.formBox{
	background: #fff;
  margin:0;
	}

.arrow{
	padding:0 0 2% 0;
  margin:4% auto 0;
  width: 100%;
	}

.teiki-comment{
  border: solid 2px #ddd;
  width:96%;
  margin:0px auto 4% auto;
  padding:0 0 0px 0;
  background-color: #fdfff2;
}

.teiki-comment ul{
  margin:2%;
}

.teiki-comment li{
 text-align:left;
  font-size:1.5rem;
  line-height: 1.8;
  margin:0 0 2% 0;
}

.teiki-comment p{
  line-height: 1.8;
  font-size:1.5rem;
  margin:2%;
}
/*----------------------------------------------------------------------*/
.pay-amazon{
  margin:4% 0 0 0;
}
.pay-amazon .t-amazon{
  margin:2% 0 0 0;
}
.pay-daibiki{
  margin:6% 0 0 0;
}

/*----------------------------------------------------------------------*/
.naiyouryou{ 
  width:98% ;
  margin:0 auto 8%;
  padding:8% 0 0 0;
  font-size:1.4rem;
  line-height: 1.8;
}

.naiyouryou table{ 
  width:100%;
  margin:0 auto ;
}

.naiyouryou table th,
.naiyouryou table td {
  display: block;
  width: 100%;
  }

.naiyouryou table th{
  background: #eee;
  text-align:center;
  padding:2% 0;
  }

.naiyouryou table td{
    padding:4% 0;
  }

/*----------------------------------------------------------------------*/
.toiawase{ 
  margin:0 auto;
  width:90% ;
}

.toiawase img{ 
  width:100% ;
}
/*----------------------------------------------------------------------*/
.guide{ 
  margin:10% auto 0;
  width:96% ;
  border: solid 1px #ccc;
 
}

.guide-bg{ 
  background-color: #eee;
  padding:6% 2% ;
  font-weight:bold;
  font-size:1.8rem;
}

.guide-inner{ 
  width:96% ;
  margin:2% auto;
  line-height: 1.8;
}

.g-ttl{
  background-color: #ddd;
  padding:2%;
  font-size:1.4rem;
}

.g-txt{
  margin:2%;
  font-size:1.4rem;
}

.guide-inner ul{ 
  margin:1%;
}

.guide-inner ul li{ 
  margin:0 0 2% 0;
  font-size:1.4rem;
}

/*NP文言*/
.np{
	margin:2%;
	padding:2%;
	border:dotted 1px #ddd;
}

.np p{
	line-height: 1.8;
  font-size:1.4rem;
}

.form-btn{ 
width: 80%;
margin:4% auto 0 auto;
}
/*----------------------------------------------------------------------*/
footer{ 
 background-color: #fff;
  border-top:solid 1px #ccc ;
  padding:0;
  margin:10% 0 0 0;
  font-size:1.4rem;
}

footer p{ 
 text-align:center;
  margin:4% 0;
  line-height: 2;
}
/*----------------------------------------------------------------------*/

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

@media screen and (min-width: 768px) {
  body {
	color:#3C3C3C;
	background-color:#fff;
	width:100%;
	height:100%;
  font-size:16px;
	line-height:0;
 	text-align:left;
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3",sans-serif !important;
  /*font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,sans-serif;*/
}
  .txt-c{
    text-align:center;
    margin:0 0 20px 0;
  }
  
  header{
    margin:0 auto;
    width: 900px;
  }

  .z {
    font-size:10px;
    padding:5px 0;
    line-height:1.8 ;
  }
  
  .container{
  background-color: #fff;
  width: 900px;
  margin:0 auto;
  padding:0;
}
  
.teiki-btn{
 width:880px ;
  margin:10px auto 0;
}

.teiki-btn2{
 width:880px ;
  margin:0px auto;
}

.pay-others{
  width: 820px;
  margin:0 auto 10px;
}

.btnBox{
  position: relative;
  width: 820px;
  margin:0 auto;
}

.btn-dai-l{
  width: 400px;
  float: left;
}

.btn-tan-r{
  width: 400px;
  float: right;
}

.teiki-btn-dai{
 width:660px ;
  margin:0px auto;
}
.teiki-dai-txt{
 font-size:16px;
margin:10px 0 ;
text-align:center;
}

.tanpin-btn{
 width:660px ;
  margin:0 auto 30px auto;
}

.tanpin-btn{
 width:660px ;
  margin:30px auto;
}

.btn-dai-l img,
.btn-tan-r img,
.teiki-btn-dai img,
.tanpin-btn img,
.tanpin-btn2 img{
 transition: .3s;
}

.btn-dai-l img:hover,
.btn-tan-r img:hover,
.teiki-btn-dai img:hover,
.tanpin-btn img:hover,
.tanpin-btn2 img:hover{
 opacity: 0.5;
}
  
 .order-neko{
  margin:10px auto 40px;
  width: 818px;
}
 
  
  section{
  background-color: #fff;
  width: 900px;
  margin:0 auto;
  padding:0 ;
 }
  
  .section-faq{
  margin:50px 0;
  }
  .section-voice{
  margin:50px 0 10px 0;
  }

.section-w{
  margin:0 auto;
  width: 810px;
}
  
  
  .teiki-btn2{
    width:880px ;
    margin:0px auto;
  }
  
  
  .toiawase{ 
  margin:0 auto;
  width:90% ;
  }
  
  .naiyouryou{
  line-height: 1.8;
  margin:0px auto 30px;
  width: 780px;
  }
  
  .naiyouryou table{
  border-bottom:solid 1px #ccc;
  border-right:solid 1px #ccc;
  }
  
  .naiyouryou table th,
  .naiyouryou table td {
  display: table-cell;  
  color: #000;
  background: #fff;
  }
  
  .naiyouryou table th{
  padding:5px;
  text-align:center;
  border-top:solid 1px #ccc;
  border-left:solid 1px #ccc;
  width:210px;
  }
.naiyouryou table td{
  border-top:solid 1px #ccc;
  border-left:solid 1px #ccc;
  padding:10px;
  width:560px;
  }
  
  
.guide{ 
  margin:30px auto 0 auto;
  }
  .form-btn{ 
width: 615px;
margin:20px auto 0 auto;
}


.form-btn img,
.teiki-btn1 img,
.teiki-btn2 img{
 transition: .3s;
}

.form-btn img:hover,
.teiki-btn1 img:hover,
.teiki-btn2 img:hover{
 opacity: 0.5;
}
  footer{ 
   background-color: #fff;
  border-top:solid 1px #ccc ;
  }

  footer ul { 
   width:390px;
    margin:0 auto;
    padding:20px 0;
  }
    footer ul li{ 
    float:left;
    margin:10px;
  }
}