* {
  -webkit-box-sizing: border-box; /* <=iOS4, <= Android  2.3 */
     -moz-box-sizing: border-box; /* Firefox 1+ */
          box-sizing: border-box; /* Chrome, IE8+, Opera, Safari 5.1*/
		  list-style-type: none;
}


html{font-size: 62.5%;}

body {
  font-size: 9px;
  line-height: 1.4;
	font-family:  "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","メイリオ", Meiryo, sans-serif;
  color: #333;
  -webkit-text-size-adjust: 100%;
  background: #F1F1F1;
  letter-spacing:-0.03em;
}
#wrapper {
	background:#fff;
	width:320px;
	margin:0 auto;
}
#wrapper img {
	display: block;
	line-height: 0;
	font-size: 0;
	width: 100%;
	height: auto;
}

.db { display: block; }
.mb1 { margin-bottom: 1em!important; }
.mb2 { margin-bottom: 2em!important; }
.mb3 { margin-bottom: 3em!important; }
.mb4 { margin-bottom: 4em!important; }
.mb5 { margin-bottom: 5em!important; }
.mb6 { margin-bottom: 6em!important; }

.tac { text-align: center; }
.tar { text-align: right; }

.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

small {
	font-size: 8px;
	line-height:1.6em;
}



/*------------------------------
	#main
------------------------------*/
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
span.color01 {
	color:#bfaf89;
}
#hassou_gaibu {
	text-align: center;
	margin-bottom:2%;
	font-size:18px;
}
#hassou_gaibu p {
	margin-bottom:1%;
}

#wrap_head {
	background:#000;
}
#wrap_head .txt01 {
	padding:2% 5%;
	color:#717171;
}
#wrap_img04 {
	background:#1d1d1d;
}
#wrap_img04 .txt01 {
	padding:7% 5%;
	color:#717171;
}
#wrap_img12 {
	background:#000;
	border-bottom:1px solid #5d5531;
}
#wrap_img12 .txt01 {
	padding:3% 5% 5%;
	color:#717171;
}
.txt_box01 {
	width:78%;
	margin-left:auto;
	margin-right:auto;
	background:#1d1d1d;
	border:1px solid #ccc;
}
.txt_box01 p {
	padding:7% 5% 4% 20%;
	text-indent:-3em;
	text-align:left;
	color:#ccc;
	font-size:11px;
}
.txt_box01 p.caution {
	padding:0 0 2% 0;
	text-indent:0;
	text-align:center;
	color:#717171;
	font-size:9px;
}
#wrap_img15_2 ,
#wrap_img15 {
	background:#000;
	padding-top:8%;
}
#img16_2 ,
#img16 {
	margin-top:7%;
	margin-bottom:6%;
}
#wrap_img15_2 .txt01 ,
#wrap_img15 .txt01 {
	padding:0 3% 7% 5%;
	color:#717171;
}
#img18 {
	padding-bottom:3%;
}
.wrap_img19 {
	background:#000;
	margin-bottom:6%;
}
.copy_3set {
	padding: 20px 0;
}
.img_3set div {
	margin-bottom: 40px;
}
.btn01 {
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
#wrap_img22_2 ,
#wrap_img22 {
	margin-bottom:10%;
}
#img22_2 ,
#img22 {
	margin-left:auto;
	margin-right:auto;
	margin-top:5%;
	text-align:center;
	font-size:14px;
}
#img23_2 ,
#img23 {
	margin-left:auto;
	margin-right:auto;
	margin-top:1%;
	text-align:center;
	font-size:16px;
}
#img23_2 a ,
#img23 a {
	color:#333;
}

#bg_img24 {
	background:#000;
	padding-top:5%;
}
#wrap_img24 {
	border:1px solid #ccc;
	width:91%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:9%;
}
#wrap_img24_inner {
	border:1px solid #ccc;
	background:url("../img/img24_bg.png") left top no-repeat #1d1d1d;
	background-size:100%;
	padding-bottom:4%;
	margin:4px;
}
#wrap_img24_inner li {
	padding:0 0 3% 8%;
	text-indent:-1.4em;
	color:#ccc;
	font-size:11px;
	line-height:1.6em;
}
#img25 {
	padding-bottom:4%;
}
#wrap_img65 {
	background:#1d1d1d;
}
#wrap_img65 .txt01 {
	padding:5% 5%;
	color:#717171;
}
#wrap_img67 {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:2%;
}
#wrap_img68 {
	position:relative;
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

#wrap_img70 {
	background:#1d1d1d;
}
#wrap_img70 .txt01 {
	padding:4% 3% 7% 5%;
	color:#717171;
}
#wrap_img72 {
	background:#1d1d1d;
}
#wrap_img72 .txt01 {
	padding:2% 3% 5% 5%;
	color:#717171;
}
#wrap_img74 {
	background:#1d1d1d;
}
#wrap_img74 .txt01 {
	padding:2% 3% 5% 5%;
	color:#717171;
}
#wrap_img78 {
	background:#1d1d1d;
}
#wrap_img78 .txt01 {
	padding:4% 3% 10% 5%;
	color:#717171;
}
#img41 {
	width:90%;
	margin-top:5%;
	margin-left:auto;
	margin-right:auto;
}
#bg_img44 {
	background:#efece7;
	padding-top:8%;
}
#wrap_img44 {
	width:86%;
	margin-left:auto;
	margin-right:auto;
}
#wrap_img44 p {
	margin-bottom:8%;
	font-size:14px;
	line-height:1.8em;
}
#wrap_img44 p:last-child {
	margin-bottom:0;
}
#wrap_img54 {
	position:relative;
	width:100%;
	padding-top:20%;
	background:#efece7;
}
#wrap_img54 p {
	position:absolute;
	right:4%;
	top:10%;
	font-size:10px;
}
#wrap_img55 {
	background:#000;
	border-bottom:1px solid #5d5531;
}
#img55 {
	width:91%;
	margin-left:auto;
	margin-right:auto;
}
#wrap_img55 .txt01 {
	padding:2% 3% 5% 5%;
	color:#717171;
}
#wrap_img56 {
	width:89%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:6%;
}
#img56 ,
#img57 {
	position:relative;
	width:50%;
	float:left;
	margin-bottom: 0;
}

#img56 p.inner01 {
	top:40%;
	text-align:center;
	color:#267dc5;
	line-height:1.8em;
}
#img56 p.inner02 {
	top:75%;
}
#img57 p {
	top:40%;
}
#wrap_img58 {
	background:#000;
}
#wrap_img58 .txt01 {
	padding:3% 5% 7%;
	color:#717171;
}
#wrap_img58 .youtube{
    padding: 0 0 14%;
}
#wrap_img58 .youtube img{
    margin: 0 0 7%;
}



/*--- review ---*/
.bg_review {
	background:#1d1d1d;
	padding-bottom:3em;
}
.wrap_review {
	border:1px solid #5d5531;
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
.wrap_review .lead_review {
	position:relative;
	width:100%;
}
.review_inner01 {
	width:98%;
	margin-left:auto;
	margin-right:auto;
}
.review_list li {
	border-bottom:1px solid #5d5531;
	color:#ccc;
}
.review_list li:last-child {
	border-bottom:0;
}
.review_list li .review_first {
	position:relative;
	width:100%;
}
.review_list li .review_first p {
	position:absolute;
	left:38%;
	top:52%;
	padding-right:2%;
	font-size:10px;
}
.review_list li .review_box {
	background:url("../img/img08.png") left center no-repeat;
	background-size:13%;
}
.review_list li .review_box p {
	padding:4% 0 4% 13%;
	font-size:10px;
}


/*------------------------------
	#footer
------------------------------*/
#footer {
	text-align: center;
	margin-top: 5%;
	padding: 3% 3% 1.5%;
	background: #F1F1F1;
	line-height:1.6em;
}
#footer a {
	color: #333333 !important;
	font-size:12px;
	line-height:1.6em;
}
#footer ul li {
	display: inline;
	line-height:1.6em;
}
#footer ul li:after {
	margin-left: 0.3em;
	content: "|"
}
#footer ul li:last-of-type:after {
	margin-left: 0;
	content: "";
}
#footer p small {
	display: block;
	line-height: 1.6em;
	margin-top: 0.75em;
}