@charset "utf-8";
/*
Theme Name: CCI
Theme URI: http:///
Author: CCI
Author URI: http:///
Description: CCI
*/
/* ===================================================================
 style info : 各cssファイル読み込み用
 author     : CCI
=================================================================== */

/* タブーアコーディオン切替設定用
----------------------------------------------------------- */
@import url("color-blue.css");
/*@import url("color-red.css");*/
@import url("easy-responsive-tabs.css");

/*
0: 基本設定
=========================================================*/
body{text-align:center;}
.wrapper {
width: 94%;
max-width: 960px;
margin: 0 auto;
text-align:left;
}
.indent{
margin-left: 1.1em;
display: inline-block;
text-indent: -1em;
}
a {text-decoration:none;}
a:focus,
a:hover {text-decoration:underline;}
.mr10{margin-right:1em !important;}
.pr10{padding-right:2em !important;}

ul{list-style-type:none; margin:0 0;}

/*--------- TOPタイトルアイコン ---------*/
h2.assayNews{
font-size:1.6em !important;
font-weight:normal;
margin:0.4em 0 !important;
padding:0 0 !important;
}
h2.conferenceRoom{
font-size:1.6em !important;
font-weight:normal;
margin:0.4em 0 0.6em 0 !important;
padding:0 0 !important;
}

/*============= ページトップへ戻る設定 =============*/
div#backToTop a{
position:fixed;
right:0;
top:75%;
padding:1em 0.6em 1em 0.8em;
z-index:100;
}

/*
1: ヘッダーエリア
=========================================================*/
#headerTop {
overflow:hidden;
}
#headerTopInner{
width: 94%;
max-width: 960px;
margin: 0 auto;
}
#header h1 {
padding:0.6em 0 0.2em 0em;
font-size:0.86em;
text-align:left;
float:left;
}
#header h1 span{font-weight:normal;}
#headerTop .sns{
float:right;
padding:0.2em 0 0 1em;
}
#headerTop .sns #google_translate_element{float:right;}
#headerTop .sns .wp_social_bookmarking_light{float:right;}
#header .admission a{
text-align:center;
float:right;
margin:0 0 1em 0;
font-size:0.9em;
padding:1.2em 2em 0.8em 1.2em;
font-weight:bold;
}
#header .admission a{text-decoration:none;}
#header .admission span{
vertical-align: sub;
padding-right:1em;
}
#header ul{list-style-type:none;}
#header h1 {
padding:1em 0 0 0;
font-size:0.82em;
font-weight:normal;
text-align:left;
}
#header .headerBox{margin:1.5em 0 1em 0; }
#header .headerBox .unit-40{padding-top:0.4em; }
#header  .headerBox .logo dl{overflow:hidden;}
#header  .headerBox .logo dl dt{
float:left;
margin-right:0.8em;
}
#header  .headerBox .logo dl dd{
font-size:2em;
line-height:1em;
letter-spacing:0.1em;
padding-top:0.2em;
}
#header  .headerBox .logo dl dd img{
margin-top:-0.2em !important;
}
#header  .headerBox .logo dl dd a{color:#000;}
#header  .headerBox .logo dl dd span{
display:block;
font-size:0.36em;
line-height:1.3em;
letter-spacing:0.1em;
word-spacing:0.14em;
}
#header  .headerBox .logo a{text-decoration:none; font-size:0.96em;}

#header .subHeaderBox {text-align:right !important;}
#header .subHeaderBox ul li{
float:left;
text-align:left;
margin-right:1.6em;

}
#header .subHeaderBox ul li:last-child{margin-right:0;}
#header .subHeaderBox ul li img{
margin-right:0.4em;
vertical-align:text-bottom;
}
#header .subHeaderBox ul li span.info{
line-height:1;
font-size:1.1em;
letter-spacing:0.1em;
}
#header .subHeaderBox ul li span.number{
display:block;
font-weight:bold;
font-size:1.4em;
line-height:1.1em;
letter-spacing:0.1em;
}

#header nav{margin-bottom:0 !important;}
#header nav ul {
font-size:1em;
overflow:hidden;
width: 94%;
max-width: 960px;
margin: 0 auto;
}
#header nav ul li{
text-align:center;
padding:0.4em 0;
margin:0 0;
font-size:1.1em;
}
#header nav ul li:last-child{border-right:none;}
#header nav ul li a{text-decoration:none;padding:0.4em 0;}

/*#promotion{padding:0 0 1px 0  !important;}*/
#promotion{padding:0 0 1px 0  !important; text-align:center;}
#promotionInner{width: 94%;max-width: 960px; margin:0 auto;}

.units-container{padding-top:0 !important;}
.contentsArea{margin-bottom:0 !important;}
.sns .goog-te-gadget-simple{
border:none !important;
font-size:0.96em;
}

/*
2: レフトナビゲーションエリア
=========================================================*/

/*============= サブナビゲーション =============*/
.members{margin-bottom:10px; overflow:hidden;}
.members h2{
font-size:1em;
padding:0.6em 0.6em 0.6em 3.5em;
}
.leftContentsArea{padding:1.6em 1.6em !important; }
.leftContentsArea h2{
font-size:1em;
padding:0.6em 0.6em 0.6em 3.5em;}

.members ul{
list-style-type:none;
margin:0.8em 0 0 0;
padding:0 0;
font-size:0.92em;
}
.members ul li{padding:0 0 1px 1em;}
.members ul li a{
background:url(img/icon_subnavi-menu.png) no-repeat left 1em;
padding-left:1.5em;
}
.members ul li a:hover{text-decoration:none;}

/*============= 新着情報 =============*/
.leftNav{
padding:1.6em 1.6em !important; 
margin-right:-1px;
}
.leftNav2{margin-right:-1px;
overflow:hidden;
}
.leftContentsArea ul{
list-style:none;
margin:0 0;
}
.leftContentsArea ul li{
font-size:0.85em;
margin:1em 0;
line-height:1.3;
font-size:0.96em;
}
.leftContentsArea ul span{
display:block;
line-height:1.5em;
}
.useful_banner_manager_banner{
text-align:center;
margin:1em 0.2em;
}
.leftContentsArea p{
font-size:0.85em;
margin:1em 0.9em;
}
.leftContentsArea p span{
display:block;
line-height:1em;
}

/*
3: メインコンテンツエリア
=========================================================*/

.contentsBox .recommendBox{margin:1.6em 2em 1.6em 1.4em;}
.contentsBoxPage,.contentsBoxPageOther{padding:0 3em !important;}
.sitemap{margin-top:2.4em;}
.sitemap ul{margin-bottom:2.4em !important;}

/*============= コンテンツ内タイトル =============*/
.contentsBox h2{
font-size:1.6em;
font-weight:normal;
margin:1.4em 0 0.8em 0.8em;
}
.page h2{
font-size:1.8em;
font-weight:normal;
margin:0.4em 0 1.2em 0;
}
.boxInner h2{
font-size:1.6em;
font-weight:normal;
padding:0.6em 0.7em 0.3em 0;
margin:0 0;
background:none;
}
.newsInformation h3 span{font-size:0.78em; font-weight:normal;}
.newsInformationBox h3 span.date{
font-weight:normal;
font-size:0.86em;
float:right;
}
#mainContents h3{
padding:0 1em;
font-size:1.6em;
font-weight:normal;
margin-bottom:0.8em;
margin-top:1.8em;
}
#mainContents .boxBlue h3{
padding:0.6em 0.7em 0.3em 0.7em;
margin-bottom:0.8em;
margin-top:0;
}
.conferenceRoom h3,
.recommendContents h3{
font-size:1.1em;
line-height:1.3;
font-weight:normal;
}
.conferenceRoom h3 span,
.recommendContents h3 span{padding-left:1em;}

.recommendContents h3 a{
text-decoration:none;
font-size:1em;
line-height:1em;
}
.enterpriseInner h3{
padding-left:0.5em;
margin-bottom:1em;
}
.enterpriseInner h3 span{
display:block;
font-size:0.68em;
}
.enterpriseInner h3 span a{
background:url(img/icon_blank.gif) no-repeat left;
color:#414141;
padding-left:1.2em;
}
.itemList li.unit-50 h3{
font-size:0.85em;
line-height:1.2;
margin:0 0 !important;
padding:0 0;
border-bottom:none !important;
}
.itemList li.unit-50 h3 span{
display:block;
font-size:0.8em;
}
#mainContents .boxBlue .townInformationInner h4{margin-top:0 !important;}
#mainContents .boxBlue .townInformationInner h4 a{text-decoration:none;}
#mainContents h4{
font-size:1.2em;
margin-top:0.4em;
}
.townInformation h4.restaurant{
font-weight:normal;
font-size:1.36em !important;
padding-left:1.5em;
line-height:1.9;
margin-bottom:1em;
}
.townInformation h4.hotel{
font-weight:normal;
font-size:1.36em !important;
padding-left:1.5em;
line-height:1.9;
margin-bottom:1em;
}
.newsInformationBox h4,.newsInformationBox2 h4{margin:1em;}
.newsInformationBox h4 span,.newsInformationBox2 h4 span{
display:block;
font-weight:normal;
font-size:0.86em;
}

.serchResult{margin:2.5em 0;}
.serchResult ul{
margin:0 1em 1em !important;
overflow-y:scroll;
}
.serchResult ul li{margin-bottom:0.9em;}
.serchResult ul li span{
margin-right:1.2em;
letter-spacing:0.1em;
}

.borderDott h4{margin-top:0 !important;}
.townInformationBox h4{line-height:1.2;}
.admissionList h4{
font-size:1.1em !important;
margin-top:0 !important;
}
.admissionList h4 a{text-decoration:none;}

/*============= パンくず =============*/
.breadcrumbs{
margin-top:1.4em;
font-size:0.82em;}
.breadcrumbs span{color:#999;}

/*============= 基本タイトル =============*/

p.right{text-align:right;}

.boxBorder{
background:url(img/bg_boxborder.gif) repeat left top;
padding:0.6em;
}
.boxBlue{padding:0.6em;}
.boxInner{
background:#FFF;
overflow:hidden;
}
.conferenceRoom .unit-30,
.recommendContents .unit-30{
width: 27.9%;
}
.conferenceRoom .unit-70,
.recommendContents .unit-70{
float: left;
margin-left: 3%;
width: 69.1% ;
}

.recommendBox .unit-50,
.contentsBox .townInformation .unit-50{width: 50%;}
.recommendBox .unit-50,
.contentsBox .townInformation .unit-50{
  float: left;
  margin-left: 3%;
  }
.recommendBox .unit-50:nth-child(odd),
.contentsBox .townInformation  .unit-50:nth-child(odd){margin-left:0 !important; clear:left;}
.recommendBox .unit-50,
.contentsBox .townInformation .unit-50{width: 48.5%;}

.contentsBox .townInformation .unit-33{
width: 31.333333333333332%;
}
.contentsBox .townInformation .unit-66{
width: 65.66666666666666%;
margin-left: 3%;
}
.townInformation{margin:2.5em 0;}
.townInformationInner{padding:1.2em 1.2em 0 1.2em;}

.newsInformation{margin:2.5em 0;}
.newsInformation ul{
margin:0 1em 1em !important;
height:110px;
overflow-y:scroll;
}
.newsInformation ul li{margin-bottom:0.9em;}
.newsInformation ul li span{
margin-right:1.2em;
letter-spacing:0.1em;
}
.newsInformationBox,.newsInformationBox2{margin:2.5em 0;}
.newsInformationBox ul{margin:0 1em 1em !important;}
.newsInformationBox2 ul{margin:1em 1em !important;}
.newsInformationBox ul li,.newsInformationBox2 ul li{margin-bottom:0.9em;}
.newsInformationBox ul li span,.newsInformationBox2 ul li span{
margin-right:1.2em;
letter-spacing:0.1em;
}
.newsInformationBox .newsContents,.newsInformationBox2 .newsContents{
padding-bottom:0.6em;
margin:1em;
overflow:hidden;
}

.assayBox {margin:0 0 2em 0;}
.assayBox li{
list-style:none;
margin-bottom:1.2em;
text-align:center;
}
.assayBox li  span.middle{
height:70px;
display: table-cell;
vertical-align: middle;
padding:0 1.4em;
text-align:center;
width:25%;
line-height:1.4;
}
.assayBox li  span a{
width:100%;
word-spacing:2.3em;
}
.assayBox li:nth-child(5),.assayBox li:nth-child(9){margin-left:0 !important;}
.admissionBox {margin:0 0 2em 0;padding:1.5em 0 0.5em 0;}
.admissionBox li{
list-style:none;
margin-bottom:1.2em;
text-align:center;
}
.admissionBox li  span.middle{
height:70px;
display: table-cell;
vertical-align: middle;
padding:0 1.4em;
text-align:center;
width:25%;
line-height:1.4;
}
.admissionBox li  span a{
width:100%;
}
.admissionBox li:nth-child(5){margin-left:0 !important;}

.pickupArea{margin:2em 2em 1em 1.6em;}
.pickupArea dl{margin:0 0 0 0.9em;}
.pickupArea dl dt{
float:left;
margin-right:0;
}
.pickupArea dl dd{
float:left;
margin-left:0.3em;
padding-top:0.9em;
font-size:0.85em;
margin-right:2em;
}
ul.pageNav{overflow:hidden;}
ul.pageNav li{margin:0 0;}
ul.pageNav li.next{float:left;width:50%;}
ul.pageNav li.prev{float:right;width:50%; text-align:right;}

.sponsorArea{padding:0 1.2em 1.6em 1.5em;}
.sponsorArea ul{list-style:none; margin:0 0;}
.sponsorArea ul li:nth-child(5){margin-left:0 !important;}
.sponsorArea ul li{margin-bottom:1em;}

/*============= 投稿に仕様する箇所関連 =============*/
#mainContents{
font-size:0.9em;
line-height:1.6;
margin-bottom:10em;
}
#mainContents .center{text-align:center;}
#mainContents .center img{margin:0 0.5em;}
#mainContents .boxBlue p.tel{ font-size:1.3em; font-weight:bold; line-height:1.2;}
#mainContents p.indent{
margin-left: 1.1em;
text-indent: -1em;
}
#mainContents a.link{
background:url(img/icon_link.gif)no-repeat left 3px;
padding-left:1.2em;
}
#mainContents .attentionBox{
margin:1em auto;
padding:1em;
}
#mainContents ul{list-style:none;margin:0 0;}
#mainContents ul.list{margin:0.6em 0 1.2em 0;}
#mainContents ul.listPdng{margin:0.6em 1em 1.2em 1.2em !important;}
#mainContents ul.list li{
background:url(img/icon_list.gif)no-repeat left 5px;
padding-left:1em;
}
.townMenu h3{display:none;}
.townMenu ul.menu{}
.townMenu ul.menu li{
padding:0.25em 1em;
font-size:1.4em;
font-weight:normal;
margin-bottom:0.8em;
margin-top:0.6em;
}
.townMenu ul.sub-menu{
margin:0.6em 1em 0 0 !important;

}
.townMenu ul.sub-menu li{
background:url(img/icon_list.gif)no-repeat left 10px;
padding:0 0 0 1em !important;
font-size:0.78em;
margin:0 0 !important;

}

#mainContents ul li span.date{margin-right:1em;}
#mainContents ul.listShort{
overflow:hidden;
margin:0.6em 0 1.2em 0;
}
#mainContents ul.listShort li{
float:left;
margin-right:3em;
background:url(img/icon_list.gif)no-repeat left;
padding-left:1em;
}
#mainContents dl{margin:0 0;}
#mainContents dl dt{
float:left;
margin:0 0.5em 0.2em 0;
}
#mainContents dl dd{margin-bottom:0.2em;}
#mainContents .lastChild{
margin-bottom:3em;
display:block;
overflow:hidden;
}
.borderDott{
border-top:1px dotted #c1c1c1;
margin-top:1em;
padding-top:1.8em;
}
.borderDott img{border:1px solid #c1c1c1;}
.telInfo{font-size:1.4em;}

/*============= 店舗・商品ピックアップ =============*/
.recommendBox{margin-bottom:20px;}
.recommendContents{
margin:0 0;
padding:0.2em;
}

.recommendContents span a{
float:right;
padding-top:0.2em;
}
.recommendContents .recommendBtn{
float:right;
text-shadow:none;
border:none;
padding:0.7em 1.6em 0.7em 1.7em;
margin-bottom:0.8em;
letter-spacing:0.1em;
}

#mainContents a.recommendBtn{
float:right;
text-shadow:none;
border:none;
padding:0.7em 1.6em 0.7em 1.2em;
margin-bottom:0.8em;
letter-spacing:0.1em;

}
.recommendContents dl{
font-size:0.9em;
margin:0.2em 0.6em 0.2em 0;
}
.recommendContents dl dt{
font-weight:normal;
float:left;
margin-bottom:0.7em;
margin-right:1em;
}
.recommendContents dl dd{margin-bottom:0.7em;}
dl.assayNews {overflow:hidden; }
dl.assayNews dt{
clear:left !important;
float:left !important;
margin:0 0 0.7em 0 !important;
width: 6.5em !important;
padding:0 0 !important;
}
dl.assayNews dd{
margin:0 0 0.7em 6.5em !important;
font-size:1.06em; 
padding:0 0 !important;
float:none;
}
/*============= 市内企業紹介 =============*/

.enterpriseInner{margin:1em ;}
.enterpriseInner dl{
padding:0.8em 0.8em 0.3em 0.8em;
}
.enterpriseInner dl dt{
float:left;
font-size:0.75em;
padding:0.2em 0.4em;
display:inline;
margin-right:0.5em;
margin-bottom:0.4em;
}
.enterpriseInner dl dd{
float:none;
font-size:1.4em;
line-height:1;
margin-bottom:0.4em;
}
.enterpriseInner dl dd a{
font-size:0.8em !important;
color:#414141;
}
.enterpriseInner p{
line-height:1.5;
margin-top:1em;
}
.enterpriseInner table{
width:100%;
font-size:0.96em;
margin-top:1.5em;
}
.enterpriseInner table th{
text-align:center;
vertical-align:middle;
}
.enterpriseInner .unit-60{text-align:center;}

.itemList {font-size:0.9em;}
.itemList ul{
list-style:none;
margin:0 0;
}
.itemList li.unit-50{
border-width:0 1px 1px 0;
padding:0.8em;
}
.itemList li.unit-50:nth-child(even){border-right:none;}
.itemList li.unit-50 img{
float:left; 
margin-right:0.8em;
}
.itemList li.unit-50 p{ 
line-height:1.5; 
font-size:0.96em;
}
.itemList li.unit-50 p a{margin-left:0.4em;}
.itemList p.pager{ 
text-align:center; 
margin:0.8em auto 1em auto; 
line-height:1.2;
}
.itemList p.pager span{ 
padding:0.3em 0.6em; 
margin-right:0.3em; 
font-size:0.86em;
}
.itemList p.pager span a { text-decoration:none;}

.townShop{margin-top:1em;}
.townShop .boxInner{padding:1em 1em 0 1em; }
.townShop dl{}
.townShop dt{
width:5em;
margin-bottom:1em !important;
text-align:center;
font-weight:normal;
font-size:0.86em;
padding:0.2em 0;
}
.townShop dd{
padding-left:3em !important;
margin-bottom:1em !important;
font-size:1.3em;
line-height:1.2;
}
.townInformationBox li:nth-child(odd){margin-left:0 !important;}
.townInformationBox li:nth-child(2n+1){ clear:both;}

/*============= 会員ページ =============*/
.membersMenu{
list-style:none;
margin:0 0;
}
.membersMenu li.unit-50{margin-bottom:1.6em;}
.membersMenu li.unit-50:nth-child(odd){margin-left:0 !important;}

.membersMenu li.unit-50 ul{
list-style:none;
margin:0 0;
}
.membersMenu li.unit-50 ul li{margin-bottom:0.2em;}
.membersMenu li.unit-50 li a{text-decoration:none;}
.membersMenu dl{
padding:0.8em 0.8em 0.3em 0.8em;
overflow:hidden;
}
.membersMenu dl dt{
float:left;
font-size:0.75em;
padding:0.2em 0.4em;
display:inline;
margin-right:0.5em;
margin-bottom:0.4em;
}
.membersMenu dl dd{
float:none;
font-size:1.4em;
line-height:1;
margin-bottom:0.4em;
}
.membersMenu dl dd a{
font-size:0.8em !important;
color:#414141;
}
.membersMenu dl dd span.btn{
float:right;
text-shadow:none;
border:none;
padding:0.2em 1em;
margin:0.8em 0 0.6em 0;
letter-spacing:0.1em;
font-size:0.78em;
}
.membersMenu dl dd span.btn a{text-decoration:none;}
.membersMenu dl dd span.btn span{
font-size:0.6em;
padding-left:0.4em;
vertical-align: middle;
}

/*============= 入会案内 =============*/
.admissionList{margin:1.5em 0 !important;}
.admissionList li.unit-50{margin-bottom:1em;}
.admissionList li.unit-50:nth-child(odd){margin-left:0 !important;}
.admissionList img{border:1px solid #c1c1c1;}

/*============= サイトマップ =============*/

ul.listLeft{
overflow:hidden;
margin-bottom:2em;
clear:both;
}
ul.listLeft li{
float:left;
margin-right:3.5em;
}

/*============= 観光スポットマップ =============*/
#map_canvas{
width:99.1%;
margin:0.3em auto;
height:360px;
}
#spotMap ul{
list-style:none;
margin:0.5em 1em;
overflow:hidden;
}
#spotMap ul li{
float:left;
margin-right:0.5em;
}

/*=============ログインフォーム =============*/

div#wpmem_login{
width:100% !important; 
padding:0 0;
margin:0 0 !important; 
clear:both;
}
div#wpmem_login fieldset{border:none !important;}
div#wpmem_login legend{display:none !important;}
div#wpmem_login label{ 
font-size:1.2em !important;
width:30% !important;
margin:0 !important;
text-align:center;
padding:1em 0 !important;
clear:left;
}
div#wpmem_login .div_text {
margin:0 !important;
padding:1em 0 !important;
float:left;
width:69.8% !important;
}
div#wpmem_login .div_text input{
width:80% !important;
height:1.5em !important;
padding:0.8em;

}
div#wpmem_login input.buttons{
text-shadow:none;
border:none;
padding:0.6em 2em 0.4em 2em;;
margin-bottom:0.8em;
letter-spacing:0.1em;
font-size:0.78em;
background:#003366 ;
color:#FFF;
border-radius: 20px;
}
div#wpmem_login .button_div{
margin:2em auto 0 auto;
text-align:center;
width:60%;
clear:both;
}

/*
4: フッターエリア
=========================================================*/

footer{ padding-top:2em;}
footer .wrapper {
width: 94%;
max-width: 960px;
margin: 0 auto;

}
footer .wrapper ul{
list-style:none;
margin:0 0;
float:left;
overflow:hidden;
font-size:0.86em;
}
footer .wrapper ul li{

margin-right:1em;
margin-top:0.4em;
font-weight:100 !important;
}
footer .wrapper ul li a{
text-decoration:none;
background:url(img/icon_arrow.png) no-repeat left;
padding-left:1em;
}
footer address{
display:block;
clear:both;
text-align:right;
font-size:0.83em;
font-style:normal;
line-height:1;
padding:0.9em 0 2em 0;
font-weight:100 !important;
}
.companyInfo {font-size:0.84em;}
.companyInfo h3{display:none;}
.companyInfo p.logo{margin-bottom:1.8em;}
.fb{
margin-bottom:1.4em;
color:#FFF;
margin-top:-0.6em;
}
.fb h3{display:none;}
.siteInfo .unit-66{float:right;}

/*=============Facebook =============*/

/** 影を隠す **/
.face_book_plgin_shadow_hidden {
    background: none repeat scroll 0 0 ;
    height: 0;
}
/** FBページを出さないようにしてデザイン **/
.face_book_plgin_proposal {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-box-sizing: border-box;
    border-color: #FFF;
	color:#FFF;
    border-image: none;
    border-style: solid;
    border-width:0 0 0 0;
    float: left;
    margin: 0 0 2em;
    overflow: hidden !important;
    position: relative;
    vertical-align: top;
    width: 100% !important;
    word-break: break-all;
    word-wrap: break-word;
}
/** borderを隠す(トップ) **/
.face_book_plgin_border_top {
    background: none repeat scroll 0 0; /** 合わせる **/
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 1032px;
}
/** borderを隠す(ライト) **/
.face_book_plgin_border_right {
    background: none repeat scroll 0 0; /** 合わせる **/
    bottom: 0;
    position: absolute;
    right: 0;
	padding:0 0;
    width: 0;
}
/** borderを隠す(ボトム) **/
.face_book_plgin_border_bottom {
    background: none repeat scroll 0 0; /** 合わせる **/
    bottom: 0;
    height: 0;
    left: 0;
    position: absolute;
    width: 1032px;
}
/** borderを隠す(レフト) **/
.face_book_plgin_border_left {
    background: none repeat scroll 0 0 ; /** 合わせる **/
    bottom: 0;
    left: 0;
    position: absolute;
    width: 0;
}

/*
5: トップページの設定により内部ページが崩れるのを回避
=========================================================*/
#mainContents .units-row .unit-80,
#mainContents .units-row .unit-75,
#mainContents .units-row .unit-70,
#mainContents .units-row .unit-66,
#mainContents .units-row .unit-60,
#mainContents .units-row .unit-55,
#mainContents .units-row .unit-50,
#mainContents .units-row .unit-45,
#mainContents .units-row .unit-40,
#mainContents .units-row .unit-33,
#mainContents .units-row .unit-30,
#mainContents .units-row .unit-25,
#mainContents .units-row .unit-20,
#mainContents .units-row-end .unit-100,
#mainContents .units-row-end .unit-80,
#mainContents .units-row-end .unit-75,
#mainContents .units-row-end .unit-70,
#mainContents .units-row-end .unit-66,
#mainContents .units-row-end .unit-60,
#mainContents .units-row-end .unit-55,
#mainContents .units-row-end .unit-50,
#mainContents .units-row-end .unit-45,
#mainContents .units-row-end .unit-40,
#mainContents .units-row-end .unit-33,
#mainContents .units-row-end .unit-30,
#mainContents .units-row-end .unit-25,
#mainContents .units-row-end .unit-20 {
  float: left;
  margin-left: 3%;
}
#mainContents .units-row .unit-80:first-child,
#mainContents .units-row .unit-75:first-child,
#mainContents .units-row .unit-70:first-child,
#mainContents .units-row .unit-66:first-child,
#mainContents .units-row .unit-60:first-child,
#mainContents .units-row .unit-55:first-child,
#mainContents .units-row .unit-50:first-child,
#mainContents .units-row .unit-45:first-child,
#mainContents .units-row .unit-40:first-child,
#mainContents .units-row .unit-33:first-child,
#mainContents .units-row .unit-30:first-child,
#mainContents .units-row .unit-25:first-child,
#mainContents .units-row .unit-20:first-child,
#mainContents .units-row-end .unit-100:first-child,
#mainContents .units-row-end .unit-80:first-child,
#mainContents .units-row-end .unit-75:first-child,
#mainContents .units-row-end .unit-70:first-child,
#mainContents .units-row-end .unit-66:first-child,
#mainContents .units-row-end .unit-60:first-child,
#mainContents .units-row-end .unit-55:first-child,
#mainContents .units-row-end .unit-50:first-child,
#mainContents .units-row-end .unit-45:first-child,
#mainContents .units-row-end .unit-40:first-child,
#mainContents .units-row-end .unit-33:first-child,
#mainContents .units-row-end .unit-30:first-child,
#mainContents .units-row-end .unit-25:first-child,
#mainContents .units-row-end .unit-20:first-child {
  margin-left: 0;
}
#mainContents .units-row .unit-80,
#mainContents .units-row-end .unit-80 {
  width: 79.4%;
}
#mainContents .units-row .unit-75,
#mainContents .units-row-end .unit-75 {
  width: 74.25%;
}
#mainContents .units-row .unit-70,
#mainContents .units-row-end .unit-70 {
  width: 69.1%;
}
#mainContents .units-row .unit-66,
#mainContents .units-row-end .unit-66 {
  width: 65.66666666666666%;
}
#mainContents .units-row .unit-60,
#mainContents .units-row-end .unit-60 {
  width: 58.800000000000004%;
}
#mainContents .units-row .unit-55,
#mainContents .units-row-end .unit-55 {
  width: 53%;
}
#mainContents .units-row .unit-50,
#mainContents .units-row-end .unit-50 {
  width: 48.5%;
}
#mainContents .units-row .unit-45,
#mainContents .units-row-end .unit-45 {
  width: 44%;
}
#mainContents .units-row .unit-40,
#mainContents .units-row-end .unit-40 {
  width: 38.2%;
}
#mainContents .units-row .unit-30,
#mainContents .units-row-end .unit-30 {
  width: 27.9%;
}
#mainContents .units-row .unit-33,
#mainContents .units-row-end .unit-33 {
  width: 31.333333333333332%;
}
#mainContents .units-row .unit-25,
#mainContents .units-row-end .unit-25 {
  width: 22.75%;
}
#mainContents .units-row .unit-20,
#mainContents .units-row-end .unit-20 {
  width: 17.6%;
}
/*
5: Tablet (Portrait) min-width: 768px / max-width: 959px
=========================================================*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.wrapper { width: 748px; }
.wrapper2 { width: 100%; }
#header .admission{clear:both;}
.subHeaderBox ul{float:right;  overflow:hidden;}
.recommendContents .recommendBtn{font-size:0.7em;}
.meetRoom dl dt{
float:none; 
text-align:center;
}
.enterpriseInner dl dd a{font-size:0.61em !important;}
.itemList li.unit-50 h3{ font-size:0.9em;}
.itemList li.unit-50 p{ font-size:0.7em;}
.assayBox li  span.middle{padding:0 1em;}
.assayBox li  span a{word-spacing:0;}

}

/*
6: Mobile (Portrait) max-width: 767px
=========================================================*/
@media only screen and (max-width: 767px) {
.wrapper { width: 300px;}
.wrapper2 { width: 100%; }
.pr10{padding-right:0 !important;}
#header .admission{width:50%;}
#header h1{display:none;}
#header nav { 
float: none; 
margin-bottom:1em;
}
#header nav ul li { 
margin: 0 0; 
font-size: .85em;
border-right:none;
}
.leftNav{margin-right:0;}

.contentsBox .recommendBox{margin:1.6em 1em 1.6em 1em;}
.contentsBoxPage,.contentsBoxPageOther{padding:0 1.4em !important;border:0;}
.recommendBox{margin-bottom:0.2em;}
.recommendBox .unit-50{margin-bottom:1em;}
.recommendContents .recommendBtn{
width:83%; 
text-align:center;
letter-spacing:0;
padding:0.7em 1.6em 0.7em 1.2em;
}
.newsInformation h3 {overflow:hidden;}
.newsInformation h3 span{font-size:0.65em; display:block;}
.newsInformation{margin:2.5em 0;}
.newsInformation ul{margin:0 0.4em 1em !important;}
.newsInformation ul li span{
margin-right:0;
display:block;
}
.leftBox{border-bottom:1px dotted #C1C1C1;border-right:0;padding-bottom:1em;}
.townInformationInner{padding:1.2em 0.4em 0 0.4em;}
.recommendContents p{display:none;}
.recommendContents .unit-30,.recommendContents .unit-70{margin-bottom:0;}
.recommendContents dl{
font-size:0.9em;
margin:0.2em 0.6em 0.2em 0;
}
.recommendContents dl dt{
display:block !important;
margin-bottom:0.2em;
margin-right:0;
}
.recommendContents dl dd{
margin-bottom:0.7em;
display:block;
clear:both !important;
margin-left:0;
}
.conferenceRoom .unit-30,
.recommendContents .unit-30{
width: 100%;
display:block;
margin-bottom:0.2em;
}
.conferenceRoom .unit-70,
.recommendContents .unit-70{
clear: left;
margin-left: 0;
width: 100% ;

}
.enterpriseInner {margin:0;}
.enterpriseInner .unit-60{ margin-bottom:0;}
.enterpriseInner .unit-60 img{ width:100%;}
.itemList li.unit-50{
border:1px dotted #C1C1C1;
border-width:0 0 1px 0;
padding:0.8em;
margin-bottom:0.2em;
overflow:hidden;
}
.itemList li.unit-50 p{ font-size:0.85em;}

#header .headerBox,
#header .headerBox .unit-50{
margin-bottom:0.4em; 
padding-bottom:0;
}

#header .subHeaderBox li:first-child{float:right; margin-right:0 !important;}
#header .subHeaderBox li:last-Child {display:none;}
#header .headerBox{margin-top:0.5em;}
footer .wrapper ul { width:100%; border:none;}
footer .wrapper ul li{}
footer address{
font-size:0.75em;
text-align:center;
}
p.admission{
overflow:hidden;
float:right;
clear:both;
width:70% !important;}
.leftNav{border-right:none;}
.contentsBox{border-left:none;}

#map_canvas{
width:98%;
margin:0.3em auto;
}
div#backToTop{
position:fixed;
right:0;
top:87%
}

  .units-row .unit-80,
  .units-row .unit-75,
  .units-row .unit-70,
  .units-row .unit-66,
  .units-row .unit-60,
  .units-row .unit-55,
  .units-row .unit-50,
  .units-row .unit-45,
  .units-row .unit-40,
  .units-row .unit-33,
  .units-row .unit-30,
  .units-row .unit-25,
  .units-row .unit-20,
  .units-row-end .unit-80,
  .units-row-end .unit-75,
  .units-row-end .unit-70,
  .units-row-end .unit-66,
  .units-row-end .unit-60,
  .units-row-end .unit-55,
  .units-row-end .unit-50,
  .units-row-end .unit-45,
  .units-row-end .unit-40,
  .units-row-end .unit-33,
  .units-row-end .unit-30,
  .units-row-end .unit-25,
  .units-row-end .unit-20 {
    width: 100% !important;
    float: none;
    margin-left: 0 !important;
    margin-bottom: 1.65em;
  }
  .units-row-end .unit-push-right,
  .units-row .unit-push-right {
    float: none;
  }

}

/*
7: Mobile (Landscape) min-width: 480px / max-width: 767px
=========================================================*/

@media only screen and (min-width: 480px) and (max-width: 767px) {
.wrapper { width: 420px; }
.recommendContents .unit-30{
 width: 27.9%;
 float:left;
 }
.sponsorArea ul {margin-bottom:0.1em;}
.sponsorArea ul .unit-25{
margin-left: 1.333333333333%;
width:23.9%;
float:left;
margin-bottom:0.1em;
}
.recommendContents p{display: inherit;}

}

/*
8: Mobile (Landscape) max-width: 479px
=========================================================*/

@media only screen and (max-width: 479px){
.sponsorArea ul {margin-bottom:0.1em;}
.sponsorArea ul .unit-25{
margin-left: 1.333333333333%;
width:23.9%;
float:left;
margin-bottom:0.1em;
}
.recommendContents p{display: inherit; font-size:0.8em;}
.recommendContents .unit-30{
 width: 27.9%;
 float:left;
 margin-right:0.5em;
 }
.recommendContents .recommendBtn{width:80%; text-align:center; font-size:0.8em;}
.members {overflow:hidden; padding-bottom:0.5em;}
.members ul li{font-size:0.86em;}
.members ul li a{padding-left:1em; background-position:left ;}
#header  .headerBox .logo dl dt{
float:none;
margin-right:0;
text-align:center;
}

}

/*
google maps
=========================================================*/
#map_canvas img {
  max-width: none;
}
#infoWindow {
  width: 250px;
}
#infoWindow h1 {
  margin: 0 0 10px;
  font-size: 16px;
}
#infoWindow p {
  margin: 0;
  font-size: 12px;
  line-height: 160%;
}
#infoWindow p span {
  font-size: 80%;
}
#infoWindow a {
  padding-right: 12px;
  border-bottom: 1px #593869 dotted;
  color: #593869;
  background: url(../img/external.gif) right center no-repeat;
  text-decoration: none;
}
#infoWindow a:hover {
  border: 0;
  color: #862682;
  background: url(../img/external_o.gif) right center no-repeat;
}

/*============= 汎用クラス =============*/

/* ----------------------------------------------------
 
    margin
 
---------------------------------------------------- */
 
.mt00 { margin-top:  0px !important; }
.mt05 { margin-top:  5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
 
.mr00 { margin-right:  0px !important; }
.mr05 { margin-right:  5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
 
.mb00 { margin-bottom:  0px !important; }
.mb05 { 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; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
 
.ml00 { margin-left:  0px !important; }
.ml05 { margin-left:  5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
 
/* ----------------------------------------------------
 
    padding
 
---------------------------------------------------- */
 
.pt00 { padding-top:  0px !important; }
.pt05 { padding-top:  5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
 
.pr00 { padding-right:  0px !important; }
.pr05 { padding-right:  5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
 
.pb00 { padding-bottom:  0px !important; }
.pb05 { padding-bottom:  5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
 
.pl00 { padding-left:  0px !important; }
.pl05 { padding-left:  5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }

.aligncenter{
display: block;
margin-left: auto;
margin-right: auto;
}
.alignright{
float: right;
margin-left: 10px;
margin-bottom: 10px;
}
.alignleft{
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

/*  custom    */
.pickupArea .boxInner p.custom1 {
text-align:left;
margin-top:-50px;
margin-bottom:0;
}








/*  202310 recruit LP    */


.lp-recruit-page .contentsBoxPage {
		padding: 0!important;
	}


	#recruit-lp {
		width: 100%;
	}

	#recruit-lp a {
		transition: .15s;
	}

	#recruit-lp .recruit-lp-inner-top {
		background: #0c8de2;
		padding-bottom: 120px;
	}

	#recruit-lp .recruit-lp-inner,
	#recruit-lp .lp-page-link {
		width: 100%;
		max-width: 1300px;
		margin: 0 auto;
	}

	#recruit-lp .recruit-lp-inner-top .recruit-lp-inner {
		position: relative;
		margin-bottom: 120px;
	}

	#recruit-lp .top-copy {
		position: absolute;
		right: 0;
		bottom: 0;
		text-align: left;
		color: #fff;
	}

	#recruit-lp .top-copy h2 {
		font-size: 48px;
		margin-bottom: 20px;
		color: #fff;
	}

	#recruit-lp .top-copy p {
		font-size: 20px;
		margin-bottom: 10px;
	}

	#recruit-lp .top-copy p.small-text {
		font-size: 15px;
	}

	#recruit-lp .h-style01 {
		border-left: none!important;
		margin-bottom: 60px;
	}

	#recruit-lp .h-style01 span {
		display: block;
		font-size: 30px;
		color: #fff;
		margin-top: 10px;
	}

	#recruit-lp .h-style01 img {
		height: 110px;
		width: auto;
	}

	#recruit-lp .lp-page-link ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	#recruit-lp .lp-page-link li {
		width: 30%;
		margin-bottom: 20px;
	}

	#recruit-lp .lp-page-link li a {
		display: block;
		background: #fff;
		padding: 25px 0;
		text-align: center;
		color: #0c8de2;
		font-size: 25px;
		font-weight: bold;
		line-height: 1;
	}

	#recruit-lp .lp-page-link li a span {
		display: block;
		font-size: 20px;
		margin-top: 8px;
		line-height: 1;
	}

	#recruit-lp .lp-page-link li a:hover {
		background: #fdef36;
		box-shadow: 5px 6px 0px 0px #0762b0;
		text-decoration: none;
	}

	#recruit-lp .recruit-lp-inner-content {
		background: url(https://www.fukuyama.or.jp/wp/wp-content/uploads/2023/10/top-bg.png) left top #fff no-repeat;
		background-size: 100% auto;
	}

	#recruit-lp .recruit-list {
		display: flex;
		flex-wrap: wrap;
		text-align: left;
	}

	#recruit-lp .recruit-card {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 30px;
		border: 1px solid #a9aaaa;
		border-radius: 20px;
		background: #fff;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		transition: .15s;
	}

	#recruit-lp .recruit-card:hover {
		background: #f0f0f0;
	}

	#recruit-lp .recruit-card:nth-child(even){
		margin-right: 0;
	}

	#recruit-lp .recruit-card a {
		display: block;
		color: #211614;
	}

	#recruit-lp .recruit-card a:hover {
		text-decoration: none;
	}

	#recruit-lp .recruit-card .text-box {
		padding: 20px 15px 30px 15px;
	}

	#recruit-lp .recruit-card h4 {
		font-weight: bold;
		font-size: 20px;
		margin:0 0 6px 0;
	}

	#recruit-lp .recruit-card ul {
		display: flex;
		margin-bottom: 18px;
	}

	#recruit-lp .recruit-card li {
		background: #2283c7;
		color: #fff;
		padding: 4px 10px;
		font-size: 12px;
		line-height: 1;
		margin-right: 5px;
		border-radius: 40px;
	}

	.lp-recruit-page #mainContents dl dt {
		float: none;
		margin: 0;
		font-size: 15px;
		font-weight: bold;
		margin-bottom: 3px;
	}

	.lp-recruit-page #mainContents dl dd {
		margin: 0;
		font-size: 15px;
		margin-bottom: 12px;
		font-size: 17px;
	}
	
	#recruit-lp .recruit-card p {
		color: #898989;
		font-size: 14px;
	}

	#recruit-lp .img-box {
		position: relative;
		margin-bottom: 15px;
	}

	#recruit-lp .img-box span {
		position: absolute;
		right: 15px;
		top: 15px;
		line-height: 1;
		font-size: 15px;
		font-weight: bold;
		color: #898989;
		background: #fff100;
		padding: 6px 15px 4px 15px;
		border-radius: 40px;
	}

	#recruit-lp .img-box img {
		border-radius: 20px 20px 0 0;
	}

	@media screen and (max-width:767px) {
		#recruit-lp .top-copy {
			position: relative;
			width: 90%;
			margin: 0 auto;
		}

		#recruit-lp .top-copy h2 {
			font-size: 28px;
			line-height: 1.5;
		}

		#recruit-lp .recruit-lp-inner-top .recruit-lp-inner {
			margin-bottom: 60px;
		}

		#recruit-lp .h-style01 img {
			height: 40px;
		}

		#recruit-lp .lp-page-link ul {
			width: 90%;
			margin-right: auto;
			margin-left: auto;
		}

		#recruit-lp .lp-page-link li {
			width: 49%;
			margin-bottom: 10px;
		}

		#recruit-lp .lp-page-link li a {
			font-size: 18px;
			padding: 15px 0;
		}

		#recruit-lp .lp-page-link li a span {
			font-size: 13px;
		}

		#recruit-lp .recruit-lp-inner-top {
			padding-bottom: 60px;
		}

		#recruit-lp .recruit-list {
			width: 90%;
			margin-right: auto;
			margin-left: auto;
		}

		#recruit-lp .recruit-card {
			width: 100%;
			margin-right: 0;
		}
	}