/* ::::: index.css ::::: */


/* :::::::::::::::::::::::::::::: 要素 :::::::::::::::::::::::::::::: */

body {
	font-size: 21px !important;
	margin: 0px;
	background-color: #e7e0b7;
	line-height: 1.8em;
	max-height: 100%;
	color: #333;
	font-family:'Meiryo', 'メイリオ', 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
  	text-align:center;
	background-attachment: fixed;
	}
@media screen and (max-device-width : 640px) {
body  {
	font-size: 2.3em;
	line-height:1.6;
}
}




/* :::::::::::::::::::::::::::::: id :::::::::::::::::::::::::::::: */

#header_bg {
	background-image: url(../img/header_bg.png);
	height:100%;
	width: 100%;
	background-position: center top;
	background-repeat:repeat-x;
	margin: 0px;
	background-color:#fff;
}

#header{
	background-image: url(../img/header.png);
	background-repeat: no-repeat;
	height: 635px;
	width: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-position: center top;
}


.toplink {
	margin: 0px auto;
	padding: 0px;
	height: 132px;
	width: 620px;
	position: relative;
	top:403px;
	right: 72px;
}




@media screen and (max-device-width : 640px) {
.imgsp{
	width:90%;
}
	
.imgspheader{
	width:1000px;
}
}

@media screen and (max-device-width : 480px) {
.imgsp{
	width:100%;
}
}

/* :::::::::::::::::::::::::::::: ボックス :::::::::::::::::::::::::::::: */
.boxblack {
	background-color: #000;
	text-align:center;
	padding: 20px 20px 30px;
	font-weight: bold;
	font-size: 120%;
	color: #fff;
	margin: 20px 0;
	letter-spacing: 1px;
}
.boxblack img{
	padding-bottom: 15px;
}

.box1 {
	border:1px solid #999;
	text-align:left;
	margin:0px;
	padding: 40px 20px 30px 20px;
	backgrounすbd-color: #EEFFFF;
	font-size: 120%;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-weight: bold;
	text-align: center;
}

.box1 p{
	padding-bottom: 10px;
}

.box2 {
	border:2px solid #999;
	text-align:left;
	margin:0px;
	padding: 30px;
	background-color: #fff;
}




@media screen and (max-device-width : 640px) {
.boxblack {
	font-size: 105%;
		letter-spacing: 0px;
}
}

/* :::::::::::::::::::::::::::::: リスト :::::::::::::::::::::::::::::: */
.listimg_bg{
	background-color: #EEEEEE;
	width: 100%;
	list-style-type: none;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 0 0 5px #AAA;
	-webkit-box-shadow: 0 0 5px #AAA;
	padding: 15px 0;
	margin: 5px auto 40px;
	overflow: hidden;
	display: block;
}


.listimg{
	background-color: #FFF;
	width: 88%;
	list-style-type: none;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 0 0 5px #AAA;
	-webkit-box-shadow: 0 0 5px #AAA;
	padding: 30px 30px;
	margin: 5px auto 5px;
	color: #000;
}
.listimg dt{
	font-size: 105%;
    padding:10px 10px 13px 60px;
	background: url(../img/listicon.jpg) no-repeat 5px 5px; 
    border-bottom: 2px dotted #999;
   line-height:150%;
   font-weight:bold;

}




.listimg2{
	background-color: #FFF;
	width: 88%;
	list-style-type: none;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 0 0 5px #AAA;
	-webkit-box-shadow: 0 0 5px #AAA;
	padding: 30px 30px;
	margin: 5px auto 5px;
	color: #000;
}
.listimg2 dt{
	font-size: 105%;
    padding:10px 10px 13px 60px;
	background: url(../img/listicon2.png) no-repeat 5px 5px; 
    border-bottom: 2px dotted #999;
   line-height:150%;
   font-weight:bold;

}



@media screen and (max-device-width : 640px) {
.listimg dt  {
	padding:0px 10px 30px 80px;
	background: url(../img/listicon_sp.jpg) no-repeat 5px 5px;
	line-height:130%;
	    border-bottom: 8px dotted #999;

}
	
.listimg2 dt  {
	padding:0px 10px 30px 80px;
	background: url(../img/listicon2_sp.png) no-repeat 5px 5px;
	line-height:130%;
	    border-bottom: 8px dotted #999;

}

}

/* =サブタイトル
-------------------------------------------------------------- */

.sub01 {
    background-image: url(../img/sub01.png);
	height:293px;
	width: 100%;
	background-position: center top;
	background-repeat:no-repeat;
	margin: 0px;
}

.sub02 {
    background-image: url(../img/sub02.png);
	height:293px;
	width: 100%;
	background-position: center top;
	background-repeat:no-repeat;
	margin: 0px;
}


@media screen and (max-device-width : 640px) {
.sub01 {
	width: 1000px;
	}
.sub02 {
	width: 1000px;
	}
}


/* =推薦者
-------------------------------------------------------------- */
	
	
.voicebox {
	border-bottom:12px solid #004d00;
	border-right:12px solid #004d00;
	border-left:12px solid #004d00;
	text-align:left;
	margin-top:0px;
	padding:50px 30px 30px;
	background-color: #ffffee;
}


.voiceline{
    background-image: url(../img/n_line_2.gif);
	letter-spacing: 1px;
	color: #000;
    margin: 0 5px 35px 10px;
	font-size:20px;
	line-height:1.9;
}

@media screen and (max-device-width : 640px) {
.voiceline {
	background : none;
	font-size: 1em;
    line-height: 1.5;
	}
}


/* =追記
-------------------------------------------------------------- */
	
	
.addbox {
    background-image: url(../img/add_bg.png);
	background-repeat: repeat-y;
	background-position: center top;
	text-align:left;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.addbox {
	background-size: contain;
}



.addline{
	color: #000066;
	margin-right:60px;
	margin-left:60px;
	padding-bottom:50px;
	margin-top: 0px;
	padding-top: 30px;
}

@media screen and (max-device-width : 640px) {
.addline {
	margin-right:60px;
	margin-left:60px;
	padding-bottom:50px;
	margin-top: 0px;
	padding-top: 60px;
	}
}





/* =お客様の声 おわり
-------------------------------------------------------------- */


#wrapper {
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	background-image: url(../img/wrapper.png);
	background-repeat: repeat-y;
	background-position: center bottom;
	text-align: center;
}
#wrapperline_bg {
	border-top: #790000 solid 20px;
	border-bottom: #790000 solid 20px;
	background-color: #fff;
	margin-right: 0px;
	margin-left: 0px;
	padding-bottom: 20px;
	padding-top: 0px;
	max-height: 100%;
}


#wrapper2_bg {
	background-color: #fff;
	margin-right: 0px;
	margin-left: 0px;
	padding-bottom: 20px;
	padding-top: 10px;
	max-height: 100%;
}
#wrapper2 {
	width: 980px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	text-align: center;
}

@media screen and (max-device-width : 640px) {
#wrapper,
#wrapper2{
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	background-image: url(../img/wrappersp.png);
	background-repeat: repeat-y;
	background-position: center bottom;
	text-align: center;
}
	
#wrapperline_bg{
	width: 1000px;
}
	
#wrapperline_bg img{
	width: 100%;
}
	
}



		
.mg {
	margin-right:60px;
	margin-left:60px;
	padding-bottom:50px;
	margin-top: 0px;
	padding-top: 60px;
	text-align: left;
	max-height: 100%;

}

@media screen and (max-device-width : 640px) {
.mg {
	margin-right: 30px;
	margin-left: 30px;
	font-size: 2.1em;
	line-height:1.4;
}
}



/* = プライバシー
-------------------------------------------------------------- */

#pp {
	border: 1px solid rgb(204, 204, 204);
	overflow: auto;
	height: 80px;
	color: rgb(85, 85, 85);
	background-color: rgb(255, 255, 255);
	width: 710px;
	padding-top: 1px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
	line-height: normal;
}

#pp p {
    font-size: 10px;
}



/* :::::::::::::::::::::::::::::: テキスト関連 :::::::::::::::::::::::::::::: */

.dropcap {
	font-size: 30px;
	font-weight: bold;	
	}

.hl {
	font-size: 150%;
	background-color: #FF0;
	color: #f00;
	font-weight: bold;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.first {
	font-size:250%;
	line-height:150%;
}


.pink {
	font-weight: bold;
	color: #990000;
}
.blue {
	font-weight: bold;
	color: #006699;
}


.number {
	font-family:Arial, Helvetica, sans-serif;
	font-size:200%;
	color:#990000;
	font-weight: bold;
	}

.red {
	font-weight: bold;
	color: #c00;
}

.reds {
	color: #f00;
}

.redbig {
	font-weight: bold;
	color: #f00;
	font-size: 150%;
	}

.mincho {
	font-family: "ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif;
}


.marugo {
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

.kon {
	font-weight: bold;
	color: #000099;
	font-family: "ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif;
}

.winebig {
	font-weight: bold;
	color: #c00;
	font-size: 150%;
	}

.white {
	text-align: center;
	color: #fff;
	font-size:140%;
	background-color: #000;
	max-height: 100%;
}


.ul {
	text-decoration: underline;
	font-weight: bold;
	}

.under{
	text-decoration:none;
	border-bottom:3px solid ;
	padding-bottom: 5px;
}

	
.bold {
	font-weight: bold;
	}
	
.big {
	font-weight: bold;
	font-size: 150%;
	}

.big2 {
	font-weight: bold;
	font-size: 130%;
	}

.date {
	font-weight: bold;
	font-size: 130%;
	}

.pcnone{
	display:none;
	}	
	
@media screen and (max-device-width : 640px) {
.spnone{
	display:none;
	}

.pcnone{
	display:block;
	}
	
.big {
	font-size: 120%;
	}
	
.big2 {
	font-size: 110%;
	}	
	
}

/* =フッター
-------------------------------------------------------------- */

#footer {
	width: auto;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	height: auto;
	padding-top: 10px;
	padding-bottom: 270px;
	padding-bottom: 12vw;
	float: none;
	font-size: 15px;
	line-height: 1.7em;
	background-color:  #790000;
	color:#fff;
	max-height: 100%;
}

#footer  a{
		color:#fff;
}	

@media screen and (max-device-width : 640px) {
#footer {
	font-size: 22px;
	line-height: 1.5em;
}
}

/* =フッター
-------------------------------------------------------------- */
 
/*ページトップアイコン*/
.pagetop {
    display: none;
    position: fixed;
    bottom: 0px;
    right: 0px;
}

@media screen and  (max-device-width : 640px){
	.pagetop img {
		width:130%;
		float:right;
}
}



.pconly {display: block;}
.sponly {display: none;}

@media screen and  (max-device-width : 640px){
	.pconly {display: none;}
	.sponly {display: block;}
}


#btna {
	display: none;
	position: fixed;
	bottom:0;
	width: 100%;
	max-width: 100vw;
	text-align: center;
}

#btna img {
	margin: 0 auto;
	max-width: 50vw;
}

@media screen and  (max-device-width : 640px){
	#footer {
		padding-bottom: 24vw;
		width: 1000px;
	}
	#btna {
		max-width: 1000px;
	}
	#btna img {
		margin: 0 auto;
		max-width: 100%;
	}
}



@keyframes bounce {
  0% {
    transform: skewX(2deg);
  }
  10% {
    transform: skewX(-2deg);
  }
  20% {
    transform: skewX(2deg);
  }
  30% {
    transform: skewX(-2deg);
  }
	35%{
    transform: skewX(0);
		
	}
}

.bounce {
  animation: bounce 1s ease infinite;
	overflow: hidden;
}

.sppuru {
	position: relative;
	display: block;
	width: 1000px;
	height: 1027px;
	background: url(../img/headersp.png) no-repeat;
	background-size: 100%;
	overflow: hidden;
}

.sppuru img {
	position: absolute;
	top:540px;
	left:9px;
	width: 980px;
}