/*
theme name: Original Theme
theme uri: 
description: 
Author: 
version:2016
*/


/*------------------------------------------------------------
	RESET
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure { margin: 0; padding: 0; border: 0; outline: 0; font-size: 1em;}
body, table, input, textarea, select, option { font-family:'メイリオ','Meiryo','游ゴシック','YuGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif; font-size: 1em; } article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; }

html{ overflow-y:scroll; }

img{ vertical-align:middle;}
img{vertical-align:middle;max-width:100%; height:auto;}

table{border-collapse:collapse;}



/*------------------------------------------------------------
	LINK
------------------------------------------------------------*/
a{ color:#2f8f19; text-decoration:none; }
a:hover { color:#ff7800; text-decoration:none; }


/*------------------------------------------------------------
	TEXTS
------------------------------------------------------------*/
.bold{font-weight:bold;}
.right{text-align:right;}
.center{text-align:center; }
.large{ font-size:1.2em; }

/*------------------------------------------------------------
	COLORS
------------------------------------------------------------*/
.red{ color:#cc2728; }
.pink{color:#EB6DA5;}
.green{color:#9DC93A;}
.blue{color:#00A0E9;}
.brown{color:#7A6A56;}
.gold{color:#E6D3A1;}
.orange{color:#fc0;}
.purple{color:#A6B0D9;}
.gray{color:#999;}
.yellow{color:#eddc44;}


/*------------------------------------------------------------
	MARGINS
------------------------------------------------------------*/

.mb0{ margin-bottom:0px !important; }
.mb10{ margin-bottom:10px !important; }
.mb15{ margin-bottom:15px !important; }
.mb20{ margin-bottom:20px !important; }
.mb25{ margin-bottom:25px !important; }
.mb30{ margin-bottom:30px !important; }
.mb40{ margin-bottom:40px !important; }
.mb50{ margin-bottom:50px !important; }
.mb60{ margin-bottom:60px !important; }
.mb70{ margin-bottom:70px !important; }
.mb80{ margin-bottom:80px !important; }
.mb90{ margin-bottom:90px !important; }
.mb100{ margin-bottom:100px !important; }

.mt10{ margin-top:10px !important; }
.mt20{ margin-top:20px !important; }
.mt30{ margin-top:30px !important; }

.ml15{ margin-left:15px !important; }
.ml30{ margin-left:30px !important; }

/*------------------------------------------------------------
	GOOGLEMAP
------------------------------------------------------------*/
.ggmap{
position: relative;
height: 0;
padding: 0 0 56.25%;
overflow: hidden;
}
.ggmap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*------------------------------------------------------------
	LOADING
------------------------------------------------------------*/
#loading {
 width: 100%;
 height: 100%;
 margin: 0;
 background: #fff;
 opacity: 1.0;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 9999;
}
#loader {
 position:absolute;
 top:50%;
 left:50%;
 margin-top:-15px;
 margin-left:-22.5px;
}

#preloader_1{
    position:relative;
}
#preloader_1 span{
    display:block;
    bottom:0px;
    width: 9px;
    height: 5px;
    background:#f18e00;
    position:absolute;
    animation: preloader_1 1.5s  infinite ease-in-out;
}
 
#preloader_1 span:nth-child(2){
left:11px;
animation-delay: .2s;
 
}
#preloader_1 span:nth-child(3){
left:22px;
animation-delay: .4s;
}
#preloader_1 span:nth-child(4){
left:33px;
animation-delay: .6s;
}
#preloader_1 span:nth-child(5){
left:44px;
animation-delay: .8s;
}
@keyframes preloader_1 {
    0% {height:5px;transform:translateY(0px);background:#cc2728;}
    25% {height:30px;transform:translateY(15px);background:#cc2728;}
    50% {height:5px;transform:translateY(0px);background:#cc2728;}
    100% {height:5px;transform:translateY(0px);background:#cc2728;}
}

/*------------------------------------------------------------
    PAGE NAVI
------------------------------------------------------------*/
.wp-pagenavi {
clear: both;
text-align:center;
margin-bottom:20px;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
width:40px;
height:40px;
display:inline-block;
text-align:center;
line-height:40px;
margin: 0 5px;
background:#cc2728;
border:1px solid #cc12728;
color: #cc2728;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
background-color: #000;
color: #fff;
border:1px solid #000;
}
.wp-pagenavi span.current {
font-weight: bold
}

/*------------------------------------------------------------
	CONTACT MW WP FORM
------------------------------------------------------------*/

.hissu{
margin-top:5px;
margin-left:10px;
font-size:12px;
line-height:20px;
padding:0 5px;
color:#fff;
background:#ff7800;
display:inline-block;
border-radius:2px;
}

.form {
width:100%;
margin-bottom:30px;
font-size:15px;
line-height:30px;
}
.form dt {
font-weight:bold;
text-align:left;
overflow:hidden;
white-space:nowrap;
border-left:5px solid #cc2728;
padding-left:10px;
line-height:20px;
margin-bottom:10px;
}
.form dd {
margin-bottom:20px;
}

.caption{
font-size:12px;
line-height:15px;
}

.aligncenter{
display:block;
margin:0 auto 20px;
}


input[type="text"],
input[type="email"]{
width:100%;
vertical-align:0.5em;
background:#fff;
padding:5px;
border-radius:2px;
box-sizing:border-box;
color:#333;
border:0;
border:1px solid #dcdcdc;
}

input[type=text].tels{
background:#fff;
padding:5px !important;
border-radius:2px !important;
box-sizing:border-box;
color:#333;
line-height:20px;
border:1px solid #dcdcdc;
}

textarea {
width:100%;
border-radius:2px;
padding:5px;
box-sizing:border-box;
background:#fff;
height:250px;
border:0;
color:#333;
border:1px solid #dcdcdc;
}
.mwform-tel-field input[type=text] {
width:25%;
border-radius:0;
padding:5px;
}
#form_btn {
margin:0 auto;
display:inline-block;
}
#form_btn li {
display:inline-block;
}

.mw_wp_form_confirm .fbtn input:hover,
.mw_wp_form_input .fbtn input:hover,
#submitback input:hover{
background:#f00;
color:#fff;
}


.mw_wp_form_input .fbtn input {
background:#cc2728;
color:#fff;
width:180px;
height:40px;
overflow:hidden;
border:none;
cursor:pointer;
border-radius:4px;
transition:all 0.3s;
font-weight:bold;
}
.mw_wp_form_confirm .fbtn input {
background:#cc2728;
color:#fff;
width:180px;
height:40px;
overflow:hidden;
border:none;
cursor:pointer;
border-radius:4px;
transition:all 0.3s;
font-weight:bold;
}
#submitback input {
background:#cc2728;
color:#fff;
width:60px;
height:40px;
overflow:hidden;
border:none;
cursor:pointer;
margin-right:10px;
border-radius:4px;
transition:all 0.3s;
font-weight:bold;
}

/*------------------------------------------------------------
	CLEAR FIX
------------------------------------------------------------*/
.fix{
clear:both;
height:0;
}

.fix {
clear:both;
}

.cf {
overflow:hidden;
}

.cf {
display: inline-block;
}

.cf:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

* html .cf {
height: 1%;
}

.cf {
display: block;
}