@charset "UTF-8";

/*----------------------------------------
common
----------------------------------------*/
body{
  background-image:url(/wp-content/themes/hitomitekko/img/bgx.png)!important;
    color:#000;
    font-size:14px;
    line-height:1.5;
    word-wrap: break-word;
	font-family: "リュウミン L-KL";
}

li {
    list-style-type:none;
}

img {
    line-height:0;
}

a img:hover{
	opacity:0.8
}

em {
    font-style:normal;
}

.cf .thumb {
    float:left;
}

.cf .thumb img,
.con-img img {
    max-width:100%;
    height:auto;
}

.cf .txt {
    float:right;
}

.cf:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.cf{ display: inline-table; }  
  
/* Hides from IE-mac \*/  
*html .cf{ height: 1%; }  
.cf{ display: block; }  
/* End hide from IE-mac */ 

.red{
	color:rgba(193,30,32,1.00);
}

.font-s{
	font-size:12px;
}

/* wp ----------------------- */

.wp-pagenavi{
	margin:30px 0;
	padding:30px 0 0 0;
	text-align:center;
	border-top:1px solid #ccc;
}

.wp-pagenavi li{
	display:inline;
	margin:0 2px;
}

.wp-pagenavi a{
	background:none;
	color:#000!important;
	padding:3px 5px!important;
	border:none!important;
}

.wp-pagenavi a:hover{
	color:#000!important;
	border:none;
	text-decoration:underline!important;
}

.wp-pagenavi span.current{
	background:none;
	color:#333;
	padding:3px 5px!important;
	border:none;
	text-decoration:underline!important;
}

#single-prenext{
	overflow:hidden;
	margin:50px 0;
	padding:30px 2% 0 2%;
	border-top:1px solid #ccc;
}

.pre{
	float:left;
}

.next{
	text-align:right;
}

#single-prenext a{
	text-decoration:underline;
}

#single-prenext a:hover{
	text-decoration:none;
}

.aligncenter{
	display: block;
	clear: both;
	margin:0 auto 20px auto;
	text-align:center;
}
 
.alignleft{
	float:left;
	margin:0 10px 20px 0;
}

.alignright{
	float:right;
	margin:0 0 20px 10px;
}

a{
	text-decoration:none;
	outline:none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	color:#000;
}

.home a{
	color:#fff;
}

#container{
	display:none;
	padding:0 0 100px 0;
}

#loading {
	width: 48px;
	height: 48px; 
	margin: -24px 0 0 -24px;
	opacity: 0.5; 
	position: fixed;
	left: 50%; 
	top: 50%;
}

#page-top{
	position:fixed;
	bottom:10px;
	right:10px;
	z-index:4;
}

@media only screen and (max-width:768px){
    .pcBr {
        display:none !important;
    }

    .spBr {
        display:block;
    }
}

@media only screen and (max-width:400px){

.alignleft,
.alignright{
	float:none;
	display: block;
	clear: both;
	margin:0 auto 20px auto;
	text-align:center;
}
}


/*----------------------------------------
layout
----------------------------------------*/
.row {
    width:100%;
    max-width:965px;
    margin:0 auto;
}

@media only screen and (max-width:960px){
    .row {
        max-width:96%;
    }
}

.bg-green{
	background:#eee;
	padding:50px 0;
}

/*----------------------------------------
header
----------------------------------------*/

#gnav{
    background:#fff;
	position:relative;
	z-index:9;
}

#gnav.fixed{
	position:fixed;
	top:0;
	width:100%;
	z-index:100;
	opacity:0.8;
	box-shadow:0 0 10px #aaa;
}


#gnav .row {
    background:none;
    padding-bottom:0;
}

#gnav .row ul{
    display:table;
    width:100%;
}

#gnav .row ul li{
    display:table-cell;
    vertical-align:middle;
    line-height:0;
}

#gnav .row ul li a {
    line-height:0;
    padding:14px 0;
    display:block;
}

#gnav .row ul li img{
	max-width:100%;
	height:auto;
}

@media only screen and (max-width:768px){

#gnav{
	position:fixed;
	left:0;
	top:0;
	background:none!important;
	width:auto;
	padding:0;
}

.fixed#gnav{
	padding:0;
	box-shadow:none;
	opacity:1;
}

#gnav.bgactive{
	background:rgba(255,255,255,1)!important;
	width:100%;
	height:100%;
}

#gnav .row{
	display:none;
	margin:60px 0 0 0;
	max-width:100%;
	width:100%;
}

#gnav.bgactive .row{
	display:block;
}

#gnav .row ul li{
	text-align:center;
	display:block;
	width:auto;
	font-size:1rem;
	box-sizing: border-box;
}

#gnav .row ul li a{
	padding:3px 0;
}

#gnav li a:hover{
	background:#fceafb;
}

#openbtn{
	display:block;
	position:absolute;
	left:15px;
	top:15px;
	width: 40px;
	height: 30px;
}

#openbtn span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #004400;
	border-radius: 2px;
}

#openbtn.active span{
	background-color: #333;
}

#openbtn span:nth-of-type(1) {
	top: 0;
}
#openbtn span:nth-of-type(2) {
	top: 14px;
}
#openbtn span:nth-of-type(3) {
	bottom: 0;
}

#openbtn.active span:nth-of-type(1) {
	-webkit-transform: translateY(14px) rotate(-45deg);
	transform: translateY(14px) rotate(-45deg);
}
#openbtn.active span:nth-of-type(2) {
	opacity: 0;
}
#openbtn.active span:nth-of-type(3) {
	-webkit-transform: translateY(-14px) rotate(45deg);
	transform: translateY(-14px) rotate(45deg);
}
}

/*----------------------------------------
section
----------------------------------------*/
section header {
    text-align:center;
    padding:80px 0 50px;
}

section header h2 {
    margin-bottom:25px;
}

section header img {
    max-width:100%;
	height:auto;
}

section .secInfo h3 {
    color:#000;
    margin-bottom:10px;
	text-align:left;
}

section .secInfo h3 strong{
    margin-right:10px;
	font-size:1.2rem;
	font-weight:bold;
}

section .secInfo {
    background:rgba(255,255,255,0.7);
    padding:30px 0;
	margin:50px 0 0 0;
}

section .secInfo .cf .thumb {
    width:15%;
    padding-left:10px;
    box-sizing:border-box;
	text-align:center;
}

section .secInfo .cf .txt {
    width:81%;
}

section .secInfo p {
    color:#000;
	font-weight:bold;
	line-height:2;
}

section .contents img {
    max-width:100%;
    height:auto;
}

@media only screen and (max-width:768px){
    section header {
        padding:40px 0;
    }

    section .secInfo .cf .thumb {
        width:30%;
        padding-left:0;
    }

    section .secInfo .cf .txt {
        width:68%;
        padding-top:0;
    }
}

@media only screen and (max-width:500px){
    section .secInfo .cf .thumb,
	section .secInfo .cf .txt {
		float:none;
        width:auto;
        margin-bottom:15px;
    }
	
	section .secInfo h3 strong{
		display:block;
		text-align:center;
		margin:0 0 20px 0;
	}
}

/*----------------------------------------
secLink
----------------------------------------*/
.secLink {
    background:#6f5bca;
    text-align:center;
    line-height:0;
}

.secLink a {
    padding:25px 2%;
    display:block;
}

.secLink a:hover{
    background:#ffa500;
}

.secLink img{
	max-width:100%;
	height:auto;
}

/*----------------------------------------
footer
----------------------------------------*/
footer {
    text-align:center;
    padding:25px 0 10px 0;
}

footer .footer-link{
	overflow:hidden;
}

footer li {
    display:inline;
    margin:0 10px;
}

footer li a {
    color:#fff;
    text-decoration:none;
}

footer .snsBox {
	text-align:center;
	margin:50px 0;
}

footer .snsBox li{
    display:inline;
    margin:0 5px;
}

footer p.logo {
    margin-bottom:20px;
}

@media only screen and (max-width:500px){


footer .footer-link li {
	float:left;
	width:50%;
    display:block;
    margin:0;
}

footer .footer-link li a {
	display:block;
	padding:10px 0;
}


}

/*----------------------------------------
snsBox
----------------------------------------*/
.snsBox li {
    line-height:0;
}

/*----------------------------------------
sec01
----------------------------------------*/
#sec01 {
background:#bcaffa;
padding:34px 0 50px;
position:relative;
z-index:9;
}

#sec01 h2,
#sec01 article{
margin-bottom:10px;
}

.single #sec01 h2,
.news #sec01 h2{
	text-align:center;
	margin-bottom:50px;
}

#sec01 article .thumb {
width:12%;
text-align:center;
}

#sec01 #infoArea article .thumb {
width:22%;
}

#sec01 article .txt {
width:86%;
}

#sec01 #infoArea article .txt {
width:76%;
}

#sec01 article p time {
color:#a00000;
}

#sec01 article .txt a,
#sec01 .next a {
color:#000;
font-weight:bold;
text-decoration:underline;
}

#sec01 article .txt a:hover,
#sec01 .next a:hover{
	text-decoration:none;
}

#sec01 article .txt p {
margin-bottom:5px;
}

#sec01 #infoArea{
	float:left;
	width:58%;
}

#sec01 #fbArea{
	float:right;
	width:38%;
}

.fb-page {
    width:100% !important;
  }


@media only screen and (max-width:960px){

#sec01 #infoArea,
#sec01 #fbArea{
    float:none;
    width:100%;
}

#sec01 article .thumb {
    width:20%;
}

#sec01 article .txt {
    width:78%;
    padding-top:0;
}

#sec01 article .txt a{
	display:block;
}
}

@media only screen and (max-width:768px){
#sec01 article .thumb {
    width:40%;
}

#sec01 article .txt {
    width:58%;
    padding-top:0;
}
}

@media only screen and (max-width:500px){
#sec01 article .thumb,
#sec01 #infoArea article .thumb{
    float:none;
    width:100%;
}

#sec01 article .txt,
#sec01 #infoArea article .txt {
    width:100%;
    margin-bottom:15px;
}

#sec01 h2{
	text-align:center;
}
}

/*----------------------------------------
news
----------------------------------------*/

.news-img{
	text-align:center;
	margin:0 0 20px 0;
}

.news-img img{
	max-width:100%;
	height:auto;
}

section article.column-block header{
	text-align:left;
    padding: 30px 0;
}

article.column-block time {
	color:#a00000;
}

article.column-block h3{
	font-size:1.3rem;
}

#sec01 .column-block{
	color:#000;
}

/*----------------------------------------
404
----------------------------------------*/

.notfound{
	color:#000;
	text-align:center;
	font-size:2rem;
	margin:0 0 80px 0;
}

/*----------------------------------------
sitemap
----------------------------------------*/
.sitemap-link{
	float:left;
	width:50%;
	margin:50px 0;
	color:#333;
}

.sitemap-link dt{
	font-weight:bold;
}

.sitemap-link.r{
	float:right;
}

.sitemap-link li{
	padding:5px 0;
}

.sitemap-link li a{
	text-decoration:underline;
}

.sitemap-link li a:hover{
	text-decoration:none;
}


/*----------------------------------------
contact
----------------------------------------*/

.contactform{
	color:#333;
}

.attention-area{
	background:rgba(255,255,255,0.6);
	padding:30px 2%;
	margin:50px 0;
}

.attention-area ul li{
	margin:20px 0 20px 1.2em;
	list-style:disc;
}

.contact-form{
	margin:0 0 50px 0;
}

.contact-form li{
	margin:0 0 20px 0;
	padding:5px 5%;
	overflow:hidden;
}

.contact-form label{
	float:left;
	width:20%;
	padding:0 0 0 2em;
}

.contact-form .wpcf7-list-item label{
	background:none;
	padding:0;
}

.contact-form label span{
	padding:0 0 0 10px;
}

.contact-form input,
.contact-form select{
	height:42px!important;
	color:#333;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border:1px solid #eee;
	background:#fff;
}

.contact-form .contact-choice input{
	height:32px!important;
	width:20px;
	cursor:pointer;
}

.form-r{
	display:block;
	margin:0 0 0 33%;
}

.contact-form textarea{
	height:302px!important;
	width:100%;
	color:#333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border:1px solid #eee;
	background:#fff;
}

.submit-btn{
	margin:30px 0 0 40%;
}

.contact-form input.wpcf7-submit,
.contact-form input.wpcf7-confirm,
.contact-form input.wpcf7-back{
	background:#333;
	height:42px!important;
	color:#fff;
	padding:10px 0;
	margin:0 2% 20px 2%;
	cursor:pointer;
	width:30%;
}

div.wpcf7-validation-errors,
div.wpcf7-mail-sent-ok{
	border:2px solid #de4949!important;
}

@media only screen and (max-width:500px){

.contact-form label{
	float:none;
	width:auto;
	padding:0;
}

.form-r{
	margin:0;
}

.contact-form input.wpcf7-submit,
.contact-form input.wpcf7-confirm,
.contact-form input.wpcf7-back{
	width:50%;
}

.submit-btn{
	margin:30px 0 0 0;
	text-align:center;
}

}