@charset "utf-8";
 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(//www.kazokuryokoumura.jp/wp-content/themes/kitoushi2022-3y/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(//www.kazokuryokoumura.jp/wp-content/themes/kitoushi2022-3y/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(//www.kazokuryokoumura.jp/wp-content/themes/kitoushi2022-3y/rentacycle/bgmask.png),url(//www.kazokuryokoumura.jp/wp-content/themes/kitoushi2022-3y/rentacycle/bg001.jpg);
background-position: center center,center center;
background-size: 5px 5px,cover;
backgroung-repeat: repeat, no-repeat;
}
.bg002{
background-image: url(//www.kazokuryokoumura.jp/wp-content/themes/kitoushi2022-3y/rentacycle/bgmask.png),url(//www.kazokuryokoumura.jp/wp-content/themes/kitoushi2022-3y/rentacycle/bg002.jpg);
background-position: center center,center center;
background-size: 5px 5px,cover;
backgroung-repeat: repeat, no-repeat;
}
.bg003{
background-image: url(//www.kazokuryokoumura.jp/wp-content/themes/kitoushi2022-3y/rentacycle/bgmask.png),url(//www.kazokuryokoumura.jp/wp-content/themes/kitoushi2022-3y/rentacycle/bg003.jpg);
background-position: center center,center center;
background-size: 5px 5px,cover;
backgroung-repeat: repeat, no-repeat;
}
.bg004{
background-image: url(//www.kazokuryokoumura.jp/wp-content/themes/kitoushi2022-3y/rentacycle/bg004.jpg);
background-position: center center;
background-size: cover;
backgroung-repeat: no-repeat;
}
.bg004a{
background-image: url(//www.kazokuryokoumura.jp/wp-content/themes/kitoushi2022-3y/rentacycle/bg004a.jpg);
background-position: center center;
background-size: cover;
backgroung-repeat: no-repeat;
}
.bg005{
background-image: url(//www.kazokuryokoumura.jp/wp-content/themes/kitoushi2022-3y/rentacycle/bgmask.png),url(//www.kazokuryokoumura.jp/wp-content/themes/kitoushi2022-3y/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;
} }
.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;  -webkit- transform: translateY(-50%) translateX(-50%);
margin: auto;
background-color: rgba(255,255,255,0.8);
padding: 1em;
padding-bottom: 2em; }