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

html,body{
	width: 100% !important;
	height: 100% !important;	
}

body{
	margin: 0px;
	padding: 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 145%;
	font-size: 1.1em;
}

UL{
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

P{
	margin: 0px;
	padding: 0px;
}

EM{
	color: #F30;
	display: block;
	padding: 0.5em;
	margin-bottom: 0.5em;
	border: 2px solid #C30;
	border-radius: 12px;
}

.formbox EM{
	color: #F30;
	display: block;
	margin-bottom: 0.5em;
	border: 2px none #C30 !important;
	font-size: 0.8em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

H1{
	font-size: x-large;
	font-weight: bolder;
	color: #FFF;
	background-color: #006699;
	display: inline;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 20px;
	padding-left: 20px;
	margin-bottom: 12px;
	vertical-align: 200%;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

H2{
	font-size: large;
	color: #333333;
	font-weight: normal;
	display: block;
	line-height: 180%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

H3{
	font-size: xx-large;
	color: #003366;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

H4{
	background-image: url(rentacycle/pdficon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 36px;
	padding-top: 4px;
	padding-bottom: 4px;
}

H5{
	color: #C30;
	padding: 8px;
	border: 2px solid #C30;
	border-radius: 4px;
	display: block;
	text-align: center;
}

H6{
	border-radius: 4px;
	font-weight: bold;
	font-size: medium;
	line-height: 125%;
	padding: 0px;
	margin: 0px;
}

.width960{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

.mainimage{
	background-image: url(rentacycle/headbg.jpg);
	background-position: center top;
	background-size: contain;
	height: 100%;
	width: 100%;
	display: block;
	background-repeat: no-repeat;
}

.fourcont{
	margin-right: auto;
	margin-left: auto;
	display: flex;
	justify-content: center;
}

.fourpack{
	width: 300px;
	margin-right: 16px;
	margin-bottom: 16px;
	margin-left: 16px;
	}
	
.fourpackimg{
	margin-right: 16px;
	margin-bottom: 16px;
	margin-left: 16px;
	width: 300px;
	height: 300px;
	}

	
.packtext{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-top: 12px;
	padding-bottom: 12px;
	font-size: small;
}

.packtext strong{
	font-size: medium;
	color: #1d382d;
	font-weight: bold;
	line-height: 170%;
}

.twocont{
	margin-right: auto;
	margin-left: auto;
	display: flex;
	justify-content: center;
	background-color: #1d382d;
	color: #FFF;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: small;
	padding-top: 24px;
	padding-bottom: 24px;
}

.twocont_white{
	margin-right: auto;
	margin-left: auto;
	display: flex;

}

.twopack{
	width: auto;
	padding-right: 16px;
	padding-left: 16px;
	}

.twopack2{
	width: auto;
	padding-right: 16px;
	}

.contspace{
	height: 40px;
	display: block;
}

.threecont{
	margin-right: auto;
	margin-left: auto;
	display: flex;
	justify-content: center;
}

.threepack{
	width: calc(100% / 3);
	margin-right: 16px;
	margin-bottom: 16px;
	margin-left: 16px;
	}

.pictureframe{
	padding: 24px;
}

.headerline{
	height: 280px;
	width: 100%;
	display: block;
	text-align: center;	
}

.headerline_main{
	height: 720px;
	width: 100%;
	display: block;
	text-align: center;
	padding-top: 64px;
}

.headerline_form{
	height: 300px;
	width: 100%;
	display: block;
	text-align: center;
	padding-top: 64px;
}

.headerline_main img{

	padding-top: 64px;
}


.bg001{
	background-image: url(rentacycle/bgmask.png),url(rentacycle/bg001.jpg);
	background-position: center center,center center;
	background-size: 5px 5px,cover;
	backgroung-repeat: repeat, no-repeat;
	}
	
.bg002{
	background-image: url(rentacycle/bgmask.png),url(rentacycle/bg002.jpg);
	background-position: center center,center center;
	background-size: 5px 5px,cover;
	backgroung-repeat: repeat, no-repeat;
	}

.bg003{
	background-image: url(rentacycle/bgmask.png),url(rentacycle/bg003.jpg);
	background-position: center center,center center;
	background-size: 5px 5px,cover;
	backgroung-repeat: repeat, no-repeat;
	}
	
.bg004{
	background-image: url(rentacycle/bg004.jpg);
	background-position: center center;
	background-size: cover;
	backgroung-repeat: no-repeat;
	}

.bg004a{
	background-image: url(rentacycle/bg004a.jpg);
	background-position: center center;
	background-size: cover;
	backgroung-repeat: no-repeat;
	}

.bg005{
	background-image: url(rentacycle/bgmask.png),url(rentacycle/bg005.jpg);
	background-position: center center,top center;
	background-size: 5px 5px,cover;
	backgroung-repeat: repeat, no-repeat;
	}


.nextbtm{
	width: 160px;
	margin-right: auto;
	margin-left: auto;
}

.nextbtm:hover,
A IMG:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: alpha(opacity=70);
  }

.footer{
	background-color: #D4DAC5;
	padding-top: 16px;
	padding-bottom: 16px;
	text-align: center;
}

.topmenu{
	position: fixed;
	top: 0px;
	z-index: 100;
	background-color: #FFF;
	display: block;
	margin-left: -500px;
	text-align: center;
	width: 1000px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-bottom-style: solid;
	border-top-color: #0770ff;
	border-right-color: #0770ff;
	border-bottom-color: #0770ff;
	border-left-color: #0770ff;
	padding: 8px;
	left: 50%;
	
	-webkit-border-bottom-right-radius: 16px;
	-webkit-border-bottom-left-radius: 16px;
	-moz-border-radius-bottomright: 16px;
	-moz-border-radius-bottomleft: 16px;
	border-bottom-right-radius: 16px;
	border-bottom-left-radius: 16px;
}

.topmenu A{
	padding-bottom: 8px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #063;
	text-decoration: none;
	display: inline;
	padding-right: 24px;
	padding-left: 24px;
	padding-top: 8px;
}

.topmenu A:hover{
	background-color: #0770ff;
	color: #FFF;
}

A.redtext{
	font-weight: bold !important;
	color: #F00 !important;
}

A:hover.redtext {
		color: #FFF !important;
		background-color: #F00;
		}

.shadow{
	-webkit-box-shadow: 0px 2px 40px -1px rgba(125,125,125,1);
	-moz-box-shadow: 0px 2px 40px -1px rgba(125,125,125,1);
	box-shadow: 0px 2px 40px -1px rgba(125,125,125,1);
	}

TABLE{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #999;
}
TD{
	padding: 0.5em;
}

TH{
	padding: 0.5em;
	background-color: #EDEDED;	
}

.relativebox{
	position: relative;
	overflow: visible;
}

.preorderimage{
	position: absolute;
	z-index: 50;
	bottom: -50px;
}

.minitext{
	font-size: 80%;
	line-height: 140%;
}


.menu {

  background: #fff;
}

label {
	font-size: x-large;
	font-weight: bolder;
	color: #FFF;
	background-color: #006699;
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 20px;
	padding-left: 20px;
	margin-bottom: 12px;
	vertical-align: 200%;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;

  cursor: pointer;
}

label:hover {
	background-color: #0088CA;
}

input[type="checkbox"].on-off{
  display: none;
}

.menu ul {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
}

.menu li {
  padding: 5px;
}

input[type="checkbox"].on-off + ul{
  display: none;
}

input[type="checkbox"].on-off:checked + ul{
  display: block;
}

.hiddenbox{
	visibility: hidden;
}

.orderform{
	font-size: medium;
}

.formbox{
	padding: 1em;
	margin-bottom: 12px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}

.warning{
	font-size: large;
	color: #C00;
	padding: 16px;
	border: 2px solid #C00;
	margin-bottom: 24px;
}

.wpcf7-form-control{
	padding: 5px;
	font-size: large;
}

.wpcf7c-conf {
    background-color: #EDEDED !important;
    color: black !important;
    border: 1px solid #333333 !important;
}

#wpadminbar {
	top: auto !important;
    bottom: 0 !important;
}

.wpcf7-text{
	width: 8em;}
	
.mini{
	width: 2.5em !important;}

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop,
  .caption {
	display:block !important;
    position: absolute;
    bottom: 0px;
    padding: 5px;
    left: 0px;
    right: 0px;
    margin: 0;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    font-family: sans-serif;
	} /* IE11 */
}

.warning2{
	background-color: #EEE;
	border: 1px solid #CCC;
	border-radius: 8px;
	padding: 1.5em;
	margin-top:2em;
	margin-bottom:2em;
	font-size:0.9em;
	line-height:180%;
}

.warning2 STRONG{
	line-height: 150%;
	}
	
.textcenter{
	text-align: center;
}

.blackgly{
	background-color:#000;}

.pricebox{
	font-size: 0.8em;
	padding: 1.5em;
}

.glytitle{
	font-size: 2em;
	padding: 0.7em;
	color: #FFF;
	text-align: center;
	display: inline-block;
	border: 2px solid #FFF;
	margin-right: auto;
	margin-left: auto;
}

.metaarea {
	position: relative;
}
.logoabso {
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translateY(-45%) translateX(-50%);
 -webkit- transform: translateY(-45%) translateX(-50%);
	margin: auto;
}
.logoabsomini {
	position: absolute;
	top: 54%;
	left: 50%;
	transform: translateY(-54%) translateX(-50%);
 -webkit- transform: translateY(-54%) translateX(-50%);
	margin: auto;
}
.logotext {
	font-weight: 900;
	color: #FFFFFF;
	font-size: 3em;
	text-shadow: 0px 0px 5px #443908;
}
.logotextmini {
	font-weight: 900;
	color: #FFFFFF;
	font-size: 1.5em;
	text-shadow: 0px 0px 5px #443908;
}
.metacont {
	position: absolute;
	width: 100%;
	bottom: 0;
	text-align: center;
    /* left: 50%; */
    /* transform: translateY(-50%) translateX(-50%); */
    -webkit- transform: translateY(-50%) translateX(-50%);
	margin: auto;
	background-color: rgba(255,255,255,0.8);
	padding: 1em;
	padding-bottom: 2em;/* border-radius: 8px; */
}