@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/mplus1p.css);
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:300');

:link,:visited {text-decoration: none;}
html,body,div,ul,ol,li,dl,dt,dd,form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,th,td {margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;font-weight: normal;}
table {border-spacing: 0;}
fieldset,img,abbr,acronym {border: 0;} 
ol,ul {list-style: none;}
caption,th {text-align: left;}
q:before,q:after {content: '';}
a {text-decoration: underline;outline: none;}
hr {border: 0;height: 1px;background-color: #fff; color: #000;}
a img,:link img,:visited img {border: none;}
address {font-style: normal;display: inline;}
/* Utilities -------------------------------------------------------------------------------------------- */
#footer-inner:after,
.cnt-01-inner:after, .cnt-02-inner:after,.cnt-03-inner:after, .cnt-buy-inner:after,.cnt-buy-inner-02:after,
.info-wrap:after,.cnt-04-inner:after,.cnt-05-inner:after, .cnt-06-inner:after{
    content: "";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
/* Basic Layout ------------------------------------------------------------------------------------- */
body { color: #000; }
#footer,#footer-02, .cnt-01, .cnt-02, .cnt-03, .cnt-04, .cnt-05, .cnt-06{ position: relative; }
/* Content ---------------------------------------------------------------- */
a:link, a:visited {text-decoration: none; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, fieldset, ul, ol, dl { color: #000; }
blockquote{ margin-left: 30px; }
ol { list-style: decimal outside; }
ul { list-style: disc outside; }
.dscrpttext {display: none;}
@media print {
    * {
        position: static ! important;
        overflow: visible ! important;
    }
}
/*==========================================================================
=========== Common Block ===================================================
==========================================================================*/
body {
	font: normal 13px "Mplus 1p", sans-serif;
	line-height:1em;
}

/*---コンテンツ--------------------------*/
@media screen and (max-width:480px) {
	.cnt-01-inner{background:url(../images/bg_cnt-01-m.jpg) top left / 100% auto no-repeat;}
	.cnt-01-inner a {
		width:61%;
		margin:0 1% 72%;
		padding-top:2%;
	}
	
	.cnt-03-inner{background:url(../images/bg_cnt-06-m.jpg) top left / 100% auto repeat-y;}
	.mv-wrap-01{
		width:90%;
		padding:10% 0 7%;
	}
	.cnt-buy-inner{background:url(../images/bg_cnt-07-m.jpg) top left / 100% auto repeat-y;}
}

@media screen and (min-width: 481px) and (max-width: 800px) {
	.cnt-01-inner{background:url(../images/bg_cnt-01-m.jpg) top left / 100% auto no-repeat;}
	.cnt-01-inner a {
		width:38%;
		margin:0 4% 76%;
		padding-top:2%;
	}
	
	.cnt-03-inner{background:url(../images/bg_cnt-06-m.jpg) top left / 100% auto no-repeat;}
	.mv-wrap-01{
		width:90%;
		padding:10% 0 7%;
	}
	
	.cnt-buy-inner{background:url(../images/bg_cnt-07-m.jpg) top left / 100% auto repeat-y;}
}

@media screen and (min-width:801px) {
	.cnt-01-inner{
		width:1000px;
		background:url(../images/bg_cnt-01-l.jpg) top left / 100% auto no-repeat;
	}
	.cnt-01-inner a {
		width:245px;
		margin:0 5% 79%;
		padding-top:2%;
		transition:0.3s;
	}
	.cnt-01-inner a:hover,.buybtn-wrap a:hover {opacity:0.5;}
	
	.cnt-02-inner{ width:1000px;}
	
	.cnt-03-inner{
		width:1000px;
		background:url(../images/bg_cnt-06-l.jpg) top left / 100% auto no-repeat;
	}
	.mv-wrap-01{
		width:560px;
		padding:160px 0 345px;
	}
	
	.cnt-buy-inner{
		width:1000px;
		background:url(../images/bg_cnt-07-l.jpg) top left / 100% auto repeat-y;
	}
	.buybtn-wrap a{transition:0.3s;}
}
.cnt-01,.cnt-02,.cnt-03,.cnt-buy{ background: rgb(16,74,38);}

.cnt-01-inner,.cnt-02-inner,.cnt-03-inner,
.mv-wrap-01,.cnt-buy-inner {margin:0 auto;}

.cnt-01-inner a {display:block;}

.cnt-02-inner img{display:block;}

.buybtn-wrap{padding:70% 0 2%;}

.cnt-01-inner a img,.cnt-02-inner img,
.buybtn-wrap a img{width:100%;}

@media screen and (max-width:480px) {
	.cnt-04-inner{background:url(../images/bg_cnt-08-m.jpg) top left / 100% auto no-repeat;}
	.cnt-04-inner a {
		width:45%;
		margin:0 1% 110%;
		padding-top:2%;
	}
	
	.mv-wrap-02{
		position:relative;
		width:90%;
		padding-top: 50.6%;
		overflow:hidden;
	}
	.mv-wrap-02 iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	.cnt-buy-inner-02{background:url(../images/bg_cnt-13-m.jpg) top left / 100% auto repeat-y;}
}
@media screen and (min-width: 481px) and (max-width: 800px) {
	.cnt-04-inner{background:url(../images/bg_cnt-08-m.jpg) top left / 100% auto no-repeat;}
	.cnt-04-inner a {
		width:38%;
		margin:0 4% 111%;
		padding-top:2%;
	}
	
	.mv-wrap-02{
		position:relative;
		width:90%;
		padding-top: 50.6%;
		overflow:hidden;
	}
	.mv-wrap-02 iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	.cnt-buy-inner-02{background:url(../images/bg_cnt-13-m.jpg) top left / 100% auto repeat-y;}
	
}
@media screen and (min-width:801px) {
	.cnt-04-inner{
		width:1000px;
		background:url(../images/bg_cnt-08-l.jpg) top left / 100% auto no-repeat;
	}
	.cnt-04-inner a {
		width:245px;
		margin:0 5% 114%;
		padding-top:2%;
		transition:0.3s;
	}
	.cnt-04-inner a:hover{opacity:0.5;}
	
	.cnt-05-inner{ width:1000px;}
	
	.cnt-06-inner{
		width:1000px;
		background:url(../images/bg_cnt-12.jpg) top left / 100% auto no-repeat;
	}
	.mv-wrap-02{
		width:760px;
		padding:30px 0 200px;
	}
	
	.cnt-buy-inner-02{
		width:1000px;
		background:url(../images/bg_cnt-13-l.jpg) top left / 100% auto repeat-y;
	}
}
.cnt-04-inner,.cnt-05-inner,.cnt-06-inner,
.mv-wrap-02,.cnt-buy-inner-02{margin:0 auto;}
.cnt-04-inner a,.cnt-05-inner img{display:block;}

.cnt-04-inner a img,.cnt-05-inner img{width:100%;}

/*==================================================
  02. BottomContents
==================================================*/
.border-1 {
  height: 10px;
  background-color: #ececec;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, #F9F9F9), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, #F9F9F9), color-stop(0.75, #F9F9F9), color-stop(0.75, transparent), to(transparent));
  -webkit-background-size: 7px 7px;
}

.iteminfoarea-1 {
  width: 750px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 800px) {
  .iteminfoarea-1 {
    width: 90%;
  }
}
.iteminfoarea-1 > h6 {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  font-size: 1.2em;
  border-radius: 30px;
  background: #006ec3;
  color: #fff;
  margin-top: 3%;
  margin-bottom: 3%;
}

.infos {
  display: flex;
}
@media screen and (max-width: 800px) {
  .infos {
    flex-direction: column;
    align-items: center;
  }
}
.infos > a {
  display: block;
}
.infos img {
  width: 100%;
}
.infos > p {
  padding-top: .7em;
}
@media screen and (max-width: 800px) {
  .infos > p {
    margin-bottom: 3%;
    padding-top: 0;
  }
}

.infos-mail {
  width: 320px;
  margin-right: 20px;
}
@media screen and (max-width: 800px) {
  .infos-mail {
    margin-right: 0;
    margin-bottom: 3%;
  }
}

.infos-phone {
  width: 240px;
  margin-right: 20px;
}
@media screen and (max-width: 800px) {
  .infos-phone {
    margin-right: 0;
    margin-bottom: 1%;
  }
}

.bottom-tohome {
  display: flex;
  justify-content: center;
  width: 90%;
  max-width: 700px;
  margin: 2% auto;
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.bottom-tohome p {
  max-width: 165px;
  padding-left: 2%;
  padding-right: 2%;
}
.bottom-tohome a {
  display: block;
  max-width: 113px;
  padding-left: 2%;
  padding-right: 2%;
  border-left: 1px solid #ddd;
}
.bottom-tohome img {
  width: 100%;
}

/*==================================================
  03. Footer
==================================================*/
footer {
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: .8em;
  text-align: center;
  color: #999;
}

#totopbtn {
  position: fixed;
  z-index: 2;
  bottom: 5%;
  right: 2%;
}
#totopbtn a {
  display: block;
  padding: 13px 10px 10px;
  text-decoration: none;
  border-radius: 3px;
  background: rgba(0, 110, 195, 0.8);
  color: #fff;
}
@media screen and (min-width: 801px) {
  #totopbtn a:hover {
    cursor: pointer;
  }
}

/*==================================================
 	20.ProductUtilitys
==================================================*/
@media screen and (min-width: 801px) {
  .img-hv-ev1 > a:hover {
    transition: all 0.3s;
    opacity: 0.5;
  }
}