@charset "utf-8";
/* CSS Document */
/*
Theme Name: FAM-ORIGINAL
Description: オリジナルテーマ
Version: 1.1
Author: RYUJI KIRA
*/

@import url('https://fonts.googleapis.com/css?family=Lato:400,700|Noto+Sans+JP:400,700');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:500&display=swap');
@import url('https://fonts.googleapis.com/css?family=Oswald:400&display=swap');

/* CLEAR FIX */
.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;}

/* BOXSIZING */
.boxSizing { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

/* OTHER-STYLING */
.sp{display:none;}
.big{font-size:1.4em;}
.small{font-size:0.6em;}
.bg-brack{display:inline-block; background:#000; padding:10px 15px; font-size:0.8em; color:#FFF; margin-right:10px; vertical-align: super; margin:10px 0;}
.bg-glay{ display: block; background: #F5F3F2;  padding: 20px;}
.arrow-down{ margin-bottom: 30px; font-size: 3em;}
.mb0{margin-bottom:0 !important;}
.mb10{margin-bottom:10px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}

/* =======PRUGIN SETTINGS======= */
/* BLOCK LINK */
.box-link{cursor:pointer;}
.box-link,
.box-link::before,
.box-link::after {-webkit-transition: all .3s;transition: all .3s;}
.box-link:hover{background:#f9f9f9;}

/* GMAPS */
/* PAGE TOP */
/* ぱんくず */
/* CALENDER */

/* =======WP PAGENAVI SETTINGS======= */

/* =======WP CONTACT FORM7 SETTINGS======= */
.wpcf7 input,select,textarea{  border: 1px #CCC solid; padding:10px; margin:10px 0; }
.wpcf7-not-valid-tip{color:#f782b8 !important; font-size:0.9em !important; }
.wpcf7-submit{text-align:center; background: #1d891a; padding: 20px 100px !important; color: #FFF; border-radius: 5px; cursor: pointer;}
.wpcf7-validation-errors{border: 2px solid #EEE !important; font-size:0.9em !important; color:#666 !important; padding:10px !important;}
div.wpcf7 .ajax-loader{display: block !important; margin: 0 auto!important;}

/* =======WP POPULARPOST SETTINGS======= */

/* ======= BASIC ======= */
html,body { height: 100%; width: 100%; min-width: 1100px;}
body{font-family: Lato, 'Noto Sans JP', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#333; font-size: 0.9em; letter-spacing:0.1em;}
.notpage{font-size:3vh;color:#222;}
/**** 見出し ****/
a{color:#000;}
a:hover{color:#CCC;}

/* ======= HEADER ======= */
header{width: 100%; padding: 10px 50px; box-sizing: border-box;}
header h1 img{}

/* ======= FOOTER ======= */
footer{width:100%;  bottom: 0;}

#foot-inr {background: #FFF; text-align: center; padding: 20px;	color: #333;}
#foot-inr h1 img{margin-bottom:10px}
#foot-inr p{font-size:12px;}

#foot-menu {text-align:left; background:#EEE; padding:10px; font-size: 12px;}
#foot-menu ul li{display:inline-block;}
#foot-menu ul li a{text-decoration:none;}

/* ======= PAGES ======= */
/* BASIC */
#page-box{ background: #F5F5F5; padding-bottom: 100px; padding-top: 100px;}
#page-inr{width:1100px; margin:0 auto; background:#FFF; box-sizing: border-box; padding: 50px; box-sizing:border-box;}
#page-inr h2{border-left: 3px solid #c29670; font-size: 2em; margin-bottom: 30px; text-indent: 30px;}
#page-inr h3{font-size: 1.2em; margin-bottom: 10px; font-weight: 900;}
#page-inr p{margin-bottom:20px; text-align: justify;}
#page-inr table{ margin-bottom: 30px; width: 100%;}
#page-inr table tr{}
#page-inr table th span {display: inline-block; background: #f782b8; color: #FFF; padding: 2px 5px; font-size: 12px; margin-right: 10px;}
#page-inr table th{border: 1px solid #EEE; background: #f5f5f5; padding: 10px; white-space: nowrap;}
#page-inr table td{border: 1px solid #EEE; padding: 10px; }

/* TOP */
#top-box{}
.top-inr {margin-bottom: 30px;}
.top-inr img{width: 100%; height: auto;}

.teaser{height: 100%;  width: 100%; margin: 0 auto 50px; position: relative;}
.teaser-inr img{width: 100%; height: auto;}

.teaser-box{ position: absolute; top: 50%; left: 50%; color: #FFF; text-align:center;  transform: translateY(-50%) translateX(-50%);}
.teaser-box a{background: #1d891a; text-decoration: none; padding: 20px 100px; color: #FFF; border-radius: 5px; font-size: 3em; font-weight: bold;}
.teaser-box a:hover{ background: #55a253;}

/* CONTACT */

#contact-inr{width:1100px; margin:0 auto;margin-top:-100px;}
#contact-inr h2{text-align: center; padding: 50px 0;}

#contact-form{ background:#FFF;}
#contact-form h3{background: #FF6699; text-align: center; color: #FFF; padding: 20px; font-size: 1.5vw; letter-spacing: 0.2em; font-weight: 600;}
.form {padding: 50px;box-sizing: border-box;}
.form table{ width:100%; margin-bottom: 30px;}
.form table tr{}
.form table th span {display: inline-block; background: #f782b8; color: #FFF; padding: 2px 5px; font-size: 12px; margin-right: 10px;}
.form table th{border: 1px solid #EEE; background: #f5f5f5; padding: 10px; white-space: nowrap;}
.form table td{border: 1px solid #EEE; padding: 10px; }
.submit-btn{text-align:center; }
.scroll{border: 1px solid #EEE; padding: 30px; height: 150px; overflow-y: scroll; margin-top: 30px;}
#contact-form h4{text-align: center; color: #000; padding: 20px; font-size: 1.6vw; letter-spacing: 0.1em; font-weight: 200;}
/* THANKS */
#thanks-box{ position: relative; overflow: hidden;}
.left {width: 50%; margin-bottom: 250px;}
.left h2 {text-align: right; font-size: 5vw; line-height: 0.8em; font-family: 'Oswald', sans-serif;}
.left img {max-width: 100%;}
.right {width: 60%; position: absolute; top: 15px; right: 0; box-sizing: border-box;}

.message-box {font-size: 1.5vw; font-weight: bold; color: #c29670; margin-bottom: 40px; background: #F5f5f5; padding: 35px 50px 35px 25%; position: relative;
    z-index: -10;}
.coordinator-box {padding: 0 0 0 25%;}
.coordinator-box h3 {border: 1px solid #EEE; display: inline-block; padding: 10px 30px;}
.coordinator { margin-top: 30px; padding: 0 30px 0 0;}
.coordinator-right{ width:48%; display:inline-block;}
.coordinator-left {width: 45%; margin-right: 3%; display: inline-block; vertical-align: top;}
.coordinator-left img {max-width: 100%;}
.coordinator h4 {font-size: 1vw; font-weight: bold; margin-bottom: 10px;}
.coordinator p{font-size: 12px; margin-bottom: 15px;}
.coordinator h5{background: #c29670; padding: 20px; color: #FFF; text-align: center;}

.link-btn {margin-top: 20px;}
.link-btn ul li a {text-decoration: none; display: block; background: #41b263; margin-bottom: 5px; padding: 10px 20px; color: #FFF; border-radius: 5px; box-sizing: border-box;}
.link-btn ul li a:hover{background: #CCC; color: #333;}

/* ======= SIDEBAR ======= */
/* ======= CATEGORY ======= */
/* ======= SINGLE PAGE ======= */

@media screen and (max-width: 1024px) {
 /*　for iphone 　*/
html,body { height: 100%; width: 100%; min-width: 100%;}
.sp{display:block;}
.pc{display:none;}
.sp-none{display:none;}
	
/* ======= HEADER ======= */
header{ padding:10px; text-align: center;}
header h1 img{width: 150px;}

/* ======= FOOTER ======= */
footer{position: unset;}
#foot-inr h1 img{width: 150px;}
#foot-inr p{font-size:10px;}
#foot-menu {text-align: center; font-size: 10px;}
	
/* BASIC */
#page-box { padding-bottom: 50px; padding-top: 50px;}
#page-inr{width:90%; padding: 15px;}
#page-inr h2{border-left: 3px solid #c29670; font-size: 1.2em; margin-bottom: 30px; text-indent: 30px;}
#page-inr h3{font-size: 1em; margin-bottom: 10px; font-weight: 900;}
#page-inr p{font-size: 0.8em; margin-bottom:20px;}
#page-inr table{font-size: 0.8em;}
#page-inr table tr{}
#page-inr table th{display:block;}
#page-inr table td{display:block;}
	
/* TOP */
#top-box{}
.teaser-box {width:100%;}
.teaser-box a {padding: 10px 30px; font-size: 2em;}
.top-inr {margin-bottom: 0;}

	
/* CONTACT */

#contact-inr{width: 100%;margin-top:0;}
#contact-inr h2{text-align: center; padding: 0 0 30px 0;}
	#contact-inr h2 img{width:90%;}
	
#contact-form {width: 90%; margin: 0 auto;}
	#contact-form h3{font-size: 5vw;}
	.form {padding:20px 0;}
	.form table {margin-bottom: 30px; width: 90%; margin: 0 auto;}
	.form table th{display: block;}
	.form table td{display: block;}	
	
.scroll { padding: 10px; box-sizing: border-box; width: 90%; margin: 0 auto; font-size: 0.8em;}

/* THANKS */
.left {width: 100%; margin-bottom: 0;}
.left h2 {font-size: 2em; text-align: left;}
.left img {}
.right {width: 100%; position:relative; top: 0; right: 0; z-index: 0;}
	.message-box {font-size: 0.8em; margin-bottom: 30px; padding: 10px; text-align:center;}
.coordinator-box {padding: 10px;}
.coordinator-box h3 {display: block; padding: 10px 30px; text-align:center;}
.coordinator { margin-top: 10px; margin-bottom: 20px; padding: 0 0 0 0;}
.coordinator-right{ width:100%; display:block;}
.coordinator-left {width: 100%; margin-right: 0; display: block; }
.coordinator-left img {max-width: 100%; margin-bottom: 20px;}
.coordinator h4 {font-size: 1em;}
.coordinator p{font-size: 12px; margin-bottom: 15px;}
.coordinator h5{background: #c29670; padding: 20px; color: #FFF; text-align: center;}
	
/* =======WP CONTACT FORM7 SETTINGS======= */
	.wpcf7 select, textarea{width:100%;}
	.wpcf7-select{width:100%; box-sizing: border-box;}
	.wpcf7-text{width:100%; box-sizing: border-box;}
	span.wpcf7-list-item {display: block !important;}
	.wpcf7-submit { padding: 20px 50px !important;}
	span.wpcf7-not-valid-tip,
.wpcf7-response-output {
	display: none !important;
}

.wpcf7 .wpcf7-not-valid {
    background: pink !important;
}	
.wpcf7 .wpcf7-response-output {
    margin: 10px 0 0;
    padding: 8px 35px 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
    .wpcf7 .wpcf7-validation-errors {
        color: #B94A48;
        background-color: #F2DEDE !important;
        border: 1px solid #EED3D7;
    }
    .wpcf7 .wpcf7-mail-sent-ok {
        color: #3A87AD;
        background-color: #D9EDF7;
        border: 1px solid #BCE8F1;
    }	
}