@charset "UTF-8";
/* CSS Document */


/* 共通CSS
---------------------------------------------------------------------- */
html {
	font-size: 62.5%;
	overflow: auto;
	height:100%;
}

body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	font-size: 2em;
	-webkit-text-size-adjust: 100%;
	line-height: 1.6em;
	background: #fdf8f4;
}

html, body {
width: auto !important;
/*overflow-x: hidden !important;*/
}
*{
	box-sizing: border-box;
}
a {
	color: #28d6f6;
	text-decoration: underline;
}

a:hover {
	color: #FFF;
	text-decoration:none;
}

a,a:hover {
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
}

a img:hover {
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	zoom:1;	
}

a:link,
a:visited{
	color : #fff;
	text-decoration : underline;
}

a:hover,
a:active{
	color : #ffffff;
	text-decoration : none;
}

.float_l{float:left;}
.float_r{float:right;}
.txtLeft{text-align:left;}
.txtRight{text-align:right;}
.txtCenter{text-align:center;}
.txt_indent{text-indent:-1em;}
.red{color:#e44528;}
.bold{font-weight:bold;}
.img_center{vertical-align:inherit;}
.txtS{font-size: 0.9em;}
.txtM{font-size: 1.4em;}
.txtL{font-size: 1.6em;}
.txtLL{font-size: 1.8em;line-height:1em;}
.txtLLL{font-size: 2.2em;line-height:1em;}

.p_t10{padding-top:10px;}
.p_t15{padding-top:15px;}
.p_t20{padding-top:20px;}
.p_t25{padding-top:25px;}
.p_t30{padding-top:30px;}
.p_t35{padding-top:35px;}
.p_t50{padding-top:50px;}
.p_t100{padding-top:100px;}
.p_b10{padding-bottom:10px;}
.p_b15{padding-bottom:15px;}
.p_b20{padding-bottom:20px;}
.p_b25{padding-bottom:25px;}
.p_b30{padding-bottom:30px;}
.p_b40{padding-bottom:40px;}
.p_b50{padding-bottom:50px;}
.p_r0{padding-right:0;}
.p_r10{padding-right:10px;}
.p_r20{padding-right:20px;}
.p_r30{padding-right:30px;}
.p_r40{padding-right:40px;}
.p_r50{padding-right:50px;}
.p_l0{padding-left:0;}
.p_l10{padding-left:10px;}
.p_l20{padding-left:20px;}
.p_l30{padding-left:30px;}
.p_l40{padding-left:40px;}
.p_l50{padding-left:50px;}
.p_l100{padding-left:100px;}
.M_b10{margin-bottom:10px;}
.M_b20{margin-bottom:20px;}
.M_b30{margin-bottom:30px;}
.M_b40{margin-bottom:40px;}
.M_b50{margin-bottom:50px;}
.M_b100{margin-bottom:100px;}
.M_t10{margin-top:10px;}
.M_t20{margin-top:20px;}
.M_t30{margin-top:30px;}
.M_t40{margin-top:40px;}
.M_t50{margin-top:50px;}
.M_l10{margin-left:10px;}
.M_r10{margin-right:10px;}
.M_r_none{margin-right:0 !important;}
.M_t100{margin-top:100px;}
.boder_top{	border-top: 6px #FFF solid;}

/* コンチE��チE�E送E
---------------------------------------------------------------------- */
.sp{
	display: none;
}

.wrapper{
	width:1000px;
	margin:0 auto;
	padding: 0 20px;
}
.inner{
	width: 1000px;
	margin: 0 auto;
}
h2, p{
	text-align: center;
}
.bg_white{
	background: #fff;
}
.bg_gray{
	background: #484848;
}
.catch_box01{
	padding:1px 0 0 0;
	margin: 5px 0 0 0;
}
.catch_box02{
	padding:1px 0;
	margin: 5px 0;
}
.box-shadow {box-shadow: 0px 3px 10px rgba(0,0,0,.1)}

.voice_box{
	background: url(../images/voice_bg.gif);
}

/* 成�E表
---------------------------------------------------------------------- */

/*ペ�EジトッチE/
.pagetop {
	position:fixed;
	right: 2%;
	bottom: 5%;
}
.pagetop a{
	display:block;
}

/* CVボタンアニメーション
---------------------------------------------------------------------- */
 .btn{
	animation: fluffy1 2s ease infinite;
}

.btn02{
	animation: fluffy1 2s ease infinite;
}

@keyframes fluffy1 {
  0% { transform:translateY(0) }
  5% { transform:translateY(-10px) }
  10% { transform:translateY(0) }
  20% { transform:translateY(-15px) }
  25% { transform:translateY(0) }
  30% { transform:translateY(-15px) }
  50% { transform:translateY(0) }
  100% { transform:translateY(0) }
}

@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.02, 1.02, 1.02);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  animation-name: pulse;
}


/* ヘッダー
---------------------------------------------------------------------- */
header h1 {
	text-align: center;
	background: url(../images/top_bg.jpg) no-repeat 50%;
}


/* フッター
---------------------------------------------------------------------- */
footer{
	text-align:center;
	font-size: 0.7em;
	color:#ad9e8c;
	padding: 2% 0 10% 0;
}
footer ul{
	width: 1000px;
	margin: 0 auto;
}
footer ul li{
	display: block;
}
footer ul li span{
	display: none;
	margin-left: 5px;
}
footer a{
	color:#ad9e8c !important; 
}
/* 購入
---------------------------------------------------------------------- */
.buy .buy_box{
	position: relative;
	padding-bottom: 20px;
}
.buy .btn{
	position: absolute;
	right: 0%;
	bottom:7%;
	width: 100%;
}

.buy .btn02{
	position: absolute;
	right: 0%;
	bottom:12%;
	width: 100%;
}


/*fixed申込みボタン*/
#btnBuy{
	position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 998;
    overflow: hidden;
    padding-top: 10px;
}
#btnBuy:before {
    content: "";
    background-color: rgba(255,255,255,.8);
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 120px;
    z-index: 998;
}
#btnBuy p{
	width: 960px;
    margin: 0 auto;
    position: relative;
    z-index: 999;	
}
#btnBuy a{
	display: block;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding-bottom: 10px;
}
#btnBuy img{
	vertical-align: bottom;
    max-width: inherit;
    display: block;
    width: auto;
    margin-right: auto;
    margin-left: auto;
}

/* スマ�Eここから
----------------------------------------------------------------- */

@media screen and (max-width: 640px) {
/* 共送E*/
	.sp{display: block;}
	.pc{display: none;}
	.wrapper{
		width:100%;
		margin:0 auto;
		padding: 0 3%;
	}
	.inner{
		width: 100%;
		margin: 0 auto;
	}


/* ヘッダー
---------------------------------------------------------------------- */


/* フッター
---------------------------------------------------------------------- */
footer{
	font-size: 0.7em;
	padding: 2% 0 0 0;
}
footer ul{
	width: 100%;
}
footer ul li{
	line-height: 1.8em;
	display: block;
}
	footer ul li span{
		display: none;
}

	
/* 購入
---------------------------------------------------------------------- */
.buy{
	padding: 25px 0;
}

.buy .buy_box{
	padding-bottom: 3%;
}
.buy .btn{
	position: absolute;
	right: 4%;
	bottom: 7%;
	width: 92%;
}
.buy .btn02{
	position: absolute;
	right: 4%;
	bottom:13%;
	width: 92%;
}

/*-- fixed申込みボタン ---------*/
	#btnBuy:before {
    height: 10%;/**/
}
#btnBuy p{
	width: 90%;/**/
}
#btnBuy img{
    width: 100%;/**/
}
/* ペ�EジトッチE
---------------------------------------------------------------------- */
	.pagetop {
		position:fixed;
		right: 1%;
		bottom: 1%;
	}
	.pagetop img{
		width: 100%;
	}
}