@charset "utf-8";
/*
Theme Name: Drive My Car
Theme URI: http://www.lookat.co.jp
Author: hidekky
Description: Made in 2015-8-27
*/

/* ----------------------------------------------------------------------------------
   背景色の指定
   ---------------------------------------------------------------------------------- */
body 		{ /* background:  url(images/bg_iju2.png); */
			background: #fff;
			} /* 全体背景 */
#header-area 	{ background:transparent; } /* ヘッダーエリア全体 */
#header-content	{} /* ヘッダー有効幅内 */
slider-area {background:rgba(215,204,200, 0.5);}
global-nav	{ background: url(images/bg_nav.jpg); background-size:  auto 100px ; /* #4251ad; */} /* ナビバーエリア全体 */
#nav-content 	{ } /* ナビバー有効幅内 */
/* #title-area 	{ background: #03a9f4;box-shadow: 0px 7px 5px -5px rgba(0,0,0,0.3) inset;padding:15px 0; } /* ページタイトルエリア全体 */
.breadcrumbs {background:rgba(255,255,255, 0.5) !important;}
#title-area 		{ /* background:  url(images/bg_title.png) bottom left repeat-x;  */
			background: #EFEBE9;
			} /* ページタイトルエリア全体 */
#title-content 	{} /* ページタイトル有効幅内 */
#main 		{ background: transparent; } /* ページタイトル下メインエリア全体 */
#primary 		{ background:transparent;margin-top: 20px; } /* プライマリーエリア全体 */
.entry-content 	{ cloer:both; } /* プライマリー内コンテンツ有効幅内 */
#sub-nav 		{ background: #9e9e9e; } /* プライマリー内サブナビエリア有効幅内 */
#secondary 	{ background:/* rgba(255,209,128,0.3)*/ transparent ;padding-top:10px;margin-top:5px; } /* セカンダリエリア全体 */
.sidebar 		{} /* サイドバー有効幅内 */
#footer-area 	{ background: #4b4b4b; }/* フッターエリア全体 */
#footer-content 	{} /* フッター有効幅内 */

/* ----------------------------------------------------------------------------------
   フォントの種類・文字色・大きさ
   ---------------------------------------------------------------------------------- */
body{
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
/* font-family:  verdana, Arial,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; */
/* font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; */
color:#223;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.8;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
}

a { color: #1D62F0; } 
a:hover { text-decoration: underline; } 
a:visited { color: #561b8c;}

p, ul, ol, dl {
margin: 0 0.625rem 0.875rem;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.8;
}
table tr th,table tr td,table tbody tr th,table tbody tr td { color:inherit; line-height: inherit; }
table tr th , table tr td,table thead tr th , table thead tr td,table tfoot tr th , table tfoot tr td { font-size: inherit; }

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 10px;
}
.alignleft {
	display: inline;
	float: left;
	margin-right: 10px;
}

/* ----------------------------------------------------------------------------------
   UL、OL、DL
   ---------------------------------------------------------------------------------- */
/* UL */
#header-content ul,
#main ul {
	margin-left: 30px;
	margin-bottom: 10px;
}

#header-content ul li,
#main ul li,
#footer-area ul li {
list-style: none;
list-style-image: url(images/li.png); 
}

#header-content ul.no-point li,
#main ul.no-point li,
#footer-area ul.no-point li {
list-style-image: none; 
}


header ul.yoko li,
header ol.yoko li,
#main ul.yoko li,
#main ol.yoko li,
#footer-area ul.yoko li,
#footer-area ol.yoko li {
float: left;
margin-right: 5px;
padding-right: 20px;
}

/* 横並びでアイコン無し */
#header-content ul.not-dot li,
#main ul.not-dot li,
#sub-menu ul.not-dot li,
#footer-area ul.not-dot li {
list-style-image: none; 
}


#footer-area ul.yoko li a {
	color:#fff;
}

/* OL */
ol {
    counter-reset:li; /* Initiate a counter */
    padding:0; /* Remove the default left padding */
    list-style:none; /* Disable the normal item numbering */
    margin-left: 20px;
    margin-bottom: 10px;

}
ol li {
    position:relative; /* Create a positioning context */
    margin:0 0 5px 1em; /* Give each list item a left margin to make room for the numbers */
    padding:3px 0;

}
ol li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:2px;
    left:-1.8em;
    width:1.5em;
    padding:0;
    color:#fff;
    background:#666;
    border-radius: 15px;
    font-weight:bold;
    font-family:"Helvetica Neue", Arial, sans-serif;
    text-align:center;
}


/* DL */
dl {
margin: 0 0.625rem 0.625rem;
}
dl dt {
width: 10em;
background: #D7CCC8;
float: left;
padding: 5px ;
text-align: center;
margin-right: 10px;
margin-bottom: 0;
}
dl dd {
padding: 5px ;
border-bottom: 1px solid #D7CCC8;
overflow: hidden;
}
@media all and (max-width: 480px) {
dl dt{
width: 100%;
}
}
/* block-grid 時の li 調整 */
#main ul[class*="block-grid-"] li {
	margin: 0;
}

/* ----------------------------------------------------------------------------------
   見出し
   ---------------------------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {
font-family: inherit;
font-weight: bold;
clear: both;
}
h3,h4,h5,h6 {
margin-bottom:0.625rem;
}
#main h2 a, #main h3 a, #main h4 a, #main h5 a, #main h6 a { text-decoration: none; color: inherit; }
#secondary h2, #secondary h3, #secondary h4, #secondary h5, #secondary h6 {
margin: 0.625rem 0;
}
#page-title h1{
font-size: x-large;
margin: 1rem;
text-align: center;
color: #4E342E;
}
h2, .panel h2 {
margin-top: 50px;
/* font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif; */
font-size: 1.5rem;
margin-bottom: 1.25rem;
padding-bottom: 0.625rem;
/* background: url(images/h2.png) no-repeat left bottom; */
color: #37474F;
ttext-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px,#fff 1px -1px 0px, #fff -1px -1px 0px;
}
h2:first-child {
margin-top:0;
}
h2.site-title {
font-size: xx-large;
margin-bottom: 10px;
padding-bottom: 0 ;
background: none;
color: #fff;
}
.site-title img {
	margin-top: 10px;
}
h2.image {
margin-bottom: 0.625rem;
padding-bottom: 0;
background: none;
}

h3, .panel h3,
h3.normal {
margin-top: 30px;
/* font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif; */
font-size: 1.5rem;
padding: 0.625rem 0.3rem;
/* background-color: #03A9F4; */
color: #5D4037 !important;
margin-bottom: 0.875rem;
background: url(images/h3_line.png) repeat-x left bottom;
line-height: 1.3;
}

@media (max-width: 640px) {
	h3, .panel h3,
	h3.normal { font-size: large;}
}

/* h4, .panel h4 {
	margin-top:20px;
	background: #689F38;
	color: #fff;
	font-size: 1.3rem;
	width: 100%;
	border: 1.5px dashed #AED581;
	border-radius: 5px;
	box-shadow: 0 0 3px 3px #689F38;
	text-shadow: 0 0 5px #33691E;
	padding: 10px;
	line-height: 1.3;
}
*/

 h4, .panel h4 {
	margin-top:20px;
	background: #689F38;
	color: #fff;
	font-size: 1.3rem;
/*	width: 100%; */
	border-radius: 5px;
	text-shadow: 0 0 5px #33691E;
	padding: 6px 10px;
	line-height: 1.3;
}

#sidebar h4 {
	padding-right: 50px;
	margin-top: 0;
}

h5, .panel h5 {
	font-size: 1.1rem;
	margin:1.2rem 0.625rem 1.2rem 0.25rem;
	color:#333 !important;
	border-left: 5px solid #4DB6AC;
	padding: 5px;
	background: #fff;
	line-height: 1.5

}
h6, .panel h6 {
	font-size: 0.925rem;
	margin:0.5rem 0.5rem 0.25rem;
	color:#E57373 !important;
	line-height: 1.4;
}


/* ----------------------------------------------------------------------------------
   DIV ボックス
   ---------------------------------------------------------------------------------- */
/* DIVボックスの背景色 */
.red { background: #fde0dc; } .pink { background: #fce4ec; } .purple { background: #f3e5f5; } .deeppurple { background: #ede7f6; } .indigo { background: #e8eaf6; } .blue { background: #e7e9fd; } .lightblue { background: #e1f5fe; } .cyan { background: #e0f7fa; } .teal { background: #e0f2f1; } .green { background: #d0f8ce; } .lightgreen { background: #f1f8e9; } .lime { background: #f9fbe7; } .yellow { background: #fffde7; } .amber { background: #fff8e1; } .orange { background: #fff3e0; } .deeporange { background: #fbe9e7; } .brown { background: #efebe9; } .grey { background: #fafafa; } .bluegraey { background: #eceff1; }
.love-red { background: #e51c23; } .love-pink { background: #e91e63; } .love-purple { background: #9c27b0; } .love-deeppurple { background: #673ab7; } .love-indigo { background: #3f51b5; } .love-blue { background: #5677fc; } .love-lightblue { background: #03a9f4; } .love-cyan { background: #00bcd4; } .love-teal { background: #009688; } .love-green { background: #259b24; } .love-lightgreen { background: #8bc34a; } .love-lime { background: #cddc39; } .love-yellow { background: #ffeb3b; } .love-amber { background: #ffc107; } .love-orange { background: #ff9800; } .love-deeporange { background: #ff5722; } .love-brown { background: #795548; } .love-grey { background: #9e9e9e; } .love-bluegrey { background: #607d8b; }
.white { background: #f9f9f9;} .beige { background: #faf8ee;}
.red, .pink, .purple, .deeppurple, .indigo, .blue, .lightblue, .cyan, .teal, .green, .lightgreen, .lime, .yellow, .amber, .orange, .deeporange, .brown, .gray, .bluegray, .white, .beige,
.love-red, .love-pink, .love-purple, .love-deeppurple, .love-indigo, .love-blue, .love-lightblue, .love-cyan, .love-teal, .love-green, .love-lightgreen, .love-lime, .love-yellow, .love-amber, .love-orange, .love-deeporange, .love-brown, .love-gray, .love-bluegray, .love-white, .love-beige { padding:10px; overflow: hidden; }
/* DIVボックスの角丸  */
.panel.radius {
border-radius: 8px;
padding: 5px;
}
/* リンクボックス（ボックス全体をクリッカブル化） */
.linkbox{
position:relative;
border:none;
background: #fff;
margin-bottom:20px;
padding-bottom: 10px;
overflow: hidden;
}
.linkbox a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
text-indent:-999px;
}
.linkbox a:hover{
background-color:#FFF;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-webkit-transition: background-color 300ms ease-out;
-moz-transition: background-color 300ms ease-out;
transition: background-color 300ms ease-out;
}
/* linkbox内の書式 */
.linkbox h3 {
	background: none;	
	color:#000;
	font-size: 0.875rem;
	background: url(images/linkbox_h3.png) no-repeat left center;
	margin: 5px 10px;
	padding-left: 15px;
	border: none;
	}
.linkbox p,
.linkbox ul {
	font-size: small;
	margin: 0 20px;
}
.linkbox li {
	margin-left: 15px !important;
}

/* スマホ&サイドバー用カード  */
.panel.entry-summary.recent {
font-size: small;
border-radius:4px;
margin: 5px 0;
padding: 10px;
}
.panel.entry-summary.recent p{
margin-left: 0;
margin-bottom: 0;
}
.panel.entry-summary.recent .datetime{
color:#aaa;
}

/* ----------------------------------------------------------------------------------
   キャプション
   ---------------------------------------------------------------------------------- */
.wp-caption img {
margin-bottom: 5px;
padding-bottom: 0px;
}
/* キャプションのテキスト */
.wp-caption-text {
padding: 0 3px;
font-size: small;
line-height: 1.3;
text-align: center;
padding-bottom: 10px;
font-weight: bold;
margin-left:0;
margin-right:0;
}
/* キャプション付画像の大きさ自動縮小 */
.wp-caption {
max-width: 100%;
}

/* ----------------------------------------------------------------------------------
   テーブル
   ---------------------------------------------------------------------------------- */
/* テーブルの色指定 */
table thead tr th,table thead tr td	{ background-color: #A1887F;color:#fff;text-align: center;font-weight: bold; } /* ヘッダーtheadの色 */
table tr th					{ background-color: #EFEBE9;vertical-align: middle; } /* thの色 */
table tfoot tr th,table tfoot tr td	{ background-color: #D7CCC8;color:#000;text-align: center;font-weight: bold; } /* ヘッダーtfootの色 */
/* table 基本 */
table {
border-collapse: collapse;
border-spacing: 0;
width: 98% ;
word-break: break-all;
margin:0 auto 0.625rem;
background-color: #ffffff;
border: none;
border-top: 1px solid #D7CCC8;
/* border-left: 1px solid #cccddd;
border-right: 0;
border-bottom: 0; */
 }
/* th、tdで右と下に線を引く */
table tr th,
table tr td {
padding: 10px;
border-top: none;
/*    border-right: 1px solid #cccddd; */
border-bottom: 1px solid #D7CCC8;
}
/* th */
table tr th {
text-align: center;
}
/* デフォルトではストライプ無し */
table tr.even, table tr.alt, table tr:nth-of-type(even) {
background: inherit;
}
/* オプションでzebra */
table.zebra tr.even, table.zebra tr.alt, table.zebra tr:nth-of-type(even) {
background: #fdfdfd;
}
/* 環境分析のテーブル (元PDFの表) */
.kasen-tbl, .kosyo-tbl, .kaiiki-tbl, .kankyo-tbl {
	font-size: 90%;
}

/* レスポンシブテーブル */
@media all and (max-width: 480px) {
table.responsive tr{
display: block;
}
table.responsive th,
table.responsive td {
width:100% !important; 
display: list-item;
border: none;
list-style-type: none;
line-height: 1em; 
border-bottom: 1px dotted #ddd;
}    
}
/* 全てのセルを中央揃え */
.allcenter td {
	text-align: center;
}


/* ----------------------------------------------------------------------------------
   ボタン
   ---------------------------------------------------------------------------------- */
/* ボタンの色指定 */
button, .button,
.button-left, .button-center {
border-collapse:separate;
background-color: #FFD54F;
border-color: #fff;
border-width: 1px;
color:#4E342E !important;
}
button:hover, button:focus, .button:hover, .button:focus,
.button-left:hover, .button-left:focus,
.button-center:hover, .button-center:focus{
background-color: #FFECB3;
color:#4E342E !important;
border-color: #D7CCC8;
-webkit-transition: border-color background-color 300ms ease-out;
-moz-transition: border-color background-color 300ms ease-out;
transition: border-color background-color 300ms ease-out;
}
a.button:visited,
a.button-left:visited,
a.button-center:visited { 
color:#8D6E63; 
}
/* ボタンの大きさ */
button, .button,
.button-left,
.button-center {
font-size: 14px;
font-size: 0.875rem;
padding: 0.3125rem 0.625rem;
display: table;
margin: 0 0.625rem 1.25rem auto;
}
.button-left {
margin: 0 0.625rem 1.25rem;
}
.button-center {
margin: 0 auto 1.25rem !important;
}

.button:hover,
.button-left:hover,
.button-center:hover {
text-decoration: none;
}
button.tiny, .button.tiny,
.button-left.tiny,
.button-center.tiny {
padding: 0.3125rem 1.25rem;
}

.button-left.large,
.button-center.large {
padding-top: 1.125rem;
padding-right: 2.25rem;
padding-bottom: 1.1875rem;
padding-left: 2.25rem;
font-size: 1.25rem;
}

@media (max-width: 640px) {
	.button.large,
	.button-left.large,
	.button-center.large {
	padding: 0.3rem;
	font-size: 0.9rem;
	margin-bottom: 10px;
	}
}

/* ----------------------------------------------------------------------------------
   ヘッダー
   ---------------------------------------------------------------------------------- */
.site-title {
	margin-top:0;
}
/* ナビゲーションの色指定 */
nav#global-nav a		{}
nav#global-nav li ul li a	{}
/* メインメニュー */
#global-nav ul{
list-style-type: none;
margin:0;
margin-bottom: 10px;

}
ul#menu-main > li{
float:left;
width: 12.5%;
}
#global-nav a{
display: block;
color:#fff;
/* TEST only */
/* margin-right:20px; */
height: 100px;
padding-top:15px;
}
#global-nav a:hover{
	background: #64B5F6;
	background:rgba(100, 181, 246, 0.6);
	  transition: 1s;
}
#global-nav li {
padding-top:0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#nav-content ul li a {
/* display: block;
width: 20%;
height: 40px;
/* overflow: hidden;
background: url(images/navbar.png) 0 0 no-repeat;
text-indent: 100%;
white-space: nowrap; */
}
 
 /* パンくず */
.breadcrumbs {
border: none;
background: transparent;
/* color: #fff; */
}
.breadcrumbs a{
/* color: #fff; */
}
/* メタスライダー */
.flexslider {
	margin-bottom: 0 !important;
}
/* ワイドスライダー */
.wideslider {
    width: 100%;
    text-align: left;
    position: relative;
    overflow: hidden;
}
.wideslider ul,
.wideslider ul li {
    float: left;
    display: inline;
    overflow: hidden;
    margin: 0  !important;
    padding: 0 !important;
}
.wideslider ul li img {
    width: 100%;
    display: none;
    margin: 0 !important;
    padding: 0 !important;
}
.wideslider_base {
    top: 0;
    position: absolute;
}
.wideslider_wrap {
    top: 0;
    position: absolute;
    overflow: hidden;
}
.slider_prev,
.slider_next {
    top: 0;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    cursor: pointer;
}
.slider_prev {background: #fff url(images/prev.jpg) no-repeat right center;}
.slider_next {background: #fff url(images/next.jpg) no-repeat left center;}
.pagination {
    bottom: 10px;
    left: 0;
    width: 100%;
    height: 15px;
    text-align: center;
    position: absolute;
    z-index: 200;
}
.pagination a {
    margin: 0 5px;
    width: 15px;
    height: 15px;
    display: inline-block;
    overflow: hidden;
    background: #333;
}
.pagination a.active {
    filter:alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}
.wideslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
.wideslider ul {
    display: inline-block;
    overflow: hidden;
}

/* ----------------------------------------------------------------------------------
   フッター
   ---------------------------------------------------------------------------------- */
#footer-area {
padding:20px;
color: #fff;
}

#footer-area a {
color: inherit;
}
/*
div#footer-top {
background: url(images/footer-top.png) center bottom no-repeat;
margin-top: 50px;
}
*/

/* ----------------------------------------------------------------------------------
   サイドバー
   ---------------------------------------------------------------------------------- */
/* サイドバーのサブメニュー */
#sub-navi {
	background: #fff;
	border: 1px solid #2196F3; 
	border-radius: 5px;
	margin-bottom: 10px;
}
#sub-navi h6 {
	padding: 5px 0 10px;
	text-align: center;
	border-bottom: 2px solid #2196F3; 
}
#sub-navi h6 a:hover {
	color: #E91E63;
}

#sub-navi li{
	border-bottom: 1px dashed #ddd;
	padding-top:10px; 
	padding-bottom: 5px;
}
#sub-navi li a {
	display: block;
}

#sub-navi li:last-child {
	border-bottom: none;
}


/* メインエリアのサブナビゲーション */
#main .sub-navi {
	background: rgba(140,110,100, 0.8) ;
	border: 1px solid #8D6E63; 
	border-radius: 5px;
	margin:10px 0 30px;
	padding:15px 20px;
}
#main .sub-navi:last-child {
	margin-top: 50px;
	margin-bottom: 10px;
}

#main .sub-navi li {
	padding-bottom: 0;

}

.sub-navi li a {
	background: #FFF;
	border: 3px solid #4E342E;
	box-shadow:5px 5px #4E342E;
	text-decoration: none;
	text-align: center;
	padding: 10px;
	min-height: 5rem;
	font-size: larger;
	display: block;
display: flex;
justify-content: center;
align-items: center;
height: 100%;	
}


.sub-navi li a:hover {
	background: #FFE57F;
}

.sub-navi li.current a,
.sub-navi li.current a:hover  {
	background: #FFD740;
}



/* ----------------------------------------------------------------------------------
   スマホ用メニュー
   ---------------------------------------------------------------------------------- */
.left-small {
width: 4rem;
padding-top: 5px;
/* background: #0091EA; */
background:RGB(211, 23, 49);
border:0;

}
.tab-bar .menu-icon span {
width:2em;
padding-left: 1em;
padding-right: 1em;
}
.tab-bar {
/*	background: #3E2723; */
	background: transparent;	
	color: #aaa;
}
.left-off-canvas-menu {
	background: #EFEBE9;
}
.left-off-canvas-menu li {
	border-bottom: 1px dotted #aaa;
	padding:5px 0;
}
.left-off-canvas-menu li li{
	border-bottom: none;
	padding:5px 0;
}


/* ----------------------------------------------------------------------------------
   エントリーメタデータ(カテゴリー、日時など)
   ---------------------------------------------------------------------------------- */
/* エントリーメタデータ */
.entry-meta {
float: right;
}
.entry-meta .category {
float: left;
}
.entry-meta .datetime {
float: left;
}

/* ----------------------------------------------------------------------------------
   ページトップ
   ---------------------------------------------------------------------------------- */
/* ページトップの色 */
#page-top		{ background:#00C853; }
#page-top:hover	{ background:#C0E676; }
#page-top{
color:#ffffff;
padding:10px 15px;
position:fixed;
bottom:20px;
right:20px;
opacity: 0.8;
border-radius: 30px;
}
@media all and (max-width: 480px) {
#page-top{
bottom:5px;
right:5px;
}
}

/* ----------------------------------------------------------------------------------
   その他いろいろ
   ---------------------------------------------------------------------------------- */
/* ロールオーバー効果 */
a:hover img.over {
opacity: 0.6;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
}
/* コメント非表示 */
#respond {
display: none;
}
/* IE8でFont Awesome非表示 */
i {
	display: none\9 !important;
}
/* 印刷スタイル */
@media print {
body {
width:100%;
}
}
/* アウトライン無効化 */
*{ outline:none; }
/* IE8の画像縮小バグ対応 */
#content img {
	width:auto\9;
	height:auto\9;
}
/* 下の余白を詰めたいとき */
.bottomless {
	padding-bottom: 0;
	margin-bottom: 0;
}
/* シンプルマップ */
.simplemap img {
max-width:none !important;
padding:0 !important;
margin:0 !important;
}
.staticmap,.staticmap img {
max-width:100% !important;
height:auto !important;
}



/* ----------------------------------------------------------------------------------
   検査センターオリジナル
   ---------------------------------------------------------------------------------- */



/* スマホ子リスト */
#nav-sp ul.menu > li > ul.sub-menu {
	list-style: none;
}

#nav-sp ul.menu > li:hover ul.sub-menu{
	}
#nav-sp ul.menu > li ul.sub-menu li a{
}

#nav-sp ul.menu > li:hover ul.sub-menu li a{
}

#nav-sp ul.menu > li > ul.sub-menu > li{
	}
#nav-sp ul.menu > li > ul.sub-menu > li:last-child{
	}

/* 子リスト */
#nav-content ul.menu > li {
	position: relative;
}
#nav-content ul.menu > li > ul.sub-menu {
  position: absolute;
  z-index: 100;
  background: #fff;
  list-style: none;
  margin: 0;
  width:15em;
  padding:0 5px;
  border: 1px solid #ddd;
  box-shadow: 2px 2px 2px rgba(0,0,0,0.1); 
  visibility:hidden;
  opacity: 0;
  transition: 0.3s;
}
#nav-content ul.menu > li:last-child > ul.sub-menu {
	right: 0;
}
#nav-content ul.menu > li:hover ul.sub-menu{
	visibility: visible;
	opacity: 1;
	display:block;
	}
#nav-content ul.menu > li ul.sub-menu li a{
  visibility: hidden;
  opacity: 0;
  transition: 0.5s;
}

#nav-content ul.menu > li:hover ul.sub-menu li a{
  visibility: visible;
  opacity: 1;
}

#nav-content ul.menu > li > ul.sub-menu > li{
	border-bottom:1px solid #ddd;
	text-align:left !important;
	width:100%;
	}
#nav-content ul.menu > li > ul.sub-menu > li:last-child{
	border-bottom:none;
	}

#nav-content .sub-menu a{	display: block;
					color:#333;
					height:inherit;
					padding:10px;
					font-size: smaller;
					margin-right: 0;
}

#nav-content .sub-menu a:hover {	text-decoration: none;
						background: #FFF9C4;
}

#intro {	background: url('http://www.ibaraki-kensa.or.jp/wordpress/wp-content/uploads/2015/11/bg_demo.jpg') no-repeat right top; 
		padding: 20px; 
		margin-bottom: 50px;
}

.linkbox {	min-height:21em;
}

/* サイドバー */

/* スライドショーの画面下アイコン非表示 */
.pagination {
	display: none;
}

#main .panel {
	background: #f4f9ff;
	margin-bottom: 30px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
	border: none;
	overflow: hidden;
	/* border:5px solid #BCAAA4; */
}

@media all and (max-width: 400px) {
#main .panel {
	padding:0.3125rem;
}	
}

#main .panel .panel {
	border:5px solid #BCAAA4;
	overflow: hidden;
	background: #fff;
}
#city-search ul {
	margin-left: 0;
}
#city-search li {
	padding-bottom: 5px;
}
#city-search input[type="checkbox"] {
	margin-bottom: 0;
	margin-right: 5px;
}
#city-search input[type="submit"] {
	font-size: large;
}

.icon-area {
	margin-right:30px;
}

.icon-caption {
	font-size: xx-small;
	line-height: 1.2;
	margin: 0 !important;
	text-align: center;
	height:3em;
	overflow: hidden;
}

#main ul.news-area {
	margin-left: 10px;
}

.news-area li {
	border-bottom: 1px solid #D7CCC8;
	padding-top:10px;
	padding-bottom: 5px;
} 

.news-area li span {
	display: block;
	float:left;
	margin-right: 5px;
}

.news-area li a {
	display: block;
	overflow: auto;
}
.data h6 {
	background: #4251ad;
	font-size: large;
	text-align: center;
	padding: 5px;
	color:#fff !important;
}
.data p {
	font-size: large;
	text-align: center;
	font-weight: bold;
}

.personal-data {
	padding: 30px 0 20px;
}

.personal-data h2 {
	margin-top: 20px;
	font-size: 3rem;
	text-align: center;
}

@media all and (max-width: 400px) {
.personal-data h2 {
	font-size: 2rem;
}
}


.personal-data li {
	font-size: large;
}

.personal-data .job {
	background: #4251ad;
	color:#fff;
	text-align: center;
}
.personal-data .detail {
	background: #fb5153;
	color:#fff;
	text-align: center;
}

#main .panel .panel.contact {
	border-width: 2px;
	border-color: #FFCDD2 ;
	background:#FFEBEE; 
	margin-top: 20px;
}
#main .panel.contact h5 {
	border: none ;
	background: #795548;
	color:#fff !important;
	font-family: sans-serif;	
}
#main .panel.contact h6 {
	border-left: 4px solid #E91E63;
	padding-left: 5px;
	padding-top:4px;
	color:#3E2723 !important;
	margin-bottom: 10px;
}

/* 文字サイズ変更 */
@media all and (max-width: 480px) {
.fontsize {
	display:none;
}
}

.fontsize .fontsize-text {
	float:right;
	font-size: small;
	margin:4px;
}
.fontsize .change {
	float: right;
}

.date {
	background: #8D6E63;
	color:#fff;
	font-size:x-small;
	padding:1px 5px;
	border-radius:3px;
}

.event-date {
	background: #4CAF50;
	color:#fff;
	font-size:small;
	padding:1px 5px;
	border-radius:3px;
	margin-right:5px;
}

.step {
	background:  url(images/top_bg_step.png);
	padding:5px;
}

#access-time dt {
	clear: both;
	background: none;
	width: 19em;
	text-align: left;
	margin-left: 0;
	font-weight: normal;
	padding: 0 !important;
	border-top:1px solid #666;
} 
#access-time dd {
	margin-left: 20em;
	border: none;
	padding: 0 !important;
	color:#fff;
}

@media (max-width: 640px) {
	#access-time dt { width: 100%;
					margin: 5px;
		}
	#access-time dd {width: 100%;
					margin: 5px;
		}	
}

#access-time .train {
	background: #4CAF50;
}
#access-time span{
	width:5rem;
	text-align: center;
	display: inline-block;
}

#access-time .train span{
	background: #1B5E20;
}


#access-time .car {
	background: #03A9F4;
}
#access-time .car span{
	background: #01579B;
}


#access-time .bus {
	background: #FF80AB;
}
#access-time .bus span{
	background: #880E4F;
}

#access-time .ferry {
	background: #FF9800;
}
#access-time .ferry span{
	background: #E65100;
}

#access-time .plane {
	background: #7E57C2;
}
#access-time .plane span{
	background: #311B92;
}

#metaslider_container_135 {
	margin-bottom: 30px;
}
.breadcrumbs span{
	color:#333 ;
}

#recent-posts-2 {
	background: #fff;
	padding-top: 0;
	padding-bottom: 5px;
	border-radius: 5px;
}

#recent-posts-2 li{
	border-bottom: 0.5px solid #999;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 1.4;
}

/* アコーディオンスタイル */
dl.accordion { background:#EFEBE9;margin-bottom: 30px; }
dl.accordion dt {
    width: 100%;
    background:#FFF3E0;
    text-align: left;
    border-bottom: 1px solid #BCAAA4;
    padding-left: 10px;
 }
dl.accordion dt img {
	padding-right: 5px;
}
dl.accordion dt.open {
    background:#FFE0B2;
  }
dl.accordion dd { background:#FBFBFB; box-shadow:0 8px 8px -8px #222 inset;padding:15px 10px 10px; line-height:1.5; display:none; }
/*
dl.accordion dt:before {
content: '+';
position: absolute;
right: 3rem;
}
dl.accordion dt.open:before {
content: '−';
}
*/
.search-result thead th {
	width:7%;
}
.search-result thead th.area,
.search-result thead th.name,
.search-result thead th.link
{
	width:10%;
}
.search-result td {
	text-align: center;
}
.search-result .button {
	margin-top: 20px;
}

.img_caption {
	text-align: center;
}

/* 文字の拡大縮小 */
#fontSize li {
        float: left;
        margin-right: 20px;
        cursor: pointer;
        border: 1px solid #ccc;
        width: 30px;
        padding: 5px 0;
        text-align: center;
        background-color: #fff;
}
#fontSize li.current {
        font-weight: bold;
        color: red;
}
.fs-content {
        clear: both;
        overflow: hidden;
        margin: 0 0 20px 0;
        padding: 30px 0;
}
.fs-content h2 {
        margin-bottom: 30px;
        clear: both;
}
.fs-content p {
        margin-bottom: 15px;
        font-size: 1em;
}
.font-area {
	display: inline-block;
	float: right;
}
.font-area ul li{
	background: #D7CCC8;
	width:50px;
	height:30px;
	border-radius: 5px;
	position: relative;
	list-style: none;
	margin-left: 0;
	list-style-image: none !important;
}
.font-area ul li.midashi{
	background: none;
	width: 100px;
	padding-top:5px;	
	font-size: 14px !important;
	margin-right: 0;
	padding-right: 0;
}
.font-area ul li span{
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 50px;
}

.imgshadow {
  box-shadow: 1px 1px 4px rgba(0,0,0,.5);
}
.imgborder {
	border:6px solid #FAFAFA;
}
.imgcircle {
	border-radius: 50%;
}
#main img { margin-bottom:10px;}
#main .imgbottom0 { margin-bottom:0;}
#main .imgbottom10 { margin-bottom:10px;}
#main .imgbottom20 { margin-bottom:20px;}
#main .imgbottom30 { margin-bottom:30px;}

.tilt1 { transform: rotate( 1deg ); }
.tilt2 { transform: rotate( 2deg ); }
.tilt3 { transform: rotate( 3deg ); }
.tilt4 { transform: rotate( 4deg ); }
.tilt5 { transform: rotate( 5deg ); }
.tilt6 { transform: rotate( 6deg ); }
.tilt7 { transform: rotate( 7deg ); }
.tilt8 { transform: rotate( 8deg ); }
.tilt9 { transform: rotate( 9deg ); }
.tilt10 { transform: rotate( 10deg ); }
.tilt-1 { transform: rotate( -1deg ); }
.tilt-2 { transform: rotate( -2deg ); }
.tilt-3 { transform: rotate( -3deg ); }
.tilt-4 { transform: rotate( -4deg ); }
.tilt-5 { transform: rotate( -5deg ); }
.tilt-6 { transform: rotate( -6deg ); }
.tilt-7 { transform: rotate( -7deg ); }
.tilt-8 { transform: rotate( -8deg ); }
.tilt-9 { transform: rotate( -9deg ); }
.tilt-10 { transform: rotate( -10deg ); }

.links img {
	border:1px solid #BCAAA4;
}
.links .sitename {
	font-weight:bold;
	text-align: center;
}

input.wpcf7-submit {
	font-size: x-large;
	padding:10px 40px;
}


.new:before {
	content: "NEW";
	background: #f00;
	padding:0 5px 2px;
	border-radius: 5px;
	color:#fff;
	margin-right: 5px;
}
.movie:before {
	content: "動画▶";
	background: #304FFE;
	padding:0 5px 2px;
	border-radius: 5px;
	color:#fff;
	margin-right: 5px;
}
.pdf:after {
	content: "\f1c1";
	font-family: FontAwesome;
	color:#f00;
	padding-left: 5px;
}
.button.pdf:after {
	color: #4E342E;
}
.word:after {
	content: "\f1c2";
	font-family: FontAwesome;
	color:#1A237E;
	padding-left: 5px;
}
.button.word:after {
	color: #4E342E;
}
.excel:after {
	content: "\f1c3";
	font-family: FontAwesome;
	color:#1B5E20;
	padding-left: 5px;
}
.button.excel:after {
	color: #4E342E;
}
.gaibu:after {
	content: "\f08e";
	font-family: FontAwesome;
	color:#1B5E20;
	padding-left: 5px;
}
.button.gaibu:after {
	color: #4E342E;
}
#main .tabs dd {
	border: none;
}

.tabs dd > a {
		background: #fff;
	border: 3px solid #4E342E;
	box-shadow:5px 5px #4E342E;
	text-decoration: none;
	text-align: center;
	padding: 10px;
	min-height: 6rem;
	font-size: larger;
	display: block;
display: flex;
justify-content: center;
align-items: center;
height: 100%;	

}

.tabs dd > a:hover {
	background: #FFE57F;
} 

.tabs dd.active a {
	background: #FFD740;
}

.strong-red {
	color:#f00 !important;
	font-weight: bold;
	font-size: x-large;
}

#trust-form th {
	width: 40%;
}

.accordion .wp_social_bookmarking_light {
	display: none;
}


.baibai {
	border:3px solid #2196F3;
	color:#2196F3;
	margin:5px 10px;
	padding:3px;
	background: #fff;
}
.chintai {
	border:3px solid #4CAF50;
	color:#4CAF50;
	margin:5px 10px;
	padding:3px;
	background: #fff;
}

/* ==========================================================================
   L(^"^)k コンタクトフォームの入力フィールド
   ========================================================================== */
#regist-form input {
	display: inline;
	margin-bottom: 10px;
	}
#regist-form .form-small {
	width: 4em;
}
#regist-form .form-small2 {
	width: 8em;
}

#regist-form .form-small3 {
	width: 16em;
}

#regist-form .form-medium {
	width: 65%;
}
#regist-form .form-large {
	width: 80%;
}

#regist-form .cfzip1,
#regist-form .cfzip2 {
	width: 5em;
}

#regist-form .cfaddr1,
#regist-form .cfpref {
	width: 10em;
}
#regist-form .form-nengo {
	width: 6em;
}

#regist-form .radio-br span.wpcf7-list-item {
display: block;
}

#regist-form label {
line-height: 0;
}

#regist-form h6 {
	color: #000 !important;
}


/* ----------------------------------------------------------------------------------
   陶芸大学校ページ
   ---------------------------------------------------------------------------------- */

#kasama-shisetsu .wp-caption-text {
	margin:2px 0;
	padding: 0;
	font-size:85%;	
	text-align: left;
	font-weight: normal;
}

.large-block-grid-1 li,
.medium-block-grid-1 li {
	font-size:x-small;
	line-height: 1.3;
}

/* ----------------------------------------------------------------------------------
   トップページの新着情報
   ---------------------------------------------------------------------------------- */
/*
.news-list {
	 height: 220px;
    overflow: scroll;
}
*/

/* ----------------------------------------------------------------------------------
   協力隊特集ページ
   ---------------------------------------------------------------------------------- */
.profile {
	background:#D7CCC8;
	border-radius:3px;
	margin:30px;
	padding: 20px;
}
.profile h5{
	border: none;
	background: transparent;
	color:#4E342E !important;
	margin: 0;
}


/* ----------------------------------------------------------------------------------
   相談員紹介ページ
   ---------------------------------------------------------------------------------- */
#main  ul.flowlist {
	margin-left: 0;
}

#main  ul.flowlist li  {
    list-style: outside none none;
}
.flowlist li .num {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    color: #222;
    font-size: 120%;
    font-weight: bold;
}
.flowlist li .num span {
    background: #009688 none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    margin-right: 18px;
    padding: 8px;
}
.flowlist li .block {
    margin: 12px 0 0;
    padding: 0 0 24px;
    position: relative;
}
#main .center-advice,
#main .center-flow {
	padding-top: 20px;
}

#main .center-advice .panel strong{
	color: #D50000;
}

@media all and (min-width: 641px) {
#main .center-advice .panel {
	min-height: 200px;
	margin-bottom: 0;
}
#main .center-flow .panel {
	min-height: 360px;
	margin-bottom: 0;
}
}
#main .center-flow .panel h5 {
	border-left: 0;
	padding: 0;
	margin:5px 0 10px;
}

img.sepia{
     -webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
     -o-filter: grayscale(100%);
     -ms-filter: grayscale(100%);
     filter: grayscale(100%);
}

#main .wp_social_bookmarking_light {
	padding-bottom: 0 !important;
}

/* インタビュースライダーエリア */

#interview-banner .flex-control-nav {
	bottom: -20px;
}
#interview-banner .flex-control-paging li a.flex-active {
	background: rgba(255, 255, 255, 0.9);
}
#interview-banner .flex-control-paging li a {
	background: rgba(255, 255, 255, 0.3);
}


/* ==========================================================================
   L(^^)k インフォエリア
   ========================================================================== */
.info img {
    max-height: 178px;
}

.info p { font-size:small;}
@media only screen and (min-width: 769px) {
.info span {margin-right: 5px;display: block;}
}

.info span:before {background:#FFCC80; color:#4E342E; margin:2px; padding:1px 4px; border-radius:3px; font-weight:bold; display: inline-block;}

.日時:before {content:"📅日時";}
.期日:before {content:"📅期日";}
.期間:before {content:"📅期間";}
.利用期間:before {content:"📅利用期間";}
.開催日:before {content:"📅開催日";}
.開催期間:before {content:"📅開催期間";}
.時期:before {content:"📅時期";}
.販売日:before {content:"📅販売日";}

.時間:before {content:"🕘時間";}
.営業時間:before {content:"🕘営業時間";}
.開門時間:before {content:"🕘開門時間";}
.利用時間:before {content:"🕘開門時間";}

.場所:before {content:"🌐場所";}
.住所:before {content:"📍住所";}
.所在地:before {content:"🗺所在地";}
.会場:before {content:"🌐会場";}
.種目:before {content:"🌐種目";}

.人数:before {content:"👥人数";}
.主催:before {content:"👥主催";}

.予約:before {content:"📝予約";}

.料金:before {content:"👛料金";}
.入場料:before {content:"👛入場料";}
.入園料:before {content:"👛入園料";}
.入館料:before {content:"👛入館料";}
.観覧料:before {content:"👛観覧料";}

.休日:before {content:"⛔️休日";}
.定休日:before {content:"⛔️定休日";}
.休館日:before {content:"⛔️休館日";}
.休み:before {content:"⛔️休み";}

.駐車場:before {content:"🅿️駐車場";}

.アクセス:before {content:"🚗アクセス";}
.車でのアクセス:before {content:"🚗車でのアクセス";}
.車で:before {content:"🚗車で";}
.自家用車:before {content:"🚗自家用車";}

.電車で:before {content:"🚃電車で";}
.電車でのアクセス:before {content:"🚃電車でのアクセス";}
.公共交通機関:before {content:"🚃公共交通機関";}

.バスで:before {content:"🚌バスで";}
.経路:before {content:"🚌経路";}

.特典:before {content:"🎁特典";}

.問い合わせ:before {content:"💬問い合わせ";}
.お問い合わせ:before {content:"👩🏻お問い合わせ";}

.電話:before {content:"📞電話";}
.FAX:before {content:"📠FAX";}
.メール:before {content:"✉️メール";}

.その他:before {content:"⭐️その他";}
.備考:before {content:"🔖備考";}
.ポイント:before {content:"⭐️ポイント";}
.応募:before {content:"📝応募";}



/* ==========================================================================
   L(^^)k 市町村名ラベル
   ========================================================================== */

#main .linkbox.info.panel p:first-child {text-align: left;margin:0 0 0 5px;}

#main .県北, #main .県央, #main .県南, #main .県西, #main .鹿行, #main .県外 { display: inline-block; margin:2px; padding:0 4px 0 0; border-radius:3px;background: #fff; color:#aaa;border:2px solid #aaa;font-weight:bold;}

#main .県北:before, #main .県央:before, #main .県南:before, #main .県西:before, #main .鹿行:before, #main .県外:before {color:#fff; margin:0 3px 0 0; padding:0 4px;border-radius:0;}

#main .県北 {border-color: #8BC34A;color:#8BC34A;}
#main .県北:before {background:#8BC34A; content:"県北エリア";}
#main .県央 {border-color: #EC407A;color:#EC407A;}
#main .県央:before {background:#EC407A; content:"県央エリア";}
#main .県南 {border-color: #AB47BC;color:#AB47BC;}
#main .県南:before {background:#AB47BC; content:"県南エリア";}
#main .県西 {border-color: #FF9800;color:#FF9800;}
#main .県西:before {background:#FF9800; content:"県西エリア";}
#main .鹿行 {border-color: #64B5F6;color:#64B5F6;}
#main .鹿行:before {background:#64B5F6; content:"鹿行エリア";}
#main .県外 {border-color: #607D8B;color:#607D8B;}
#main .県外:before {background:#607D8B; content:"茨城県外";}

.parent-pageid-44 ul:not(.yoko) {
	margin-top:20px;
	margin-left:0 !important;
}

.parent-pageid-44 li {
	padding-bottom:0 !important;
}

@media only screen and (min-width: 501px) {
.parent-pageid-44 .linkbox {
	min-height: 18rem;
}
}
@media only screen and (max-width: 500px) {
.parent-pageid-44 .linkbox {
	min-height: 0;
}
}
.parent-pageid-44 h6 {
	color:#000 !important;
	margin: 20px 10px;
	line-height: 1.4;
}
.parent-pageid-44 dt {
	font-weight: normal;
	padding: 1px 0 0;
	width: 5em;
	font-size: small;
	border-radius: 3px;
	background: #2196F3;
	color:#fff;
	margin-right: 5px;
}
.parent-pageid-44 dt.特典 {
	background: #FCE4EC;
}
.parent-pageid-44 dd {
	font-size: small;
	line-height: 1.4;
}
.parent-pageid-44 .tokuten {
	background:#FCE4EC;
	border-radius: 3px;
	padding:5px 10px;
	margin:0 0.625rem 0.875rem;
}
.parent-pageid-44 .tokuten p:first-child{
	color:#f00;
	font-weight:bold;
}
.parent-pageid-44 .bikou {
	margin-top:0;
	margin-left: 5px;
	font-size: x-small;
}
.parent-pageid-44 .bikou:before {
	content:"※";
}
.parent-pageid-44 .panel h5 {
	margin-top:10px;
}
.parent-pageid-44 th {
	text-align: left;
}
.parent-pageid-44 td {
	font-size: small;
}
@media only screen and (min-width: 501px) {
.parent-pageid-44 th {
	width:30%;
}
}
@media only screen and (max-width: 500px) {
.parent-pageid-44 th {
	width:30%;
}
}

ruby rt {
	font-size: x-small;
}

#top-event.panel {
	background:#FFF3E0 ;
	border:2px solid #F57F17;
}

/* イベントリスト */
#event-list .november {
	background:#FFE082;
	border-radius: 8px;
}
#event-list .december {
	background:#D32F2F;
	border-radius: 8px;
}
#event-list .january {
	background:#FFE082;
	border-radius: 8px;
}

#event-list .february {
	background:#F8BBD0;
	border-radius: 8px;
}

#event-list .march {
	background:#E1BEE7;
	border-radius: 8px;
}



/* 日立市編 */
#hitachitaga.panel {
	border-radius: 0;
	background: #E3F2FD;
}
#hitachitaga h5 {
	color: #3F51B5 !important;
	border-color: #3F51B5;
}


#interview .panel p {
	line-height: 1.5;
}
#interview .panel.habara p {
	line-height: 1.2;
}

/* トップページ市町村リスト */
.city-list p {
	clear:both;
	margin-bottom: 1px;
	font-weight: bold;
	border-bottom: 1px dotted #ccc;
}
.city-list li {
	line-height: 1.4;
}

/* 地域おこし協力隊特集 */

.kyoryokutai-list li {
	list-style-image: none !important;
}

.kyoryokutai-list .button {
	width: 100%;
	text-align: left;
	font-weight: bold;
	margin:10px;
	padding:15px;
}

.kyoryokutai-list .link-facebook {
	background: #315096;
	color: #fff !important;
}
.kyoryokutai-list .link-twitter {
	background: #55acee;
	color: #fff !important;
}

.kyoryokutai-list span {
	background: #fff;
	padding:3px 6px;
	font-weight: normal;
	color:#333;
}

.font-large li {
	font-size: large;
}


/* 県民登録フォーム */
#regist-form h6 {
	text-align: right;
}
@media (max-width: 640px) {
#regist-form h6 {
	text-align: left;
}
	
}
#regist-form .optional-enq h6 {
	text-align: left;
}

/* お試し居住テーブル */
#stay th {
	width:25%;
}

/* トップページのSNS埋め込みエリア */
.sns-area h6 a,
.sns-area h6 a:after {
	font-size: small;
	color:#fff;
}
.sns-area .tw h6 {
	background: #1DA1F2;
	margin: 5px 0;
	padding:3px;
}
.sns-area .fb h6 {
	background: #3B5998;
	margin: 5px 0;
	padding:3px;
}



/* 市町村支援制度 */

.parent-pageid-3971 h6 {
	border-bottom: 1px dotted #ccc;
}
parent-pageid-3971 #main .panel {
background-image: linear-gradient(135deg, #f6f2ed 0%, #e2d1c3 100%);
}
#main .city-data {
	background:#F1F8E9;
}
/* DL */
dl {
margin: 0 0.625rem 0.625rem;
}
dl dt {
width: 10em;
background: #D7CCC8;
float: left;
padding: 5px ;
text-align: center;
margin-right: 10px;
margin-bottom: 0;
}
dl dd {
padding: 5px ;
border-bottom: 1px solid #D7CCC8;
overflow: hidden;
}
@media all and (max-width: 480px) {
#main .single-city dl dt{
width: 50%;
}
}
#main .system-title {
	margin-top:30px;
	margin-bottom: 30px;
	padding-top:10px;
	border-radius: 5px;
}
.system-title.kosodate {
	background: linear-gradient(RGBA(255, 235, 238,1), RGBA(255, 235, 238,0));
}
.system-title.sumai {
	background: linear-gradient(RGBA(255, 235, 182, 1), RGBA(255, 235, 182, 0));
}
.system-title.kigyo {
	background: linear-gradient(RGBA(189, 223, 250, 1), RGBA(189, 223, 250, 0));
}
.system-title.nousui {
	background: linear-gradient(RGBA(202, 229, 202, 1), RGBA(202, 229, 202, 0));
}
.system-title.iryo {
	background: linear-gradient(RGBA(208, 197, 232, 1), RGBA(208, 197, 232, 0));
}
.system-title.sonota {
	background: linear-gradient(RGBA(215, 204, 200, 1), RGBA(215, 204, 200, 0));
}
.system-title .lead-text {
	font-weight: bold;
}
#main .pickup {
	padding: 20px 10px;
	background: #f7f4f2;
	border:1px solid #ccc;
	margin: 0 10px 40px;
}
#kosodate .pickup {
	border-left:8px solid #F06292;
}
#sumai .pickup {
	border-left:8px solid #FF9800;
}
#kigyo .pickup {
	border-left:8px solid #2196F3;
}
#nousui .pickup {
	border-left:8px solid #4CAF50;
}
#iryo .pickup {
	border-left:8px solid #7E57C2;
}
#sonota .pickup {
	border-left:8px solid #795548;
}

@media (max-width: 640px) {
	#main .pickup {
		 border-top:8px solid #F06292;
		 border-left: none;
	}
	#kosodate .pickup {
		 border-top:8px solid #F06292;
	}
	#sumai .pickup {
		 border-top:8px solid #F06292;
	}
	#kigyo .pickup {
		 border-top:8px solid #2196F3;
	}
	#nousui .pickup {
		 border-top:8px solid #4CAF50;
	}
	#iryo .pickup {
		 border-top:8px solid #7E57C2;
	}
	#sonota .pickup {
		 border-top:8px solid #795548;
	}	
}
.city-image {
	padding:0 10px;
}
@media (max-width: 640px) {
	.city-image {
		padding:0 30px;
	}
}
.contact-h,
.link-h {
	clear: both;
}
.contact-h p,
.link-h p {
	text-align: center;
	font-weight: bold;
	margin-bottom: 5px;
}
@media (max-width: 640px) {
.contact-h p,
.link-h p {
	text-align: left;
}
}
.contact-h span {
	border-bottom:2px solid #ef5350;
}
.link-h span {
	border-bottom:2px solid #03A9F4;
}	
.link-url a{
	font-weight: bold;
}
.category-menu {
	padding: 0 5px;
}
.category-menu .columns {
	padding: 5px;
}
.city-list h6 {
	margin-left: 0;
	padding-top: 10px;
}
.city-list h6:first-child {
	padding-top: 0;
}
.city-list ul {
	padding-left: 10px;
} 
.attention {
	border:2px solid #f00;
	padding:10px;
	margin-bottom: 10px;
}
.balloon1 {
 	position: relative;
	display: inline-block;
 	margin: 1.5em auto;
	padding: 7px 10px;
	min-width: 120px;
 	max-width: 100%;
 	color: #555;
	font-size: 16px;
	background: #81D4FA;
}
.balloon1:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #81D4FA;
}
.balloon1 p {
	margin: 0;
	padding: 0;
}
.pickup h5 {
 	position: relative;
	display: inline-block;
 	margin: 0 auto 1.5em;
	padding: 7px 10px;
	min-width: 240px;
 	max-width: 100%;
 	color: #555;
	background: #fff;
	font-size: 150%;
	border-left: none;
	box-shadow: 4px 2px 6px 1px #ccc;
}
.pickup h5:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 25%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #fff;
}

/* ホーリーホック特集 */

#mito-hollyhock header,
.parent-pageid-4260 header {
	background: #fff !important;
}

#mito-hollyhock h5,
.parent-pageid-4260 h5 {
	margin-top:80px;
	margin-bottom:-30px;
	border-color: #039BE5;
}

.parent-pageid-4260 h4 {
	margin-top:100px;
	background:#0091EA;	
}

.soccer-lead {
	margin:40px 20px;
	font-size:105%;
	font-weight: bold;
}

.soccer-subnavi {
	margin-right:30px;
}
.soccor-question {
	
}

.about-hollyhock {
	background: #00074F;
	color:#fff;
}
.about-hollyhock h4{
	background:#2BA3EF;
}
.parent-pageid-4260 .title{
	margin-bottom: 50px;	
}

.player-list p{
	margin:0;
		text-align: center;
}
.player-list img {
	padding-bottom: 0;
	margin-bottom: 0 !important;
}
.player-number {
	background:#0D47A1;
	color:#fff;
	font-weight:bold;
	text-align:center;
	margin-bottom:5px;
}
.player-number.wife {
	background:#D81B60;
}
.player-list ruby {
	font-weight:bold;
}
.player-list ruby rt{
	font-weight: normal;
}
.player-from {
	line-height: 1.3;
	font-size: small;
}
.player-from span{
	font-weight:bold;
}
@media (max-width: 640px) {
.player-list li{
	padding:5px !important;
}
#question2 .player {
	padding-top:20px;
}
#question2 .small-7 p {
	line-height: 1.3;
	font-size: small;
}
}

.answers {
}


.answers .columns {
	padding-top:30px;
} 


#mito-hollyhock,
.parent-pageid-4260 {
	background:url(images/bg_kumo.png), #B3E5FC;
}

#mito-hollyhock h3,
.parent-pageid-4260 h3 {
	background:#00074F;
	color:#fff !important;
	border-radius: 10px;
	padding:15px !important;
	margin: 5px !important;
}


#mito-hollyhock .answer,
.parent-pageid-4260 .answer {
		background: url(images/bg_soccor.jpg) repeat-x left bottom; 
		padding-top:80px;
}

#question1 .fukidashi,
#page-4260 .fukidashi,
#question2 .fukidashi,
#question3 .fukidashi,
#question4 .fukidashi,
#question5 .fukidashi {
	position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
	margin: 0 0 3.5em 15px;
	padding: 30px 20px;
	width: 90%;
	height: 100%;
	min-height:100px;
	line-height: 1.6;
	color: #333;
	font-weight: bold;
	background: #fff;
	border-radius: 30%;
	box-sizing: border-box;
}

#question1 .fukidashi:before,
#page-4260 .fukidashi:before,
#question2 .fukidashi:before,
#question3 .fukidashi:before,
#question4 .fukidashi:before,
#question5 .fukidashi:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -25px;
  	margin-top: -15px;
	border: 15px solid transparent;
	border-right: 15px solid #fff;
 	z-index: 0;
}
#question2 .fukidashi-left,
#question5 .fukidashi-left {
	position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
	margin: 0 15px 3.5em 0;
	padding: 30px 30px;
	width: 100%;
	min-height:100px;
	line-height: 1.6;
	color: #333;
	font-weight: bold;
	background: #fff;
	border-radius: 30%;
	box-sizing: border-box;
}

#question2 .fukidashi-left:before,
#question5 .fukidashi-left:before{
	content: "";
	position: absolute;
	top: 50%;
	right: -25px;
	margin-top: -15px;
	border: 15px solid transparent;
	border-left: 15px solid #fff;
	z-index: 0;
}

@media (max-width: 640px) {
#question2 .fukidashi:before,
#question2 .fukidashi-left:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 25%;
	right:auto;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 30px solid #fff;
 	z-index: 0;
}

}

.matome {
	margin-top:50px !important;
	padding-top:20px;
	background: RGBA(43, 163, 239, 0.4) !important;
}
.parent-pageid-4260 #main .small-block-grid-2 {
	margin-left: 0;
}
.parent-pageid-4260 #main .small-block-grid-2 li{
	padding-bottom:0;
}
#main .soccer-next {
	background:RGBA(202, 57, 78, 1.00);
	color:#fff !important;
	font-weight: bold;
}