@charset "utf-8";

input::placeholder {
  color: #AAA;
}

/* IE */
input:-ms-input-placeholder {
  color: #AAA;
}

/* Edge */
input::-ms-input-placeholder {
  color: #AAA;
}

#topbtn{
	background-color:#4ECD00;
	text-align:center;
}

.video{
  position:relative;
  width:100%;
  padding-top:56.25%;

 
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

#main{
	width:640px;
	margin:0 auto;
}

.center{
	text-align:center;
}

.bold{
	font-weight:bold;
}

.mizuiro {
    margin: 0;
    padding: 1em 0 1em 0;
    text-align: center;
    background-color: #84F7DE;
}

.orange{
	color:#FF8000;
}

h3 .aka{
	color:#F00;
}

.aka{
	color:#C00;
}

.kiiro{
	color:#FF0;
}

.gf{font-family:'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', Helvetica, Arial, sans-serif;}

.font12{font-size:60%;line-height:160%;}
.font14{font-size:80%;line-height:160%;}
.font16{font-size:100%;line-height:160%;}
.font18{font-size:100%;line-height:160%;}
.font21{font-size:110%;line-height:160%;}
.font24{font-size:110%;line-height:160%;}
.font28{font-size:110%;line-height:160%;}
.font30{font-size:115%;line-height:160%;}
.font32{font-size:115%;line-height:160%;}
.font36{font-size:115%;line-height:160%;}
.font40{font-size:40px;line-height:160%;}
.font42{font-size:42px;line-height:160%;}
.font45{font-size:45px;line-height:160%;}
.font48{font-size:48px;line-height:160%;}
.font60{font-size:60px;line-height:160%;}

.mt10 {margin-top:1em;}
.mt30 {margin-top:1em;}
.mt45 {margin-top:1em;}
.mt60 {margin-top:2em;}

.mb30 {margin-bottom:0.5em;}
.mb45 {margin-bottom:1em;}

/*Radioのみ*/
label.radio {
	position      : relative;
	display       : inline-block;
	width         : 20px;
	height        : 20px;
	border        : 1px solid #333;
	border-radius : 100%;
	overflow      : hidden;
	cursor        : pointer;
}
label.radio:before {
	content          : '';
	display          : block;
	width            : 16px;
	height           : 16px;
	border-radius    : 100%;
	position         : absolute;
	top              : 2px;
	left             : 2px;
	z-index          : 1;
	background-color : #D65; 
}
label.radio input[type="radio"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	margin     : 0px;
	position   : absolute;
	z-index    : 2;
	top        : -2px;
	left       : -23px;
	width      : 25px;
	height     : 25px;
	display    : block;
	box-shadow : 25px 0px #FFF;
}
label.radio input[type="radio"]:checked {
	box-shadow : none;
}
label.radio input[type="radio"]:focus {
	box-shadow : 25px 0px #FFF;
	opacity    : 0.2;
}


/*----------------------------------------------------
 リセット
----------------------------------------------------*/
body{
	padding:0px;
	margin:0px;
}
#top{
background-color:#000000; 
background-position:center top; 
}

.pc{
	display:none;
}


#head{

}

#top img{
 width:100%;
}

#head img{
 width:100%;
}

#line1{
	display:none;

}


#cnt{
	width:100%;
	background-color:#FFFFFF;
}
#cnt img{
	width:100%;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

html { overflow-y: scroll; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
input, textarea, {
margin: 0;
padding: 0;
}

.pad{
	padding:5px 5%;
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;

}

ol, ul {
	margin:10px;
	font-weight:bold;
}

dd, dir{
	margin:0;
	padding:0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

table.flow{
	width: 96%;
	margin:15px auto;
}

table.flow, table.flow td, table.flow th {
	border:1px solid grey;
}

table.flow td, table.flow th {
	padding:10px;
}
table.flow th {
    background-color: #F0EDE4;
}

caption, th { text-align: left; white-space: nowrap; }

a:focus { outline: none; }

img{ vertical-align:middle; }

img {
	max-width: 100%;
	height:auto ;
}

img.respnone{
	width:none;
}

.image-round{
  border-radius: 50%;
}

.nores{
	width:auto;
	max-width:100%;
	height:auto;
}

div#main .check {
	margin:0px auto 30px auto;
	padding:0px;
}

div#main .check li {
	margin:0px auto 18px auto;
	padding:0px 0px 0px 35px;
	text-align:left;
	font-weight:bold;
	list-style:none;
	background:url(../img/icon01.png) no-repeat left top;
}

/*----------------------------------------------------
 共通
----------------------------------------------------*/


body {
	font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	background:#fff;
	font-size: 25px;
	line-height: 1.5;
	letter-spacing: 0;
	-webkit-text-size-adjust : 100%;
	overflow:hidden;
}

section{
	max-width:980px;
	margin: 0 auto;
}

a{
	color:#A82222;
}

a:hover{
	color:#E58F0E;
}
/* IEイメージ枠なし */
a img {
	border-style:none;
}

.blinking{ -webkit-animation:blink 0.5s ease-in-out infinite alternate; -moz-animation:blink 0.5s ease-in-out infinite alternate; animation:blink 0.5s ease-in-out infinite alternate; }
@-webkit-keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} }
@-moz-keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} }
@keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} }

.toCartButton {
/*ページ下部に固定*/
    position: fixed;
    bottom: 0px;
    width: 100%;
    padding:15px 0;
    text-align: center;
    z-index:1000;
/*ボタン上部に影をつける*/
box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.4);
}

.square_btn{
    display: inline-block;
    padding: 0.5em 2em;
    text-decoration: none;
    border-radius: 3px;
    font-weight: bold;
    color: #FFF;
    font-size:1.5em;
    background-image: -webkit-linear-gradient(45deg, #89C42C 0%, #BAE42A 100%);
    background-image: linear-gradient(45deg, #89C42C 0%, #BAE42A 100%);
    transition: .4s;
}

.square_btn:hover{
    color: #FFF;
    background-image: -webkit-linear-gradient(45deg, #89C42C 50%, #BAE42A 100%);
    background-image: linear-gradient(45deg, #89C42C 50%, #BAE42A 100%);
}

/*----------------------------------------------------
 contents
----------------------------------------------------*/

.main{
	margin:0 auto;
	text-align:center;
}

.main img{
	text-align:center;
	width:100%;
}

#main > p{
	margin-left:1em;
	margin-right:1em;
}

#main > div.cbox {
    margin-left: 1em;
    margin-right: 1em;
}

header{
	padding: 20px;

}
header.pt2{
	margin:0 auto;
}


.m_space{
	margin-bottom:30px;
}

.m_space2{
	margin-bottom:10px;
}

.profile_box{
	border:7px solid #FD55A3;
	box-sizing: border-box;
	padding:20px;
	margin:10px;
}

.profile_title {
    margin: 0 0 0.5em 0;
    padding: 0.6em 0.5em 0.5em 0.5em;
    font-size: 110%;
    line-height: 100%;
    background-color: #FFF7FB;
    border-left: solid 10px #FD55A3;
}

.reason_sub{
margin:0;
padding:1em 0 0.5em 0;
text-align:center
}
.reason_sub span{
margin:0;
padding:2px 10px 1px 10px;
font-size:120%;
font-weight:bold;
line-height:100%;
color:#fff100;
background-color:#D00;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.reason_title{
margin:0;
padding:0 0 5px 0;
font-size:120%;
font-weight:900;
line-height:150%;
text-align:center;
}

.reason_box{
	border:7px solid #D00;
	box-sizing: border-box;
	padding:20px;
	margin:10px;
}

.voice{
	border:7px solid #D9F5FF;
	box-sizing: border-box;
	padding:20px;
	margin:10px;
	margin-bottom:20px;
}

.voice img{
	width:240px;
	max-width:240px;
	height:auto;
	float:right;
	margin:10px;
}

.voice .voice_ttl{
	font-weight: bold;
	font-size:120%;
	color:#05A4D7;
	border-bottom:2px dashed #05A4D7;
	margin-bottom:10px;
}

.voice .voice_name{
	font-weight: bold;
	font-size:120%;
	color:#05A4D7;
	margin-bottom:10px;
}

.name{
	text-align:right;
	margin-right:15px;
}

.name img{
	width:40%;
}

.flow_title{
padding:10px 0;
font-size:130%;
font-weight:900;
line-height:150%;
text-align:center;
color:#fff;
    background-color: #FF8000;
	margin:10px 10px 0;
}

.flow_box{
	border:5px solid #FF8000;
	border-top:none;
	box-sizing: border-box;
	padding:20px;
	margin:0 10px 10px;
}

.flow_titleSkyblue{
    background-color: #1e90ff;
}
.flow_boxSkyblue{
	border:5px solid #1e90ff;
}
.flow_boxSkyblue h4	{
    color: #1e90ff;
}

.ex_box {
    margin: 0 0 1em 0;
    padding: 0.5em 0.5em 0.5em 0.5em;
    border: solid 5px #FDE26A;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	padding:20px;
	margin:10px;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

table.price{
	width: 100%;
	margin:15px auto 30px;
	box-sizing:border-box;
}

table.price, table.price td, table.price th {
	border:1px solid #ccc;
}

table.price td, table.price th {
	padding:10px;
	font-size: 100%;
	display:block;
	width:100%;
	box-sizing:border-box;
}
table.price th {
    background-color: #F0EDE4;
		font-weight: bold;
}

/*----------------------------------------------------
 footer
----------------------------------------------------*/


footer {
	position: relative;
	width:100%;
	bottom:0;
	padding-top:20px;
	background:#000;
	color:#FFF;
	text-align:center;

}

footer p{
	margin:0 auto 20px;
	font-size:16px;
}

footer small{
	font-size:14px;
}



/*----------------------------------------------------
 clearfix
----------------------------------------------------*/

.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}


.cntbox{
	margin:10px 0px;;
	border:3px solid #F30;
	padding:20px;
}

.tit{
	background: linear-gradient(#05A4D7, #0065A9);
	color:#FFFFFF;
	padding:20px 0;
}
h3.tit{
	background: #05A4D7 url(../img/base.jpg) no-repeat center center;
	text-shadow: 3px 3px 2px #333333;
}

.tit2{
	background: linear-gradient(#DD0000, #8A1818);
	color:#FFFFFF;
	padding:20px 0;

}

.boxtit{
	padding-left:10px;
	border-bottom:2px solid #ccc;
	font-weight: bold;
	border-left:5px solid #F30;
	margin-bottom:10px;

}

em{
	background-color:#FF0 ;
	font-style:normal ;
	font-weight:bold ;
}

.ita	{
	font-style:italic;
}

.bgy {
	background-color:#FF0 ;
}

h1{
padding:0px;
font-size:18px;
font-weight: bold;
}
h2{
padding:0px;
font-size:14px;
	font-weight: normal;
}

h3{
	text-align:center;
}

p{
padding: 0px 5px;
}

#hove{
	display:none;

}

dt{
	background-color:#05A4D7;
	color:#FFFFFF;
	padding:20px;
	margin-bottom:15px;
}

dd{
	margin-bottom:15px;
}


.question dt{
	background-color:#05A4D7;
	color:#FFFFFF;
	padding:20px;
	margin-bottom:15px;
	padding-left:2em;
	text-indent: -1.5em;
}

.question dd{
	padding-left: 2em;
	text-indent: -1.5em;
	padding-right: 1em;
	margin-bottom:15px;
}

#slidetoggle_menu{
	background-color: #FFC926;
	padding: 10px 20px;
	color:#fff;
	font-weight:bold;
	width:300px;
	margin:0 auto 30px;
cursor: hand; cursor:pointer;
}

.voicetg{
	display:none;
}

input {
font-size: 25px;;
}

textarea {
font-size: 25px;
}

.register_form{
	padding: 3% 3%;
}
.register_form h1{
	font-size: 120%;
	text-align: center;
}

.register_form h2{
	font-size: 110%;
	text-align: center;
	color:#C00;
}

table#regist_form {
	margin: 0 0 10px;
	width: 100%;
	font-size: 85%;
	table-layout: fixed;
	border: 1px solid #ccc;
	border-collapse: collapse;
	border-top: 1px solid #999;
}

table#regist_form th {
	width: 25%;
	padding: 18px 10px 12px;
	border: 1px solid #ccc;
	background: #eee;
	text-align: left;
	vertical-align: middle;
	display: block;
	border-top: none;
	border-bottom: none;
	width: 100%;
	width: auto;
	display: flex;
	justify-content: space-between;
}

table#regist_form td {
	padding: 10px;
	border: 1px solid #ccc;
	background-color:#FFFFFF;
	display: block;
	width: auto;
	padding: 15px 10px 15px;
}
/* table#regist_form th:after {
  clear: both;
  content: '';
  display: block;
}
 */
.inputText {
	width: 97%;
	min-height: 50px;
	padding: 3px;
	font-size: 110%;
	border: 1px solid #ccc;
	box-shadow: none;
	border-radius: 0;
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.inputSelect {
	padding: 3px;
	font-size: 130%;
	max-width: 97%;
}

.inputText.inputTextShort {
	width: 45%;
}

.inputText.inputTextShortest {
	width: 20%;
}

textarea.inputText {
	width: 80%;
	height: 150px;
	padding: 3px;
}

.formBtn {
    padding: 15px 40px;
    font-size: 1.5em;
    background-color: #59B200;
    color: #fff;
    border-style: none;
	-webkit-border-radius: 6px;
	-webkit-box-shadow: 0 2px 2px #CCC;
	border-radius: 6px;
	box-shadow: 0 2px 2px #CCC;
	cursor: pointer;

	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.formBtn:hover {
    background-color: #FF8000;
	cursor: pointer;
}

label{
	display: block;
}

input[type=checkbox] {
    width: 30px;
    height: 30px;
    vertical-align: middle;
}
/*input[type=radio] {
    width: 30px;
    height: 30px;
    vertical-align: middle;
}*/

.hisu	{
	background-color: orange;
	border-radius: 5px;
	padding: 3px 5px;
	color:#fff;
	float:right;
	margin-top: -5px;
}

.hide{
	display:none;
}

.bankinfo{
width:90%;margin:20px auto;
}

.bigoinfo{
width:90%; border:3px solid #CCC; background:#F6F6F6; padding:15px; margin:15px auto 25px;
}

/* pc */
@media screen and (min-width: 961px) {
/*ここにpc用スタイルを記述*/
}
 
/* tablet  */
@media only screen and (min-width: 641px) and (max-width: 960px) {
/*ここにtablet用スタイルを記述*/
}
 
/* smartPhone */
@media screen and (max-width: 640px) {
/*ここにスマホ用スタイルを記述*/
	.register_form h1{
		font-size: 105%;
		text-align: center;
	}
table.price td, table.price th {
	font-size: 85%;
}
	.register_form h2{
		font-size: 100%;
		text-align: center;
		color:#C00;
	}
	
	.nosp{
		display:none;
	}

}