@charset "UTF-8";

/*  
Theme Name: zentsujiyeg-new
Description: 善通寺商工会議所 青年部オリジナルテーマ
Version: 1.0
Author: Tetsuya Hirata
Author URI: http://zentsuji-yeg.com
*/

/***************************************************

 スタイル初期化

***************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, blockquote, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}

body {line-height: 1;}

blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {
    content:'';
    content:none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

input, select {
	vertical-align: middle;
}

ul{
	list-style: none;
}

/* html5 */
article, aside, details, figcaption, figure, footer, header, menu, nav, section {
	display: block;
}
nav+section {
	overflow: hidden;
	clear: none;
}

/***************************************************

 一般設定　　　 　　　　　　　　　　　　　　　　　　

***************************************************/

body {
	color: #666;
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: none;
	font-size: 14px;
	line-height: 1.6;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
html, body, #wrap {
	height: 100%;
	min-height: 100%;
}

/* anchor */
a:link, a:visited {
	color: #666;
	text-decoration: underline;
	-webkit-transition-property: background, padding;
	-moz-transition-property: background, padding;
	transition-property: background, padding;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
a:hover { color: #000; text-decoration: none; }

/* img */
img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;	
}
/* ie 8 img max-width */
@media \0screen {
	img {width: auto;}
}
/* easy_map_creator表示バグ対策 */
div.easy_map_creator img {
	max-width: none;
}

/* set hover effect */
a img {
	opacity: 1;
	-webkit-transition: .2s linear;
	-moz-transition: .2s linear;
	transition: .2s linear;
}
a:hover img {
	opacity: .5;
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
}

/* form input */
input, textarea, select, input[type="search"], button {
	margin: 0;
	font-size: 100%;
	font-family: inherit;
	vertical-align: middle;
}
input[type="text"], input[type="email"], input[type="password"], input[type="search"], textarea {
	background: #ffe;
	border: solid 1px #e1ddcc;
	padding: 5px;
	-webkit-appearance: none;
}

/* form input:focus */
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus {
	outline: none;
	background: #fff;
}

/* form button */
input[type="reset"], input[type="submit"], button {
	background: #e38595;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	display: block;
	cursor: pointer;
	padding: 10px 20px;
	margin: 0 auto;
	border: 0;
	border-radius: 3px;
	min-width: 190px;
}
/* form button:hover */
input[type="reset"]:hover, input[type="submit"]:hover, button:hover {
	background-color: #db405b;
}

#content section {margin-bottom: 20px;}
#content section section {margin-bottom: 20px;}


/***************************************************

 配置・フロート解除

***************************************************/

.clear{ clear: both; }

/* clearfix */
.clearfix:before, #main-nav:before, #pagenav:before, #navigation:before, .innerBox:before, .info-list:before, .info-list-box:before, .entry-content:before, #footer-guide:before, #content-guide:before, .layout-frame:before,
.clearfix:after, #main-nav:after, #pagenav:after, #navigation:after, .innerBox:after, .info-list:after, .info-list-box:after, .entry-content:after, #footer-guide:after, #content-guide:after, .layout-frame:after {
	content:"";
	display:table;
}
.clearfix:after, #main-nav:after, #pagenav:after, #navigation:after, .innerBox:after, .info-list:after, .info-list-box:after, .entry-content:after, #footer-guide:after, #content-guide:after, .layout-frame:after {
	clear:both;
}
.clearfix, #main-nav, #pagenav, #navigation, .innerBox, .info-list, .info-list-box, .entry-content, #footer-guide, #content-guide, .layout-frame {
	*zoom:1;
}

/*************************************

 ウィジェット

*************************************/

/* side-widget */
.side-widget {
	margin-bottom: 20px;
}

/* page-widget */
.page-widget {
	margin-bottom: 20px;
}

/* footer-widget */
#footer-guide {
	color: #633;
	background: #edd;
	width: 898px;
	margin: 30px auto;
	border: 1px solid #c99;
	padding: 20px;
}
.footer-widget {
	width: 286px;
	float: left;
	margin-right: 20px;
}
.footer-widget:last-child {
	margin-right: 0;
}
.footer-widget h3 {
	color: #fff;
	background: #f90;
	padding: 5px 10px;
	margin-bottom: 10px;
}

/***************************************************

 レイアウト

----------------------------------------------------
 header（ヘッダー）
----------------------------------------------------
 gmenu（グローバルナビゲーション）
----------------------------------------------------
 pan-list（パン屑リスト）
----------------------------------------------------
 container（コンテナ）
----------------------------------------------------
 footer-section（フッターセクション）
----------------------------------------------------

***************************************************/

/*--------------------------------------------------
 header（ヘッダー）
--------------------------------------------------*/
#header {
	padding: 0;
	margin: 0;
}

/* header-top */
#header-top {
	background: #ffc;
	color: #666;
	font-size: 12px;
	padding: 5px 0;
}

/* site-description */
#header-top .catch h1,
#header-top .catch h2,
#header-top .catch p {
	font-size: 12px;
	font-weight: normal;
	display: inline;
}

/* header-inner */
#header-inner {
	background: url(img/img-header-bg.png) no-repeat;
	padding: 10px 0;
}
/* site-logo */
#site-logo {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.0;
	float: left;
	padding: 0;
	margin: 0;
}
#site-logo a {
	text-decoration: none;
}
#site-logo a:hover {
	text-decoration: none;
}

/* contact */
/* contact */
#contact {
	float: right;
	font-size: 16px;
	display: inline-block;
}
#contact h3{ font-weight:normal }
#contact .tel{
	color: #e38595;
	font-size: 24px;
	font-weight: bold;
}
#contact .mail{ font-size:18px; color:#b498de; margin-left:10px; }
#contact .mail a{ color:#b498de; }

/*--------------------------------------------------
 gmenu（グローバルナビゲーション）
--------------------------------------------------*/
#gmenu {
	background: #b498de url(img/gradient.png) center no-repeat;
	clear: both;
	position: relative;
	box-shadow:0 2px 3px rgba(0, 0, 0, .25)
}

#gmenu ul{
	width: 980px;
	margin:0 auto;
}

/* 親メニュー */
#gmenu li {
	width: 16.666666%;
	text-align: center;
	float: left;
	list-style: none;
}
#gmenu li a {
	color: #fff;
	font-size: 14px;
	display: block;
	padding: 14px 0;
	text-decoration: none;
}

#gmenu li.current-menu-item a,
#gmenu li.current_page_item a,
#gmenu li.current-menu-ancestor a,
#gmenu li.current_page_ancestor a,
#gmenu li a:hover { color: #fdd;}

/* 子メニュー */
#gmenu .menu li ul {
	display: none;
	margin: 0;
	padding: 0;
	width:auto;
}
#gmenu .menu li:hover ul {
	background: #fff;
	border-top: 1px solid #ccc;
	box-shadow: 1px 1px 3px rgba(0,0,0,.2);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
	display: block;
	opacity: 0.95;
	position: absolute;
	z-index: 100;
}
#gmenu .menu li:hover li {
	border-bottom: 1px solid #e5e5e5;
	position: relative;
	width: 200px;
float: none;
}
#gmenu .menu li:hover li a {
	background: #fff;
	border-right: none;
	color: #444;
	font-weight: normal;
	text-align: left;
	text-shadow: none;
	filter: none;
padding: 10px;
}
#gmenu .menu li:hover li a:hover {
	background-color: #f5f5f5;
	filter: none;
}

/* 孫メニュー */
#gmenu .menu li:hover ul li:hover ul,
#gmenu .menu li:hover ul li:hover ul li {
	display: block;
}
#gmenu .menu li:hover ul li:hover ul {
	border-top: 1px solid #ccc;
}
#gmenu .menu li:hover ul li ul,
#gmenu .menu li:hover ul li ul li {
	display: none;
}
#gmenu .menu li:hover ul li:hover ul {
	position: absolute;
	left: 200px;
	top: 10px;
	border-top: none;
}

/*--------------------------------------------------
 top-image（トップイメージ）
--------------------------------------------------*/
/* top-image-frame */
#top-image-frame {
	width: 100%;
	position: relative;
	height: auto;
	display: block;
	margin: 20px 0 30px;
}
/* WP Slider デフォルトスタイル無効化 */
.flexslider {
	margin: 0 !important;
	border: none !important;
	border-radius: none !important;
	-webkit-border-radius: none !important;
	-moz-border-radius: none !important;
	-o-border-radius: none !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	-o-box-shadow: none !important;
}

/*--------------------------------------------------
 pan-list（パン屑リスト）
--------------------------------------------------*/

/* breadcrumbs */
#breadcrumbs {
	font-size: 11px;
	list-style: none;
	padding: 0;
	margin: 20px auto;
}
#breadcrumbs li {
	display: inline-block;
	margin-right: 5px;
	padding: 0;
}

/*--------------------------------------------------
 container（コンテナ）
--------------------------------------------------*/
#container {
	width: 980px;
	margin: 0 auto;
}

/* content */
#content {
	float: right;
	width: 720px;
}

/* heading */
#content h1 {font-size: 18px;}
#content h2 {font-size: 18px; margin:40px 0 0; padding-bottom:4px; border-bottom:1px solid #e38595; }
#content h3 {font-size: 16px; margin:40px 0 0;}
#content h4 {font-size: 16px; margin:20px 0 0;}

/* paragraph */
#content p { margin-top: 20px; }

/* side */
#side {
	width: 230px;
	float: left;
}

/* ul（第1階層） */
#side ul {
	margin: -5px 0 20px;
	padding: 0;
}
#side ul li {
	border-bottom: 1px dashed #ccc;
	list-style: none;
	padding: 0;
	margin: 0;
}
#side ul li a {
	background: url(img/icon-arrow-s.png) no-repeat 5px center;
	color: #777;
	text-decoration: none !important;
	display: block;
	padding: 8px 0 8px 18px;
	margin: 0;
	-webkit-transition-property: background, padding;
	-moz-transition-property: background, padding;
	transition-property: background, padding;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
#side ul li a span {
	color: #999;
	font-size: 11px;
}
#side ul a:hover,
#side ul .current-menu-item a {
	color: #000;
	background: url(img/icon-arrow-s.png) no-repeat 12px center;
	padding: 8px 0 8px 21px;
}

/* ul（第2階層） */
#side li ul {
	margin: 0;
}
#side li ul li {
	border-bottom: none;
	border-top: 1px solid #eee;
}
#side li ul li a {
	font-size: 75%;
	background: #fff;
	display: block;
	padding: 11px 10px 9px 22px;
}
#side li ul li a:hover,
#side li ul li.current-menu-item a {
	background: #f5f5f5;
}

/* ul（第3階層） */
#side li ul li.current-menu-item ul a {
	background: #fff;
}
#side li ul ul li {
	border-bottom: none;
	border-top: 1px solid #eee;
}
#side li ul ul li a {
	padding: 11px 10px 9px 34px;
}
#side li ul ul li a:hover,
#side li ul ul li.current-menu-item a {
	background: #f5f5f5;
}


/*--------------------------------------------------
 footer
--------------------------------------------------*/

/* page-top */
.pagetop{
	width: 980px;
	margin: 20px auto 0;
	text-align: right;
}

a#pagetop {
	background: url(img/icon-arrow-up.png) no-repeat left center;
	font-size: 12px;
	padding-left: 10px;
	text-decoration: none;
}
a#pagetop:hover {
	background: url(img/icon-arrow-up.png) no-repeat left 0px;
}

/* footer-wrap */
.footer-wrap {
	background:#eee;
	margin-top: 10px;
	padding:40px 0;
	overflow: hidden;
}

/* footer cominfo */
.footer-cominfo{
	width: 440px;
	float: left;
}

/* footer nav */
footer nav {
	float: left;
	width: 500px;
	margin: 0;
	padding: 0;
	font-size: 0;
}
footer nav div{
	float: left;
	width: 219px;
	padding-left: 30px;
	border-left: 1px solid #d5d5d5;
}
footer nav li {
	list-style: none;
	display: block;
	margin: 0;
	padding: 5px 0;
	font-size: 14px;
}
footer nav li a {
	background: url(img/icon-arrow-s.png) no-repeat 5px center;
	padding: 0 15px;
	text-decoration: none !important;
}
footer nav li a:hover {
	background: url(img/icon-arrow-s.png) no-repeat 9px center;
	color: #000;
}

/* copy */
.copy {
	background: #333;
	color: #ccc;
	padding: 10px 0;
	font-size: 12px;
	text-align: center;
}

/*************************************

 トップページ

*************************************/

/* bnr-area */
.bnr-area li{
	margin-top: 15px;
}

/* greetings */
.greetings { margin-bottom: 30px; }
.greetings p { padding: 0 .5em; }

/* guide */
.guide {
	font-size: 16px;
	border: 2px solid #b498de;
	padding: 10px;
	border-radius: 5px;
	letter-spacing: 1px;
}
.guide .tel {
	color: #b498de;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
}

/* top-info */
.top-info li {
	list-style: none;
}

/*************************************

 アーカイブ

*************************************/

#content .top-info-list{
	padding:10px 20px;
	border:1px solid #b498de;
	border-top:none;
}

#content .top-info-list dl {
	padding:10px 0;
	border-bottom: 1px solid #ddd;
}
#content .top-info-list dl:last-child{ border:none; }

#content .top-info-list dt { float:left; width:130px; }

#content .top-info-list dd { padding-left:130px; }

#content article .info-list-box {
	border-bottom: none;
	padding: 0;
}

.info-list-box .entry-meta { margin-top:0 !important; }
.info-list-box .entry-title { margin-top:5px !important; }
.info-list-box .more { text-align: right; }
.info-list-box .more a {
	background: url(img/icon-arrow-s.png) no-repeat 5px center;
	color: #777;
	text-decoration: none !important;
	padding: 0 0 0 18px;
	-webkit-transition-property: background, padding;
	-moz-transition-property: background, padding;
	transition-property: background, padding;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.info-list-box .more a:hover {
	color: #000;
	background-position: 10px;
}

/* pagenav */
#pagenav {clear: both;}
#pagenav .number {
	padding: 7px 10px;
	margin-right: 5px;
	display: block;
	float: left;
	text-align: center;
	border: 1px solid #666;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#pagenav a {
	background: #fff;
	text-decoration: none;
	-webkit-transition-property: background, box-shadow;
	-moz-transition-property: background, box-shadow;
	transition-property: background, box-shadow;
	-webkit-transition-duration: 0.1s;
	-moz-transition-duration: 0.1s;
	transition-duration: 0.1s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	box-shadow: 0 1px 1px rgba(0,0,0,0.15), inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 -2px 10px rgba(0,0,0,0.05);
}
#pagenav a:hover {
	color: #000;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2), inset 0 0px 2px rgba(0,0,0,0.1);
}
#pagenav .current,
#pagenav a:active {
	box-shadow: 0 1px 0 rgba(255,255,255,1), inset 0 1px 0px rgba(0,0,0,0.2);
}

/*************************************

 単一投稿記事

*************************************/

/* post */
#content article {
	display: block;
	padding: 30px;
	margin-top: 30px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 2px;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}

#content .entry-mata {
	margin: 5px 0 15px;
	font-size: 11px;
}
#content .entry-content {
	display: block;
	overflow: hidden;
}

/* navigation */
#navigation {
	margin: 0 0 20px;
	font-size: 11px;
	line-height: 100%;
	text-align: center;
	clear: both;
}
#navigation a {
	padding: 10px 15px;
	background: #fff;
	text-decoration: none;
	border: 1px solid #666;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-transition-property: background, box-shadow;
	-moz-transition-property: background, box-shadow;
	transition-property: background, box-shadow;
	-webkit-transition-duration: 0.1s;
	-moz-transition-duration: 0.1s;
	transition-duration: 0.1s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	box-shadow: 0 1px 1px rgba(0,0,0,0.15), inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 -2px 10px rgba(0,0,0,0.05);
}
#navigation div.prev a {
	background: url(img/icon-arrow-s-l.png) 15% center no-repeat;
	padding-left: 25px;
	float: left;
}
#navigation div.next a {
	background: url(img/icon-arrow-s.png) 85% center no-repeat;
	padding-right: 25px;
	float: right;
}
#navigation .prev a:hover {background-position: 10% center;}
#navigation .next a:hover {background-position: 90% center;}

/*************************************

 コメント欄

*************************************/

/* commentwrap */
.commentwrap {
	margin-bottom: 30px;
	position: relative;
	clear: both;
}

/* comment pagenav */
.commentwrap .pagenav {
	margin: 10px 0;
}
.commentwrap .pagenav.top {
	margin: 0;
	position: absolute;
	top: 10px;
	right: 0;
}

/* commentlist */
.commentlist {
	margin: 0 0 30px;
	border-top: solid 1px #ddd;
}
.commentlist li {
	margin: 0;
	padding: 15px 0;
	list-style: none;
	position: relative;
}
.commentlist .avatar {
	float: left;
	margin: 0 15px 0 0;
}
.commentlist cite {
	font-style: normal;
	font-size: 130%;
}
.commentlist cite a {
	text-decoration: none;
}
.commentlist .bypostauthor > .comment-author cite {
	background: url(images/icon-author-comment.png) no-repeat 0 2px;
}
.commentlist .comment-time {
	font-size: 75%;
	text-transform: uppercase;
}
.commentlist .commententry {
	border-bottom: solid 1px #ddd;
	position: relative;
	min-height: 40px;
	overflow: hidden;
	word-wrap: break-word;
}
.commentlist ul, .commentlist ol {
	margin: 0 0 0 7%;
	padding: 0;
}

/* reply link */
.commentlist .reply {
	position: absolute;
	right: 0;
	top: 8px;
}
.commentlist .comment-reply-link {
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
}
.commentlist .comment-reply-link:hover {
	text-decoration: none;
}

/* respond */
#respond {
	position: relative;
	clear: both;
}
#respond #cancel-comment-reply-link {
	position: absolute;
	top: 20px;
	right: 0;
	font-size: 85%;
	line-height: 100%;
	text-decoration: none;
	padding: 5px 10px;
	display: block;
	color: #fff;
	background: #f30;
}
#respond #cancel-comment-reply-link:hover {
	background: #333;
}

/* commentform */
#commentform {
	margin: 15px 0 0;
}
#commentform input[type=text] {
	max-width: 50%;
	margin-right: 15px;
}
#commentform label {
	cursor: pointer;
	font-weight: bold;
}
#commentform label small {
	font-weight: normal;
}
#commentform textarea {
	width: 98%;
	height: auto;
}

/***************************************************

 その他スタイル

***************************************************/

/*--------------------------------------------------
 テーブル
--------------------------------------------------*/
table{
	border-collapse:collapse;
	border:1px solid #ddd;
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin:20px 0 0;
}

table th,
table td{
	padding:10px;
	vertical-align:middle;
	border:1px solid #ddd;
	background:#fff;
}

table th{
	background:#fafafa;
	font-weight:normal;
	text-align:left;
}

table thead th,
th.head {
	background:#eee;
	text-align:center;
}

/*--------------------------------------------------
 contact form7
--------------------------------------------------*/
/* sup */
.wpcf7 sup {
	color: #f00;
}

/* 入力漏れ */
span.wpcf7-not-valid-tip {
	color: #c00;
	background: #fee !important;
	border: 1px solid #c00 !important;
	font-size: 12px !important;
	max-width: 240px;
	padding: 5px !important;
}

/* エラー */
div.wpcf7-validation-errors {
	color: #c00;
	font-weight: bold;
	background: #fee !important;
	border: 2px solid #c00 !important;
}
div.wpcf7-response-output {
	margin: 10px 0 !important;
	padding: 10px !important;
}

/* 送信OK */
div.wpcf7-mail-sent-ok {
	color: #369;
	font-weight: bold;
	background: #ecf5ff; !important;
	border: 2px solid #369 !important;
}


/*--------------------------------------------------
 WP Slider デフォルトスタイル無効化
--------------------------------------------------*/
.flexslider {
	margin: 0 !important;
	border: none !important;
	border-radius: none !important;
	-webkit-border-radius: none !important;
	-moz-border-radius: none !important;
	-o-border-radius: none !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	-o-box-shadow: none !important;
}


/*--------------------------------------------------
 ソーシャルボタン
--------------------------------------------------*/
#social-set {
	margin-bottom: 15px;
}
#social-set ul {
	padding: 0;
}
#social-set li {
	float: left;
	margin-right: 15px;
	list-style: none;
}


/*--------------------------------------------------
 facebook Like Box
--------------------------------------------------*/
.fb-like-box,
.fb-like-box span,
.fb-like-box iframe {
	width: 100% !important;
}



/***************************************************

 汎用スタイル

***************************************************/

.spview{ display:none; }

a.telephone,
a.telephone:active{
	color:#666;
	text-decoration:none;
	cursor:default;
}

/* マージン */
.mt0  {margin-top: 0 !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mb0  {margin-bottom: 0 !important;}
.mb5 {margin-bottom: 5px !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;}

/* Webフォント */
@font-face{
    font-family:"あおぞら明朝 Bold";
    src:local("あおぞら明朝 Bold"), url("fonts/AozoraMincho-bold.ttf") format("truetype"), local("IPA P明朝");
}
@font-face{
    font-family:"あおぞら明朝 Medium";
    src:local("あおぞら明朝 Medium"), url("fonts/AozoraMinchoMedium.ttf") format("truetype"), local("IPA P明朝");
}
@font-face{
    font-family:"あおぞら明朝 Regular";
    src:local("あおぞら明朝 Regular"), url("fonts/AozoraMinchoRegular.ttf") format("truetype"), local("IPA P明朝");
}

.min-b{ font-family:"あおぞら明朝 Bold"; }
.min-m{ font-family:"あおぞら明朝 Medium"; }
.min-r{ font-family:"あおぞら明朝 Regular"; }

/* フォントサイズ */
.f10 {font-size: 10px !important;}
.f11 {font-size: 11px !important;}
.f12 {font-size: 12px !important;}
.f14 {font-size: 14px !important;}
.f16 {font-size: 16px !important;}
.f18 {font-size: 18px !important;}
.f20 {font-size: 20px !important;}
.f22 {font-size: 22px !important;}
.f24 {font-size: 24px !important;}
.f26 {font-size: 26px !important;}
.f28 {font-size: 28px !important;}
.f30 {font-size: 30px !important;}
.f36 {font-size: 36px !important;}
.f48 {font-size: 48px !important;}

/* フォントウェイト */
.bold {font-weight: bold !important;}

/* フォントカラー */
.red  {color: #c00 !important;}
.red02  {color: #960 !important;}

.attention{ color:#e84771; }

.lh18 { line-height:1.8 !important; }
.lh20 { line-height:2.0 !important; }

/* 文字揃え */
.left   {text-align: left;}
.right  {text-align: right;}
.center {text-align: center;}

/* アイコンフォン */
.fa-clock-o{
	font-size:160%;
	vertical-align:middle;
}

.decoration-box{
	background:#fcfcfc;
	padding:15px;
	border:1px solid #ddd;
	border-radius:5px;
}

.decoration-box.deco02{
	padding:19px;
	background:#f8f8f8;
}


/* 見出し装飾 */
#content h3 { margin:40px 0 20px; clear:both; }

.title {
	color: #fff;
	background: #b498de;
	clear: both;
	padding: 10px;
	margin-bottom: 10px;
}
.title-line {
	font-size:20px;
	color: #966;
	clear: both;
	padding:0 0 2px 5px;
	margin: 50px 0 20px;
	border-bottom: 3px solid #caa;
}
.title-top-bg,
.title-content-bg {
	background: #e38595;
	clear: both;
	color: #fff !important;
	padding: 8px 16px 6px;
	margin: 50px 0 20px;
	font-size: 20px;
	font-weight:normal;
	border-bottom:none !important;
}
.title-top-bg{ background: #b498de; }
.title-side-bg {
	background: #b498de;
	border: 1px solid #b498de;
	clear: both;
	color: #fff;
	padding: 7px 16px 4px;
	margin: 0 0 10px;
	text-align:center;
}
.title-side{
	font-size: 18px;
	text-align:center;
	margin: 30px 0 10px;
}

/* 画像装飾 */
.imgborder {
	background-color: #fff;
	border: 1px #e1ddcc solid;
	padding: 5px;
}

/* 画像配置 */
img.alignleft {
	float: left;
	margin: 0 20px 20px 0;
}
img.alignright {
	float: right;
	margin: 0 0 20px 20px;
}
img.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 20px;
}

/* リストスタイル */
ul, ol{ margin-top:20px; }

.list li{
	list-style: disc;
	padding-left:13px;
	margin-bottom:5px;
}

/* --- number list --- */
ol li {
	list-style-type:decimal;
	margin-left:25px;
	margin-bottom:5px;
}

ol ul li{
	list-style-type:none;
	margin-left:10px;
}

/* --- attention list --- */
.rice li{
	margin:0 0 0 2em;
	text-indent:-2em;
}

/* innerBox */
.innerBox {
	width: 980px;
	margin: 0 auto;
}

/* faq */
.faq{
	background:#fff;
	border:1px solid #e5e5e5;
	padding:19px 19px 0;
	margin-bottom:30px;
}

.faq p{margin:0;}

.qu{
	background:url(img/bg_q.png) 0 0 no-repeat;
	padding:0 0 19px 55px;
	border-bottom:1px dotted #d5d5d5;
}

.an{
	background:url(img/bg_a.png) 0 20px no-repeat;
	padding:19px 0 19px 55px;
	font-size:16px;
	font-weight:bold;
}

.contact-box{
	padding:20px;
	border:1px solid #c99;
	text-align:center;
	margin:20px 0 0;
}
.contact-box h3{
	font-size:24px;
	color:#c00;
}
.contact-box p{
	font-size:16px;
	margin-bottom: 0;
}

.contact-box .tel{
	color: #c00;
	font-family:"あおぞら明朝 Regular";
	font-weight: bold;
}
.contact-box .tel span{ font-size:24px; }
.contact-box .tel a{ color: #c00; }

.contact-box .business{ font-size:16px; font-weight:bold; }


#side .contact-box{
	background:#fff7f7;
	padding:10px;
	border:1px solid #C99;
}

#side .contact-box h3{
	font-family:"あおぞら明朝 Medium";
	font-weight:normal;
	font-size:18px;
	color:#333;
}

#side .contact-box .tel{
	font-family:"あおぞら明朝 Regular";
	font-size:26px;
}


/* ------ layout frame ------------------------- */

#content .layout-frame {
	clear: both;
	margin-left: -20px;
}

#content .layout-3col {
	margin-left: -15px;
}

#content .layout-unit {
	float: left;
	display: inline;
	margin-left: 20px;
}

#content .layout-3col .layout-unit {
	margin-left: 15px;
}

/* 720px */
.grid-1 { width: 60px; }
.grid-2 { width:110px; }
.grid-3 { width:170px; }
.grid-4 { width:230px; }
.grid-5 { width:290px; }
.grid-6 { width:350px; }
.grid-7 { width:410px; }
.grid-8 { width:470px; }
.grid-9 { width:530px; }
.grid-10{ width:590px; }
.grid-11{ width:650px; }


.angeltouch{
	background:#f8f8f8;
	padding:14px 19px 19px;
	border:1px solid #ccc;
	margin:0 0 20px;
	overflow:hidden;
}

.facebook-area{
	background:#f8f8f8;
	border:1px solid #ccc;
	width:678px;
	padding:20px;
	margin:20px auto 0;
	height: 700px;
}

.facebook-area iframe{
	width:500px;
	margin:0 auto;
	display:block;
	height: 700px;
}

.wp-block-table{
	font-size: 12px;
}

.wp-block-table tr td:first-child {
    background-color: lavenderblush;
}