@charset "UTF-8";
/*
Theme Name: ReiRei
Theme URI: http://yamawakirei.com/
Description: A theme by <a href="http://funabook.com/">Hiroyuki Funayama</a>.
Version: 9.99
Author: Hiroyuki Funayama
Author URI: http://funabook.com/
*/
/*BASE*/
body{color:#7d4113; line-height:1; background:#FFFBEC;
font-family:"Helvetica Neue",Arial,Roboto,"Droid Sans","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","游ゴシック",YuGothic,"メイリオ",Meiryo,sans-serif;}
main img{width:100%; max-width:100%; height:auto; vertical-align:middle;}
/*CF*/
.cf:before,.cf:after{content:" ";display:table;}.cf:after{clear:both;}.cf{*zoom:1;}
/*Elastic Video*/
div.video_box{position:relative; overflow:hidden; padding-bottom:56.25%; padding-top:30px; height:0; margin-bottom:20px;}
div.video_box iframe,div.video_box object,div.video_box embed{position:absolute; top:0; left:0; width:100%; height:100%}
/*INTRO*/
.introtzikas_bg{text-align:center; position:absolute; top:0; left:0;}
.introtzikas_bg img{max-height:100%; height:100%; width:auto;}
.introtzikas{text-align:center;}
/*LETTER*/
.wf{font-family:'Pacifico',cursive}
strong{font-weight:bold;}
span.red{color:#dc143c;}
span.required{color:#dc143c; font-weight:bold;}
::selection{background:#FF6735; color:#fff; text-shadow:1px 1px 1px #333;}
::-moz-selection{background:#FF6735; color:#fff; text-shadow:1px 1px 1px #333;}
/*LINK*/
a:link{text-decoration:underline; color:#FF6735; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; transition:0.3s;}
a:visited{text-decoration:none; color:#FF6735;}
a:hover{text-decoration:underline; color:#CCC;}
a:active{text-decoration:none; color:#000;}
a img{text-decoration:none; border:none; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; transition:0.3s;}
a img:hover{text-decoration:none; opacity:0.5;}
nav ul li:first-child{padding-left:0;}
nav ul li a:link{text-decoration:none; color:#7d4113;}
nav ul li a:visited{text-decoration:none; color:#7d4113;}
nav ul li a:hover{text-decoration:none; color:#FF6735;}
nav ul li a:active{text-decoration:none; color:#ccc;}
/*SP NAV*/
button#menubtn{position:absolute; right:15px; top:15px;
border:1px solid #FED54D; border-radius:4px; height:auto; padding:6px;}
button.btn{background-color:#7d4113;}
button.active{background-color:#CCC;}
span.icon-bar{display:block; height:2px; width:20px; margin:4px 0; border-bottom:2px solid #FFFBEC;}
nav#spmenu{position:absolute; top:69px; width:100%; background:rgba(255,255,255,0.8); z-index:10000;}
nav#spmenu ul{width:100%; font-size:139%;}
nav#spmenu ul li{width:50%; float:left;}
nav#spmenu ul li:last-child{width:100%; float:none;}
nav#spmenu ul li a:link{display:block; line-height:54px; text-align:center; }
nav#spmenu ul li a:hover{background-color:#FFFBEC;}
/*HEADER*/
header{width:100%; margin:0 auto 10px; padding:20px; background:#fff;}
h1{max-width:175px; float:left;}
h1 img{max-width:175px;}
/*FOOTER*/
footer{width:100%; margin:0 auto; padding:30px; text-align:center;}
footer small{font-size:93%; line-height:1.7;}
/*TOP NEWS*/
div#topnews{margin:40px auto; padding:0 10px;}
div#topnews h2{text-align:center; font-size:154%; margin-bottom:20px;}
div#topnews article{text-align:center; line-height:1.7;}
div#topnews article h3{text-align:center; margin-bottom:20px;}
/*TOP LP*/
div#newlp{margin:40px auto;}
div#newlp div.row{padding:30px 20px 20px; background:#fff; border-radius:30px;}
div#newlp h2{text-align:center; font-size:197%; margin-bottom:20px;}
div#newlp section{margin-bottom:20px;}
div#newlp h3{font-size:154%; font-weight:bold; line-height:1.6;}
div#newlp p{line-height:1.7; margin-top:20px;}
/*TOP MV*/
div#topmv{margin:40px auto;}
div#topmv h2{font-size:154%; font-weight:bold; text-align:center; margin-bottom:20px;}
/*CAT*/
div#posts{margin:10px auto; padding:0 10px;}
div#posts div#h2box{margin-bottom:10px; position:relative;}
div#posts h2#cat{width:100%; font-size:300%; position:absolute; bottom:15px; text-align:center; color:#fff; text-shadow:1px 1px 1px #000;}
div#posts article{background:#fff; padding:15px; margin-bottom:10px; border-radius:20px; line-height:1.8;}
div.postbody img{margin-bottom:10px;}
div.postbody p{margin-bottom:10px;}
div#posts h3{padding:0 0 5px; margin-bottom:10px; font-weight:bold; font-size:139%; border-bottom:1px solid #7d4113;}
/*GALLERY*/
ul.gallerylist li{float:left; width:33%;}
ul.gallerylist li img{min-width:100%;}
/*CONTACT*/
input[type="submit"],input[type="reset"],input[type="button"],button{cursor:pointer; -webkit-appearance: button; *overflow:visible;}
img.ajax-loader{float:left; width:auto!important;}
div#mailform{margin:0 auto; background:#fff; padding:20px 20px 0; border:1px solid #ddd; border-radius:20px;}
div.formrow{width:100%; clear:both; display:block; overflow:hidden; margin-bottom:20px;}
section.formname{width:100%; margin-bottom:10px;}
section.formbox{width:100%;}
/*CONTACT INPUT BTN*/
section.formbox textarea{width:98%; resize:vertical;  background:#fff; border:1px solid #ddd;}
input.wpcf7-text{width:98%; padding:5px 0;}
div.btnrow{text-align:center;}
input.soushin{cursor:pointer; border:none; border-radius:5px; background:#ccc; padding:15px 60px;
-webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; transition:0.3s;}
input.soushin:hover{background:#999;}
input.soushin:first-child{margin:0 0 10px -20px;}
/************ SP ************/
@media (max-width:768px){.pc{display:none;}}
/************ PC ************/
@media(min-width:768px){
.sp{display:none;}
/*HEADER*/
header{margin:0 auto 40px; padding:40px;}
nav.pc{float:right; font-size:139%;}
nav.pc ul{text-align:center; margin-top:5px;}
nav.pc ul li{display:-moz-inline-box; display:inline-block; padding-left:20px;}
/*TOP*/
div#topnews{max-width:600px; margin:40px auto;}
/*TOP LP*/
div#newlp{margin:40px auto;}
div#newlp div.row{padding:30px 20px 20px; background:#fff; border-radius:30px;}
div#newlp h2{text-align:center; font-size:197%; margin-bottom:20px;}
div#newlp h3{font-size:154%; font-weight:bold; line-height:1.6;}
div#newlp p{line-height:1.7; margin-top:20px;}
/*TOP MV*/
div#topmv{max-width:600px; margin:40px auto;}
div#topmv h2{font-size:154%; font-weight:bold; text-align:center; line-height:1.7;}
/*CAT*/
div#posts{max-width:800px; margin:40px auto; padding:0 10px;}
div#posts div#h2box{margin-bottom:20px;}
div#posts h2#cat{font-size:400%; bottom:30px;}
div#posts article{padding:20px; margin-bottom:20px;
div.postbody img{margin-bottom:20px;}
div.postbody p{margin-bottom:20px;}
div#posts h3{font-size:154%; padding:0 0 10px; margin-bottom:20px;}
/*CONTACT*/
div#mailform{padding:30px 30px 0;}
div.formrow{margin-bottom:30px;}
section.formname{width:180px; float:left; margin-bottom:0;}
section.formbox{width:480px; float:left;}
/*CONTACT INPUT BTN*/
input.wpcf7-text{width:98%; padding:10px 0;}
input.soushin:first-child{margin:0 30px 0 0;}
}
/*-----------------------------------------------------
10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
------------------------------------------------------*/