﻿@charset "utf-8";

body { min-width:1130px; text-align:center; margin:0; padding:0; letter-spacing:0; }
.min { font-family: fgutsukushiweb, "Garamond, Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, "游明朝", "Yu Mincho", "游明朝体", YuMincho, "Sawarabi Mincho", "HGS明朝E", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; }

#wrap { width:100%; height:auto !important; height:100%; min-height:100%; text-align:center; margin:auto; position:relative; }
#content-wrap { width:1130px; min-height:600px; text-align:center; margin:0 auto; padding:0 0 350px; position:relative; }

header { float:left; width:200px; min-height:110px; background:#fff; box-shadow:0 0 3px 4px #eee; text-align:center; margin:0 auto; }
#header-wrap { float:right; width:100%; margin:0 auto; padding:0 0 10px; }

#header-logo { border-top:5px #fbaf1b solid; padding:15px 0 23px; }
#header-logo img { width:167px; height:112px; text-align:center; margin:0 auto; }

#btn-header-nav { display:none; }
#header-nav {}
#header-nav ul { border-top:1px #eee solid; margin:0 auto; padding:0 0 28px; }
#header-nav ul li { display:table; width:100%; height:50px; line-height:1.2; border-bottom:1px #eee solid; list-style-type:none; }
#header-nav ul li a { display:table-cell; vertical-align:middle; background:#fff; text-align:left; padding:0 12px; font-size:0.938rem; color:#333; }
#header-nav ul li:nth-child(1) a { color:#fbaf1b; }
#header-nav ul li:nth-child(2) a { color:#5ea7da; }
#header-nav ul li:nth-child(3) a { color:#c68cce; }
#header-nav ul li:nth-child(4) a { color:#ff899e; }
#header-nav ul li:nth-child(5) a { color:#ffb158; }
#header-nav ul li:nth-child(6) a { color:#ff6a36; }
#header-nav ul li:nth-child(7) a { color:#a4dd7a; }
#header-nav ul li:nth-child(8) a { color:#4d895f; }
#header-nav ul li:nth-child(9) a { color:#3cb6a3; }
#header-nav ul li:nth-child(10) a { color:#b17e55; }
#header-nav ul li:nth-child(11) a { color:#919191; }
#header-nav ul li a:before { content:">"; display:inline-block; vertical-align:middle; width:13px; height:13px; line-height:13px; text-align:center; margin:0 6px 0 0; font-size:0.58rem; color:#fff; }
#header-nav ul li:nth-child(1) a:before { background:#fbaf1b; border-radius:50%; }
#header-nav ul li:nth-child(2) a:before { background:#5ea7da; border-radius:50%; }
#header-nav ul li:nth-child(3) a:before { background:#c68cce; border-radius:50%; }
#header-nav ul li:nth-child(4) a:before { background:#ff899e; border-radius:50%; }
#header-nav ul li:nth-child(5) a:before { background:#ffb158; border-radius:50%; }
#header-nav ul li:nth-child(6) a:before { background:#ff6a36; border-radius:50%; }
#header-nav ul li:nth-child(7) a:before { background:#a4dd7a; border-radius:50%; }
#header-nav ul li:nth-child(8) a:before { background:#4d895f; border-radius:50%; }
#header-nav ul li:nth-child(9) a:before { background:#3cb6a3; border-radius:50%; }
#header-nav ul li:nth-child(10) a:before { background:#b17e55; border-radius:50%; }
#header-nav ul li:nth-child(11) a:before { background:#919191; border-radius:50%; }
#header-nav ul li a:hover { background:#defff9; transition:0.2s ease-in-out; }

#aside-nav { background:#fafafa; margin:0 0 25px; }
#aside-nav h3 { text-align:center; border-bottom:1px #e3e3e3 solid; margin:0 auto; padding:22px 0 10px; color:#e51713; font-weight:normal; letter-spacing:1px; }
#aside-nav h3:after { content:"▼"; display:block; padding:5px 0 0; color:#f08886; transform:scaleX(0.8) scaleY(0.5); }
#aside-nav ul {}
#aside-nav li { display:table; width:100%; height:50px; border-bottom:1px #e3e3e3 solid; list-style-type:none; }
#aside-nav li a { display:table-cell; vertical-align:middle; text-align:left; padding:0 34px; font-size:0.75rem; color:#666; }
#aside-nav li a:before { content:">"; display:inline-block; vertical-align:middle; margin:0 6px 0 0; font-size:0.58rem; color:#e51713; }
#aside-nav li a:hover { opacity:0.7; transition:0.2s ease-in-out; }

#form-side-search { margin:0 0 25px; }
#form-side-search input {}
#form-side-search input[type="text"] { width:145px; height:25px; border:1px #dadada solid; vertical-align:top; }
#form-side-search input[type="image"] { vertical-align:top; }



#content { float:right; width:930px; }

#header-r { padding:0 0 10px; color:#666; }
#header-r dt { float:left; width:610px; text-align:left; padding:10px 0 0 30px; }
#header-r dt h1 { border-bottom:1px #ccc solid; margin:0 0 10px; padding:0 0 10px; font-size:0.625rem; color:#999; font-weight:normal; }
#header-r dt p { line-height:1.5; font-size:0.875rem; color:#666; }
#header-r dt p mark { color:#fbaf1b; }
#header-r dd { float:right; text-align:right; padding:14px 0 15px; }


footer { position:absolute; bottom:0; width:100%; height:285px; background:#fbaf1b; border-top:6px #ffd47d solid; }
footer:after { content:""; position:absolute; top:0; left:0; width:100%; border-top:1px #fff solid; z-index:9; }
#footer-wrap { width:1130px; height:100%; background:url(../img/common/bg_footer_nav.png) 965px 152px no-repeat; margin:0 auto; }

#footer-logo { float:left; width:360px; text-align:left; padding:32px 0 0; }
#footer-logo dt { display:table; border-bottom:1px #ffd47d solid; padding:0 0 12px; }
#footer-logo dd { line-height:1.66; padding:12px 0 0; font-size:0.75rem; color:#fff; }

#footer-nav { float:right; width:630px; padding:36px 0 0; }
#footer-nav ul { float:left; width:31%; text-align:left; margin:0 0 0 2%; }
#footer-nav li { padding:0 0 18px 14px; position:relative; }
#footer-nav li:before { content:">"; position:absolute; top:0; left:0; color:#fff; transform:scaleX(0.5) scaleY(0.9); }
#footer-nav li a { font-size:0.875rem; color:#fff; }
#footer-nav li a:hover { text-decoration:underline; }

#footer-copy { position:absolute; bottom:25px; width:100%; height:30px; line-height:30px; background:#ffd47d; font-size:0.625rem; color:#fff; }
#footer-copy span { display:block; width:1130px; text-align:right; margin:0 auto; }



/* TOP */

#top-mainview { width:930px; height:400px; overflow:hidden; box-shadow:0 8px 15px 0 #eee; margin:0 0 40px; }
#carousel li { float:left; width:930px; height:400px; text-align:center; margin:0 auto; list-style-type:none; }

#top-menu-ul { padding:0 0 45px 18px; }
#top-menu-ul li { float:left; padding:0 12.5px; list-style-type:none; }
#top-menu-ul li:last-child { padding:0 0 0 12.5px; }
#top-menu-ul dl {}
#top-menu-ul dt {}
#top-menu-ul dd { background:#fbaf1b; text-align:center; padding:15px 0; font-size:1.125rem; color:#fff; letter-spacing:0.5px; position:relative; }
#top-menu-ul dd:after { content:""; position:absolute; bottom:-12px; right:-12px; display:block; width:18px; height:18px; border-top:12px solid transparent; border-right:12px solid transparent; border-bottom:12px solid #ffd47d; border-left:12px solid transparent; transform:rotate(135deg); }
#top-menu-ul a:hover dd { opacity:0.7; transition:0.2s ease-in-out; }

#top-news-sec { width:900px; box-shadow:0 8px 15px 0 #eee; text-align:left; margin:0 0 40px 30px; padding:0 40px 20px; }
#top-news-sec h2 { border-top:5px #fbaf1b solid; padding:20px 0 25px; font-size:1.125rem; color:#333; font-weight:normal; letter-spacing:1.5px; }
#top-news-sec h2:before { content:url(../img/top/ico_top_news_sec.png); display:inline-block; vertical-align:middle; margin:0 10px 0 0; }
#top-news-sec dl { line-height:1.6; max-height: 320px; overflow-y: scroll; }
#top-news-sec dt { clear:both; float:left; width:105px; font-size:0.875rem; }
#top-news-sec dd { border-bottom:1px #e0e0e0 solid; margin:0 0 20px; padding:0 0 20px 105px; }
#top-news-sec dd:last-child { border-bottom:none; }
#top-news-sec dd a { font-size:0.875rem; color:#333; }
#top-news-sec dd a:hover { text-decoration:underline; }
#top-news-sec dd span { display:inline-block; width:36px; height:13px; line-height:13px; background:#ffc000; text-align:center; margin:0 0 0 8px; font-size:0.563rem; color:#fff; }

#top-greeting-sec { width:900px; margin:0 0 0 30px; padding:0 0 55px; }
#top-greeting-sec h2 { border-bottom:2px #fbaf1b solid; margin:0 0 25px; padding:20px 0 14px; font-size:1.5rem; color:#fbaf1b; font-weight:normal; letter-spacing:3px; }
#top-greeting-sec dl { line-height:1.85; font-size:0.875rem; color:#333; }
#top-greeting-sec dt { float:right; width:160px; text-align:right; }
#top-greeting-sec dt img { margin:0 0 14px; }
#top-greeting-sec dt strong { font-size:1.125rem; font-weight:normal; }
#top-greeting-sec dd { text-align:left; padding:0 175px 0 0; }

#top-related-facility-sec { width:900px; background:#fafafa; margin:0 0 60px 30px; padding:34px 0 40px; }
#top-related-facility-sec h2 { padding:0 0 18px; font-size:1.25rem; letter-spacing:4px; }
#top-related-facility-sec h2:before { content:url(../img/top/ico_top-related-facility.png); display:inline-block; vertical-align:middle; margin:0 12px 0 0; }
#top-related-facility-sec h2 strong { font-size:1.8rem; }
#top-facillity-wrap {}
#top-facillity-wrap a { color:#333; }
#top-facillity-l { float:left; width:400px; margin:0 0 0 40px; }
#top-facillity-r { float:right; width:400px; margin:0 40px 0 0; }
#top-facillity-wrap h3 { border-bottom:1px #c7c7c7 solid; margin:0 0 12px; padding:0 0 10px; font-size:1.125rem; letter-spacing:1.5px; }
#top-facillity-wrap ul {}
#top-facillity-wrap li { margin:0 0 12px; list-style-type:none; }
#top-facillity-wrap dl { background:#fff; border-radius:10px; box-shadow:0 0 15px 0 #eee; }
#top-facillity-wrap dt { float:left; }
#top-facillity-wrap dt img {}
#top-facillity-wrap dd { text-align:left; padding:6px 8px 6px 210px; }
.top-facillity-cat { display:table; background:#a0a0a0; margin:0 0 3px; padding:2px; font-size:0.75rem; color:#fff; }
#top-facillity-wrap dd h4 { line-height:1.3; border-bottom:1px #a0a0a0 solid; padding:3px 0 5px; margin:0 0 5px; font-size:1.125rem; }
#rf01-01 dd h4 { border-bottom:1px #f07a76 solid; }
#rf01-02 dd h4 { border-bottom:1px #78cbbd solid; }
#rf01-03 dd h4 { border-bottom:1px #b4d054 solid; }
#rf01-04 dd h4 { border-bottom:1px #edc679 solid; }
#rf02-01 dd h4 { border-bottom:1px #64b8e1 solid; }
#rf02-02 dd h4 { border-bottom:1px #bb97ca solid; }
#rf02-03 dd h4 { border-bottom:1px #f4a2dd solid; }
.top-facillity-txt { line-height:1.4; font-size:0.875rem; }
#top-related-co-box {}
#top-related-co-box h3 { background:#a0a0a0; border:none; border-radius:5px; padding:10px 0; font-size:0.938rem; color:#fff; }
#bnr-taiju { background:#fff; border-radius:10px; box-shadow:0 0 15px 0 #eee; padding:6px 0 0; }
#bnr-taiju dt { float:none; }
#bnr-taiju dd { padding:6px 0 6px 8px; }
#top-related-co-box ul {}
#top-related-co-box li { float:left; width:45%; text-align:left; margin:0 5% 0 0; }
#top-related-co-box h4 { line-height:1.3; border-bottom:1px #019944 solid !important; padding:3px 0 5px; margin:0 0 5px; font-size:0.813rem; }
#top-related-co-box ul p { line-height:1.4; font-size:0.875rem; }

.btn_newslist {text-align: right; margin-top: -50px; padding-bottom: 27px;}


/* SUB */

#article-wrap { width:900px; text-align:left; margin:0 0 0 30px; }

#sub-mainview { background:#f6f6f6; text-align:left; position:relative; }
#sub-mainview dt { text-align:right; }
#sub-mainview dd { display:table; position:absolute; top:0; left:0; width:100%; height:100px; padding:0 0 0 30px; }
#sub-mainview dd h1 { display:table-cell; vertical-align:middle; font-size:1.375rem; color:#515151; font-weight:normal; letter-spacing:2px; }


#breadcrumbs { line-height:1.3; text-align:left; margin:auto; padding:30px 0; }
#breadcrumbs { text-align:left; }
#breadcrumbs li { display:inline-block; margin:0 5px 0 0; font-size:0.75rem; }
#breadcrumbs li:after { content:">"; display:inline-block; margin:0 0 0 5px; }
#breadcrumbs li:last-child:after { content:""; }
#breadcrumbs li a {}
#breadcrumbs li a:hover { text-decoration:underline; }

.sub-sec { padding:0 0 40px; }


#go-top { position:absolute; bottom:277px; right:0; z-index:99999; }
#go-top a { display:block; width:73px; height:73px; line-height:1.3; background:rgba(251,175,27,1); padding:8px 0 2px; font-size:0.875em; color:#fff; letter-spacing:0; }
#go-top a span { display:block; letter-spacing:3px; }
#go-top a:before { content:">"; display:block; transform:rotate(-90deg) scaleX(1.2) scaleY(4); }
#go-top a:hover { background:#ffd47d; transition:0.2s ease-in-out; }




/* Blog */

#news-ul {}
.news-li { padding:0 0 40px; list-style-type:none; }
.type-news {}
.b-cat-ul { float:right; padding:0 0 1em; }
.b-cat-ul li { display:inline-block; margin:0 5px 0 0; }
.b-cat-ul li a { display:block; width:6rem; border:1px #fbaf1b solid; text-align:center; margin:0 auto; padding:3px 5px; font-size:0.688em; color:#fbaf1b; font-weight:normal; }
.b-cat-ul li a:hover { background:#fbaf1b; color:#fff; transition:0.2s ease-in-out; }
.news-cat {}
.news-date { font-size:0.813rem; padding:0 0 10px; color:#aaa; }
.news-li h3 a { color:#333; }
.news-li h3 a:hover { text-decoration:underline; }
.news-thumb { display:inline-block; vertical-align:top; width:25%; background:#eee; margin:0 3% 0 0; }
.news-thumb a { display:block; }
.news-thumb img { width:100% !important; height:auto; }
#news-ul .news-desc { display:inline-block; vertical-align:top; width:70%; }
.news-desc { padding:0 0 30px; }
.news-desc p { line-height:1.8; font-size:0.938rem; }
.btn-readmore { text-align:right; }
.btn-readmore a { display:inline-block; width:180px; background:#fbaf1b; text-align:center; margin:auto; padding:10px 20px; color:#fff; position:relative; }
.btn-readmore a:after { content:"▼"; position:absolute; bottom:0; right:0; color:#fff; transform:rotate(-45deg) scaleX(1.2) scaleY(0.7); }
.btn-readmore a:hover { opacity:0.7; transition:0.2s ease-in-out; }
.news-tags {}
#page-navi { text-align:center; margin:auto; padding:30px 0; }
#page-navi span {}
#page-navi a { display:inline-block; background:#f7f7f7; padding:4px; font-size:0.813em; color:#333; }
#page-navi a:hover { background:#fbaf1b; color:#fff; }
.current { display:inline-block; background:#fbaf1b; padding:4px; font-size:0.813em; color:#fff; }

#blog-single-wrap { padding:50px 0; }
.post-edit-link { display:block; width:10em; background:#fbaf1b; text-align:center; margin:0 auto 45px; padding:5px 10px; font-size:0.875rem; color:#fff !important; }

#btn-prev-next {}
#prev_wrap { float:left; text-align:left; }
#prev_title { text-align:left; }
#prev_box {}
#next_wrap { float:right; text-align:right; }
#next_title { text-align:right; }
#next_box { text-align:right; }
.pn_wrap { width:40%; }
.pn_wrap dt { background:#fbaf1b; margin:0 auto 15px; padding:4px 10px; color:#fff; }
.pn_wrap dd { line-height:1.3; font-size:0.813rem; }
.pn_wrap dd a { color:#333; }
.pn_wrap dd a:hover { text-decoration:underline; }
.pn_img { margin:0 0 1em; }
.pn_tit {}

.widget { padding:0 0 40px; }
.widget h3 { background:#fbaf1b; margin:0 0 1em; padding:10px; font-size:1rem; color:#fff; font-weight:normal; }

#sidebar-news ul {}
#sidebar-news li { margin:0 0 1.5em; }
#sidebar-news dl { line-height:1.3; }
#sidebar-news dt { float:left; width:25%; margin:0 3% 10px 0; }
#sidebar-news dt img { width:100%; height:auto; }
#sidebar-news dd { padding:0 0 0 28%; }
.side-date { padding:0 0 0.5em; font-size:0.875rem; color:#aaa; }
.side-tit {}
.side-tit a { font-size:0.938rem; }
.side-tit a:hover { text-decoration:underline; }

.calendar_wrap caption { padding:5px 0 10px; font-size:0.938rem; }
.calendar_wrap th, .calendar_wrap td { border:2px #fff solid; text-align:center; margin:auto; padding:0; font-size:0.875rem; }
.calendar_wrap tbody td { height:2em; line-height:2em; }
.calendar_wrap tbody a { display:block; width:100%; height:100%; background:#fbaf1b; color:#fff; }
.calendar_wrap #today { background:#ffcc00; color:#fff; }
.calendar_wrap tfoot td { padding:1em 0 0; }
.calendar_wrap #prev { text-align:left; }
.calendar_wrap #next { text-align:right; }

.widget_archive ul, .widget_categories ul {}
.widget_archive li, .widget_categories li { line-height:1.8; padding:0 0 0 2rem; position:relative; }
.widget_archive li:before, .widget_categories li:before { content:">"; position:absolute; top:50%; left:0; margin:-1rem 0 0; }
.widget_archive li a, .widget_categories li a { display:inline-block; font-size:0.938rem; }
.widget_archive li a:hover, .widget_categories li a:hover { text-decoration:underline; }



/* SAMPLE */

.dis-pc { display:block; }
.dis-sp { display:none; }
.brk { display:block; }
.nbrk { display:inline; }

a:hover img { opacity:0.7; transition:0.2s ease-in-out; }
#content img { width:auto; max-width:100%; height:auto; }
a[href^="tel:"] { pointer-events:none; cursor:default; }

#header-nav ul, #header-nav ul li,
#footer-nav ul, #footer-nav li
{ list-style-type:none; }


/*.h2-basic { line-height:1.3; background:#fbaf1b; border-radius:5px; margin:0 0 20px; padding:15px; font-size:1.25rem; color:#fff; font-weight:normal; }*/

.h2-basic { 
	padding: 9px 10px;
	font-size: 18px;
	margin:0 0 20px;
	line-height:1.3;
	position: relative;
	background-color: #fbaf1b;
	color: #fff;
	overflow: hidden;
	border: 1px solid #fbaf1b;
}
.h2-basic:before { 
	background-color: #fff;
	content: '';
	display: block;
	transform: rotate(35deg);
	position: absolute;
	bottom: -180px;
	right: 0px;
	width: 450px;
	height: 360px;
}

.h2-number {
	font-size:1.25rem;
	line-height:1.3;
	color: #fbaf1b;
	border: 2px solid #fbaf1b;
	width: 40px;
	font-weight: bold;
	padding: 7px 10px;
	float: left;
	margin-right: 7px;
	text-align: center;
}

dd .h2-basic:before {
	width: 200px;
}



.h3-basic { line-height:1.3; border-bottom:1px #e3e3e3 solid; margin:0 0 20px; padding:10px 15px 15px 30px; font-size:1.25rem; color:#333; font-weight:normal; position:relative; }
.h3-basic:before { content:""; position:absolute; top:12px; left:0; width:22px; height:22px; border:5px #fbaf1b solid; border-radius:50%; margin:-2.5px 10px 0 0; }
.h4-basic { line-height:1.3; background:#f7f7f7; border-left:3px #fbaf1b solid; padding:8px 15px 6px; font-size:1.125rem; color:#fbaf1b; font-weight:normal; }
.h5-basic { line-height:1.3; padding:5px 0; font-size:1rem; color:#fbaf1b; }

.btn-basic { text-align:center; margin:auto; font-size:0.938rem; }
.btn-basic a { display:block; width:100%; line-height:1.3; background:#fbaf1b; text-align:center; margin:auto; padding:15px 10px; color:#fff; position:relative; }
.btn-basic a:after { content:""; position:absolute; bottom:5px; right:0; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #fff; transform:rotate(-45deg); }
.btn-basic a:hover { opacity:0.8; transition:0.2s ease-in-out; }
.btn-more1 { width:70%; padding:0 0 30px; }
.btn-more2 { padding:0 0 30px; }
.btn-more2 li { display:inline-block; vertical-align:top; width:48%; margin:0 0.5%; }
.btn-more2-box { text-align:center; margin:0 auto; }
.btn-more2-box ul { display:inline-block; width:100%; text-align:left; }

.txt-basic { line-height:1.85; font-size:0.938rem; color:#333; }
.txt-basic p { padding:0 0 20px; }
.txt-basic ol, .txt-basic ul { margin:0 0 0 1.5rem; padding:0 0 20px; }
.txt-basic ol ul, .txt-basic ol ol, .txt-basic ul ul, .txt-basic ol ol { margin:0; }
.check_01 { margin-left:0 !important; list-style-type:none; }
.check_01 li { background:url(../img/common/ico_check_01.png) 0 5px no-repeat; padding:0 0 0 30px; list-style-type:none; }

.txt-basic dl { padding:0 0 10px; }
.txt-basic dt { padding:0 0 5px; }
.txt-basic dd { padding:0 0 20px; }

.img-l dt { float:left; text-align:center; margin:0 auto 20px; }
.img-l dt img { width:100%; height:auto; margin:0 0 10px; }
.img-l dd { float:right; }
.img-r dt { float:right; text-align:center; margin:0 auto 20px; }
.img-r dt img { width:100%; height:auto; margin:0 0 10px; }
.img-r dd { float:left; }

.img20 dt { width:20%; }
.img20 dd { width:77%; }
.img25 dt { width:25%; }
.img25 dd { width:72%; }
.img30 dt { width:30%; }
.img30 dd { width:67%; }
.img35 dt { width:35%; }
.img35 dd { width:62%; }
.img40 dt { width:40%; }
.img40 dd { width:57%; }
.img45 dt { width:45%; }
.img45 dd { width:52%; }
.img50 dt { width:50%; }
.img50 dd { width:47%; }
.img55 dt { width:55%; }
.img55 dd { width:42%; }
.img60 dt { width:60%; }
.img60 dd { width:37%; }
.img65 dt { width:65%; }
.img65 dd { width:32%; }
.img70 dt { width:70%; }
.img70 dd { width:27%; }
.img75 dt { width:75%; }
.img75 dd { width:22%; }
.img80 dt { width:80%; }
.img80 dd { width:17%; }

.img-c { text-align:center; margin:0 auto 20px; }
.border img { border:1px #ccc solid; }

.img-2pane { text-align:center; margin:0 auto; }
.img-2pane ul { display:inline-block; text-align:left; }
.img-2pane li { display:inline-block; vertical-align:top; width:47.5%; text-align:center; margin:0 0.25% 0.5em; }
.img-2pane li img { width:100%; height:auto; }

.img-3pane { text-align:center; margin:0 auto; }
.img-3pane ul { display:inline-block; text-align:left; }
.img-3pane li { display:inline-block; vertical-align:top; width:31.5%; text-align:center; margin:0 0.25% 0.5em; }
.img-3pane li img { width:100%; height:auto; }

.img-4pane { text-align:center; margin:0 auto; }
.img-4pane ul { display:inline-block; text-align:left; }
.img-4pane li { display:inline-block; vertical-align:top; width:22.5%; text-align:center; margin:0 0.25% 0.5em; }
.img-4pane li img { width:100%; height:auto; }

.img100 img, .img100 li img { width:100% !important; height:auto; }

.table-basic { line-height:1.4; border:1px #bcbcbc solid; border-collapse:collapse; margin:0 0 20px; font-size:0.938rem; }
.table-basic th { background:#eee; vertical-align:middle; border:1px #bcbcbc solid; text-align:center; padding:6px; color:#fff; }
.table-basic thead th { background:#fbaf1b; }
.table-basic td { border:1px #bcbcbc solid; text-align:center; padding:6px; color:#fbaf1b; }
.vam { vertical-align:middle; }
.wsnr { white-space:nowrap; }
.w20 { width:20% !important; }
.w25 { width:25% !important; }
.w30 { width:30% !important; }
.w35 { width:35% !important; }
.w40 { width:40% !important; }
.w100 { width:100% !important; }

.dl-basic { padding:0 0 30px; }
.dl-basic dt { clear:both; float:left; width:6em; padding:0.5em 0 !important; font-weight:bold; }
.dl-basic dd { border-bottom:1px #ccc solid; padding:0.5em 0 0.5em 7em !important; position:relative; }
.dl-basic dd:after { content:""; position:absolute; bottom:-1px; left:0; width:6em; border-bottom:1px #fbaf1b solid; }

#qa-ul { border:1px #fbaf1b solid; margin:0 0 20px; padding:20px; }
#qa-ul li { counter-increment:question; line-height:1.3; border-bottom:1px #ddd dashed; margin:0 0 15px; padding:20px 1.8rem 35px 60px; color:#fbaf1b; font-weight:bold; position:relative; }
#qa-ul li:last-child { border-bottom:none; margin:0; padding:20px 1.8rem 20px 60px; }
#qa-ul li:before { content:"Q"counter(question); position:absolute; top:5px; left:0; width:46px; height:46px; line-height:46px; background:#fbaf1b; border-radius:50%; text-align:center; color:#fff; }
#qa-ul li a { display:block; }
#qa-ul li a:after { content:"▼"; position:absolute; bottom:50%; right:10px; margin:-0.344rem 0 0; font-size:0.688rem; color:#333; transform:scaleX(1.2) scaleY(0.7); }

.qa-dl { padding:20px 0; }
.qa-dl dt { counter-increment:question; line-height:1.5; border-bottom:1px #fbaf1b solid; margin:0 0 15px; padding:20px 0px 35px 60px; font-size:0.938rem; color:#fbaf1b; font-weight:bold; position:relative; }
.qa-dl dt:before { content:"Q"counter(question); position:absolute; top:8px; left:0; width:46px; height:46px; line-height:46px; background:#fbaf1b; border-radius:50%; text-align:center; font-size:1rem; color:#fff; }

.qa-dl dd { counter-increment:answer; line-height:1.85; border-bottom:1px #fbaf1b solid; margin:0 0 15px; padding:20px 0px 20px 60px; line-height:1.85; font-size:0.938rem; color:#333; position:relative; }
.qa-dl dd:before { content:"A"counter(answer); position:absolute; top:8px; left:0; width:44px; height:44px; line-height:44px; border:1px #fbaf1b solid; border-radius:50%; text-align:center; font-size:1rem; font-weight:bold; color:#fbaf1b; }
.qa-dl dd h5 { line-height:1.5; padding:0 0 20px; }
.qa-dl dd p { margin:0 0 0 -60px; }

.media-wrap iframe { width:100%; height:400px; padding:0 0 40px; }

.txt-l { text-align:left !important; }
.txt-r { text-align:right !important; }
.txt-c { text-align:center; margin:auto; }
.hide { display:none; }
.fl { float:left; }
.fr { float:right; }
.cl { clear:both; }
.red { color:#ff0000; }
.blue { color:#000099; }
.orange { color:#f7811e; }
.black { color:#333 !important; }
.s { font-size:0.7rem; }
.l { font-size:1.25rem; }
.fb { font-weight:bold; }
.fn { font-weight:normal !important; }
.mark2 { background:#ffff00; }
.u { text-decoration:underline; }
.lstn { list-style-type:none; }
.li-o { margin-left:1rem !important; text-indent:-1rem !important; }
.li-mb1em li { margin-bottom:1rem !important; }
.ren { margin:0 !important; }
.ren li { counter-increment:section; padding:3px 0 3px 40px; }
.ren li::before { content:counter(section); display:inline-block; vertical-align:middle; width:30px; height:30px; line-height:30px; background:#fbaf1b; border-radius:4px; text-align:center; margin:0 10px 0 -40px; color:#fff; }




/* clearfix */

.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
.cf { *zoom:1; }

.dispN  { display: none !important; }
.dispB  { display: block !important; }
.dispI  { display: inline !important; }
.dispIB { display: inline-block !important; }
.dispT  { display: table !important; }
.dispTC { display: table-cell !important; }



/*  toiawase  */


.f-page .contact-bg {
	display: table;
	margin: 0 auto;
	background-color: #ffd47d;
	border: solid 1px #cdcdcd;
	padding: 5px 10px;
	font-size: 1.5em !important;
}

.f-page .mw_wp_form p {
	overflow: hidden;
	position: relative;
	padding-top: 1em;
	padding-bottom: 1em;
	border-bottom: dotted 2px #d5d5d5;
}

.f-page .mw_wp_form .form-cap {
	display: inline-block;
	vertical-align: top;
	/*padding: 10px 0;*/
}

.f-page .mw_wp_form input[type="text"], .f-page .mw_wp_form input[type="email"], .f-page .mw_wp_form textarea, .f-page .mw_wp_form select {
	width: 100%;
	max-width: 350px;
	float: right;
	padding: 0.5em;
	margin-bottom: 0.2em;
	margin-top: 10px;
}

.f-page .mwform-zip-field, .f-page .mwform-tel-field {
	float: right;
}

.f-page .mwform-zip-field input[type="text"] {
	width: auto;
	float: none;
}

.f-page .error {
	color: red;
}

.link_area {
	padding: 30px;
	border: 2px solid #fbaf1b;
	display: inline-block;
}

