@charset "UTF-8";

/*
Theme Name: mytheme 6-7-2meetingplace
Theme URI: https://miyataonline.com
Author: Toshiyuki Miyata
Author URI: https://to.miyata.miyataonline
Description: 「mytheme 6-7-2」の子テーマ(Sea・Coco自治会館)
Template: mytheme 6-7-2
Version: 1.0
*/


/* ------------------- ヘッダー ------------------- */

/* サイト名 */

.site h1 a	{display: inline-block;
	padding: 10px;
	background-color: #006400;
	color: #ffffff;
	text-decoration: none}

.site h1	{margin: 0;
	font-family: 'Nunito Sans', sans-serif;
/*	font-family: 'Arial Black', sans-serif;*/
	font-size: 20px}
/*
@media (max-width: 599px)	{
	.site h1	{font-size: 14px;}}
*/

/* ヘッダー画像 */
.hero	{position: relative}

.hero-img	{width: 100%;
	height: 300px;
	margin: 20px 0 10px;
	background-color: #dddddd;
	background-size: cover;
	background-position: 50% 50%}

.hero-text	{position: absolute;
	top: 120px;
	right: 30px;
	color: #ffffff;
	font-size: 30px;
	font-family: 'Montserrat', sans-serif;
	text-shadow: 0 0 10px #000000}

@media (max-width: 599px)	{
	.hero-img	{height: 200px}

	.hero-text	{top: 100px;
		right: 10px;
		font-size: 18px;
		text-align: center}
}

/* サイドバーの横幅を調整 */

@media (min-width: 1040px) {
	/* コンテンツとサイドバーを横に並べる設定 */
	.container:after	{content: "";
		display: block;
		clear: both}

	.contents	{float: left;
		width: 100%;
		margin-right: -200px}

	.sub	{float: left;
		width: 200px}

	/* コンテンツとサイドバーの間隔 */
	.contents	{padding-right: 250px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box}
}

/* ボックスの上下の間隔を調整 */

.contents	{padding-top: 10px;
	padding-bottom: 10px}


/* 概要の調整 */
.gaiyou h1	{margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: lighter}

@media (max-width: 599px) {
	.gaiyou h1	{font-size: 16px;
		font-weight: lighter}
}


/* 記事の調整 */
.kiji:after	{content: "";
	display: block;
	clear: both}

.kiji h1	{margin-top: 0;
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: lighter;
	color: #006400;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	border-top: solid 2px #006400;
	border-bottom: solid 2px #006400;
}

@media (max-width: 599px) {
	.kiji h1	{font-size: 20px}

	.kiji p	{font-size: 14px}
}

/* 小見出し */
.kiji h2	{position: relative;
	margin-top: 30px;
	padding-left: 32px;
	padding-bottom: 0px;
	border-bottom: solid 1px #006400;
	font-size: 20px;
	font-weight: lighter;
	clear: both}

.kiji h2:before	{position: absolute;
	left: 0px;
	top: 3px;
	content: '\f14a';
	color: #006400;
	font-family: 'FontAwesome';
	font-size: 20px;
	line-height: 1}

.kiji h3	{margin-top: 25px;
	padding-left: 10px;
	border-left: solid 10px #006400;
	font-size: 18px;
	font-weight: lighter;
	clear: both}

@media (max-width: 599px) {
	.kiji h2	{padding-left: 21px;
		font-size: 16px}

	.kiji h2:before	{font-size: 18px}

	.kiji h3	{padding-left: 6px;
		font-size: 14px}
}

/*Contact Form 7カスタマイズ*/

/*全体*/
#inquiry{
	width:100%;
}

/*申請手順*/
#inquiry .caution{
 font-size:16px;
}
#inquiry .caution li a{
	text-decoration: none
}
#inquiry .caution li a:hover{
	background-color: #eeeeee;
	text-decoration: underline
}
/*注意書き*/
#inquiry .caution .attention{
	font-size: 16px;
}
/*表組み*/
#inquiry th,#inquiry td {
    border: solid 1px #d7d7d7;  /* 枠線指定 */
    padding: 5px;      /* 余白指定 */
	font-size:16px;
}
#inquiry th{
	width:12em;
	height:1.0em;
	background-color:#dcdcdc;
	text-align:left;
	font-weight:normal;
}

/*必須と任意*/
#inquiry .haveto{
	font-size:12px;
	font-weight:bold;
	padding:5px;
	background:#ff9393;
	color:#fff;
	border-radius:5px;
	margin-right:5px;
	position:relative;
	bottom:1px;
}
#inquiry .any{
	font-size:12px;
	font-weight:bold;
	padding:5px;
	background:#93c9ff;
	color:#fff;
	border-radius:5px;
	margin-right:5px;
	position:relative;
	bottom:1px;
}

/*フォーム*/
/*入力ボックス*/
#inquiry input[type="text"],
#inquiry input[type="email"],
#inquiry input[type="tel"],
#inquiry input[type="date"],
#inquiry select,#inquiry textarea{
	background-color: #fff;
	color: #333;
	border: 1px solid #ddd;
	font-size: 100%;
	padding: 5px;
	border-radius: 4px;
	box-shadow: 1px 1px 3px rgba(0,0,0,.1) inset;
}

/*textarea追加*/
#inquiry .sentence{
	width:100%;
	box-sizing: border-box;
	height: 6em;
	line-height: 150%;
}

/*入力幅*/
#inquiry .long{
	width:100%;
	box-sizing: border-box;
}
#inquiry .middle{
	width:50%;
	box-sizing: border-box;
}
#inquiry .short{
	width:25%;
	box-sizing: border-box;
}

/*ラジオボタンを縦並び指定*/
#inquiry .verticallist .wpcf7-list-item{
 display:block;
}

/*送信ボタンのデザイン変更*/
#inquiry .caution #formbtn{
 display: block;
 padding:15px;
 width:350px;
/* background:#ffaa56;*/
 background:#006400;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:2px;
 margin:25px auto 0;
}
/*送信ボタンマウスホバー時*/
#inquiry .caution #formbtn:hover{
 background:#fff;
/* color:#ffaa56;
 border:2px solid #ffaa56;*/
 color:#006400;
 border:2px solid #006400;
}


/*【レスポンシブ設定】*/
@media(max-width:599px){
#inquiry th,#inquiry td{
 display:block!important;
 width:100%!important;
 font-size:13px!important;
 padding:5px!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
}

#inquiry th{
	height:2.25em;	
}

#inquiry .caution{
 font-size:13px!important;
}

/*注意書き*/
#inquiry .caution .attention{
	font-size: 13px!important;
}
/* 必須・任意のサイズ調整 */	
#inquiry .haveto,.caution li .haveto,#inquiry .any {	
font-size:8px;
}}


/* 管理規程 */

#rules #head p {
	font-weight: normal;
	font-size: 16px;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 20px;
}
#rules {
	width: 100%;
	margin: 10px;
	margin-left: auto;
	margin-right: auto;
}
#rules .rules01, #rules .rules02, #rules .rules03, #rules .rules04, #rules .rules05, #rules .rules06 {
	font-weight: normal;
	font-size: 14px;
	line-height: 1.5em;
}
#rules .rules01 {
	text-align: start;
	margin-top: 1.5em;
}
#rules .rules02 {
	padding-right: 1em;
	float: left;
}
#rules .rules03 {
	margin-left: 3em;
}
#rules .rules04 {
	text-align: right;
	clear: both;
}
#rules .rules05 {
	margin-left: 1em;
	padding-right: 0.5em;
	float: left;
}
#rules .rules06 {
	margin-left: 3em;
}
@media(max-width:599px) {
#rules #head p {
	font-weight: normal;
	font-size: 13px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
}
#rules .rules01, #rules .rules02, #rules .rules03, #rules .rules04, #rules .rules05, #rules .rules06 {
	font-weight: normal;
	font-size: 11px;
	line-height: 1.5em;
}
}

/* 使用ガイドライン */

div#guidelines{
	width:100%;
	margin:10px;
	margin-left:auto;
	margin-right:auto;
}
#guidelines #head p{
	font-weight: normal;
	font-size: 16px;
	text-align: center;
	margin-top:20px;
	margin-bottom:20px;
}
.guidelines01, .guidelines02, .guidelines03,.guidelines04,.guidelines05,.guidelines06{
	font-weight: normal;
	font-size: 14px;
	line-height:1.5em;
}

.guidelines01{
	text-align:start;
	margin-top:1.5em;
}
.guidelines02{
	padding-right:1em;
	float:left;
}
.guidelines03{
	margin-left:1em;
}
.guidelines04{
	text-align:right;
	float:clear;
}
.guidelines05{
	margin-left:1em;
	padding-right:0.5em;
	float:left;
}
.guidelines06{
	margin-left:3em;
}
@media(max-width:599px){
#guidelines #head p{
	font-weight: normal;
	font-size: 13px;
	text-align: center;
	margin-top:20px;
	margin-bottom:10px;
}
.guidelines01, .guidelines02, .guidelines03,.guidelines04,.guidelines05,.guidelines06{
	font-weight: normal;
	font-size: 11px;
	line-height:1.5em;
}
}