@charset "utf-8";
/**********************************************

	basic_style_forPC.css

**********************************************/
/* 文字折り返し設定 */
* {
	/*word-break: break-all !important;*/
	word-wrap: break-word !important;
}

/*--------------------------------------------

	デフォルト設定

---------------------------------------------*/
/* html */
html {
	/* min-width: 980px; */
	height:100%;
}
/* body */
body {
	width: 100%;
	font-family: Helvetica,Arial,Doroid Sans,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
	font-size: 12px;
	color: #000000;
	-webkit-text-size-adjust: 100% !important;
}
input[type="text"],input[type="password"],textarea,select {
	height: 45px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: Helvetica,Arial,Doroid Sans,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
	font-size: 16px;
	border: 1px solid #999999;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
/* ボタン初期設定 */
button {
	background: none;
	border: none;
	font-family: Helvetica,Arial,Doroid Sans,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
}
/*
input[type="checkbox"],
input[type="radio"] {
	border: none;
}
input[type="text"],select {
	height: 40px;
	padding: 5px;
	box-sizing: border-box;
}
*/
/* フォームボタン */
/*
input[type="submit"],
input[type="button"] {
	border: none;
	cursor: pointer;
}
*/

/* TOP背景設定 */
p,
table tr td {
	line-height: 1.5em;
}
p,dl,h1,h2,h3,h4 {
	margin: 0;
}
/* 見出しタグ	行間初期化 */
h1,h2,h3,h4 {
	line-height: 1.5em;
}
small {
	font-size: 12px;
}
/* imgタグレスポンシブ対応 */
img {
	max-width: 100%;
	height: auto;
	width/***/ :auto;
}
/* .device01 PCレイアウトは非表示 */
.device01 {
	display: none !important;
}
/* リンク */
a,a:hover {
	color: #0d146c;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a img {
	transition: all 0.5s;
}
a:hover img {
	opacity: 0.65;
	transition: all 0.5s;
}
/* 拡大効果 */
.scale {
	overflow: hidden;
}
.scale img {
	-moz-transition: -moz-transform 0.5s linear;
	-webkit-transition: -webkit-transform 0.5s linear;
	-o-transition: -o-transform 0.5s linear;
	-ms-transition: -ms-transform 0.5s linear;
	transition: transform 0.5s linear;
}
.scale img:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
/* clearfix設定 */
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-block;
	min-height:1%;  /* for IE 7*/
}
/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

label {
	font-weight: normal!important;
	margin-bottom: 0;
	max-width: 100%;
}
input[type="radio"].radio {
	min-height: 0;
	display: inline-block;
}
/*--------------------------------------------
	
	レイアウト
	
---------------------------------------------*/
/**** フレーム ****/
/* 外 */
.outer-frame {
	width: 100%;
	min-width: 320px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;

}
/* 内 */
.inner-frame,.inner-frame-sp {
	min-width: 320px;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/*--------------------------------------------

	基本構成パーツ

---------------------------------------------*/
/* ヘッダ */
#header {
	position: fixed;
	background: #ffffff;
	height: 70px;
	line-height: 70px;
	width: 100%;
	top: 0;
	min-width: 320px;
	box-shadow:rgba(0, 0, 0, 0.65) 0px 0px 6px 1px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.65) 0px 0px 6px 1px;
	-moz-box-shadow:rgba(0, 0, 0, 0.65) 0px 0px 6px 1px;
	z-index: 900;
}
/* サイトマップスイッチ */
.switch-commonsitemap {
	position: absolute;
	top: 0;
	left: 0;
	width: 80px;
	height: 90px;
	border-radius: 0 0 80px 0;
	-moz-border-radius: 0 0 80px 0;
	-webkit-border-radius: 0 0 80px 0;
	/* android系では角丸ショートハンドなし */
	/*
	-webkit-border-bottom-right-radius: 120px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	*/
	background: #0D146C;
	cursor: pointer;
	color: #ffffff;
	font-size: 15px;
	z-index: 999;
	box-shadow:rgba(0, 0, 0, 0.65) 0px 0px 6px 1px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.65) 0px 0px 6px 1px;
	-moz-box-shadow:rgba(0, 0, 0, 0.65) 0px 0px 6px 1px;
}
.switch-commonsitemap > img {
	position: absolute;
	width: 50px;
	right: 20px;
	top: 20px;
}
/* ロゴ配置 */
.wrapper-logoarea {
	position: relative;
	height: 70px;
}
.wrapper-logo {
	position: absolute;
	height: 70px;
	/*
	top: 50%;
	*/
	left: 50%;
	-webkit-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	transform: translate(-50%,0);
	text-align: center;
}
#header h1 {
	font-size: 14px;
	padding-top: 15px;
}
#header > h1.title-1-sitename img {
	width: 85px;
}
#header > h1.title-1-sitename span {
	display: block;
}
/* シチズンホールディングス　ロゴ配置 */
#header .chdlogo {
	height: 25.2167px;
}
#header .chdlogo img {
	width: 80px;
	height: 25.2167px;
}
/* SNSリンクリスト */
ul.list-snslinks {
	position: absolute;
	right: 17px;
}
ul.list-snslinks > li {
	display: inline-block;
	padding-top: 10px;
	padding-left: 8px;
}
ul.list-snslinks > li img {
	width: 25px;
	height: 25px;
}

ul.list-snslinks > li:first-child {
	padding-left: 0;
}
#contents {
	padding-top: 70px;
}
#footer {
	text-align: center;
	background: #eeeeee;
	font-size: 10px;
	line-height: 65px;
	height: 65px;
}
#pagetop {
	display: none;
	position: fixed;
	right: 10px;
	bottom: 10px;
	cursor: pointer;
	z-index: 50;
	text-align: right;
}
#pagetop img {
	width: 52px;
	height: 52px;
}

/* スライドメニューCSS */
/* Overlay style */
.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2000;
	overflow-y: scroll;
}
/* Overlay closing cross */
.overlay .overlay-close {
	width: 26px;
	height: 26px;
	position: absolute;
	right: 10px !important;
	top: 10px !important;
	overflow: hidden;
	border: none;
	background: url("/findcitizen/img/close.png") no-repeat center center;
	background-size: 26px;
	text-indent: 200%;
	color: transparent;
	outline: none;
	z-index: 100;
}


/* ヘッダー */
.wrapeer-overlay-header {
	height: auto;
	padding: 40px 30px 20px 20px;
	color: #ffffff;
}
.wrapeer-overlay-header p {
	font-size: 10px;
	line-height: 1.5em;
}
/* タイトル */
/* メインタイトル */
h2.title-2-bigtitle {
	font-size: 17px;
	line-height: 1.3em;
	margin-bottom: 15px;
	font-weight: bold;
}
h3.title-3-subtitle {
	text-align: center;
	font-size: 18px;
	color: #0d146c;
	margin-bottom: 15px;
}
/* ナビゲーション */
/* ナビゲーション包括 */
.inner-frame.sitemap {
	width: 100%;
	margin: 0 auto;
}
.wrapper-sitemap {
	padding-top: 30px;
}
ul.list-link-navigation > li {
	margin-top: 3px;
	font-size: 16px;
}

/* sp版 メニュー内アコーディオン */
/* リンクリスト */
dl.list-navigation {
	padding-bottom: 15px;
}

dl.list-navigation > dt {
	border-bottom: 2px solid #0d146c;
	font-size: 16px;
	color: #0d146c;
	padding-left: 37px;
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 5px;
	position: relative;
	cursor: pointer;
}

/* アイコン設定 */
dl.list-navigation > dt.company { background: url("/findcitizen/img/nav_icon_company.png") no-repeat left center; background-size: 25px;}
dl.list-navigation > dt.house { background: url("/findcitizen/img/nav_icon_house.png") no-repeat left center; background-size: 25px; }
dl.list-navigation > dt.church { background: url("/findcitizen/img/nav_icon_church.png") no-repeat left center; background-size: 25px; }
dl.list-navigation > dt.outdoors { background: url("/findcitizen/img/nav_icon_outdoors.png") no-repeat left center; background-size: 25px; }
dl.list-navigation > dt.museum { background: url("/findcitizen/img/nav_icon_museum.png") no-repeat left center; background-size: 25px; }
dl.list-navigation > dt.ship { background: url("/findcitizen/img/nav_icon_ship.png") no-repeat left center; background-size: 25px; }
dl.list-navigation > dt.store { background: url("/findcitizen/img/nav_icon_store.png") no-repeat left center; background-size: 25px; }
dl.list-navigation > dt.factory { background: url("/findcitizen/img/nav_icon_factory.png") no-repeat left center; background-size: 25px; }
dl.list-navigation > dt.personal { background: url("/findcitizen/img/nav_icon_personal.png") no-repeat left center; background-size: 25px; }
dl.list-navigation > dt.leisure { background: url("/findcitizen/img/nav_icon_leisure.png") no-repeat left center; background-size: 25px; }

/* 上下切り替えアイコン */
dl.list-navigation > dt.switch:after {
	content: "";
	background: url("/findcitizen/img/naviswitch_sp_close.png") no-repeat right center;
	position: absolute;
	background-size: 21px;
	top: 0px;
	height: 21px;
	width: 21px;
	right: 0;
}
/* アクティブ状態 */
dl.list-navigation > dt.switch.active:after {
	content: "";
	background: url("/findcitizen/img/naviswitch_sp_open.png") no-repeat right center;
	background-size: 21px;
}
dl.list-navigation > dd {
	display: none;
	padding-top: 20px;
}


/*--------------------------------------------

	TOPページ

---------------------------------------------*/
body#top {
	background: #eeeeee;
}
/* マップビジュアル配置 PC版のみのため非表示 */
ul.listlayout-linkboxs {
	display: none;
}
/* SP版マップ表示（背景を左から右へアニメーション） */
.wrapper-spmap {
	height: 100%;
	min-height: 400px;
	background-image: url("/findcitizen/img/map_sp.png");
	-webkit-background-size: cover;
	background-size: cover;
	-webkit-animation: bgscroll 10s linear infinite;
	animation: bgscroll 10s linear infinite;
}
@-webkit-keyframes bgscroll {
	0% {background-position: left top;}
	100% {background-position: right top;}
}

@keyframes bgscroll {
	0% {background-position: left top;}
	100% {background-position: right top;}
}
/* retina対応MV */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.wrapper-spmap {
background-image: url("/findcitizen/img/map_sp@2x.png");
background-size: 800px;
}
}
/* マップ配置包括＋リンクエリア包括 */
.bgimg-portalmap {
	position: relative;
}
/* リンクエリア包括 */
.box-description-partallinks {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 80%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: rgba(255,255,255,0.8);
	padding: 25px;
	color: #0d146c;
	font-weight: bold;
	text-align: center;
}
.box-description-partallinks > .device02 {
	margin-bottom: 10px;
}

/*--------------------------------------------

	ボタンパーツ

---------------------------------------------*/
/* 透過ENTER */
.button-whiteopa-borderblue {
	width: 180px;
	height: 45px;
	border: 3px solid #0d146c;
	background: none;
	color: #0d146c;
	font-size: 16px;
	font-weight: bold;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/*--------------------------------------------

	下層ページ（詳細）パーツ

---------------------------------------------*/
#contents.second {
	padding-top: 70px;
	padding-bottom: 20px;
}
/* 下層 コンテンツ サイズ幅960px*/
#contents.second .inner-frame {
	margin: 0 auto;
	padding: 0 20px;
	min-width: 280px;
}
.sp-pd-none {
	width: 100%!important;
	padding: 0!important;
}
/* 詳細画面背景画像 */
.bg-img-scene {
	background: url("/findcitizen/img/bg_detail.png") no-repeat center bottom;
	padding: 15px 23px;
	text-align: center;
	min-height: 160px;
	background-size: cover;
}
.bg-img-scene .shadow {
	box-shadow:rgba(0, 0, 0, 0.65) 0px 0px 6px 1px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.65) 0px 0px 6px 1px;
	-moz-box-shadow:rgba(0, 0, 0, 0.65) 0px 0px 6px 1px;
}
.bg-img-scene img {
	display: block;
	width: 100%;
	margin: 0 auto;
}
/* サムネイル包括 */
.wrapper-thumbnail {
	height: 111px;
	color: #ffffff;
	font-size: 14px;
	padding: 15px 20px 10px;
}
.wrapper-thumbnail p {
	text-align: center;
}
/* サムネイル表示 */
ul.list-slide-thumbnail {
	padding: 15px 0 5px;
	margin: 0 auto;
}
ul.list-slide-thumbnail li {
	float: left;
	width: 80px;
	margin-left: 5px;
}
ul.list-slide-thumbnail li:first-child {
	margin-left: 0;
}
ul.list-slide-thumbnail li a {
	display: block;
	color: #ffffff;
}
/* アクティブ表記 */
ul.list-slide-thumbnail li#displaypage {
	border: 2px solid #ffffff;
	overflow: hidden;
}
ul.list-slide-thumbnail li#displaypage > a > img {
	margin: -1px;
}

/* 各詳細ボックス包括 */
ul.listlayout-2clm-half {
	
}
ul.listlayout-2clm-half li {
	margin-bottom: 17px;
}
/* 詳細ボックス */
dl.box-detail {
	position: relative;
	border-top: 3px solid #0D146C;
	background: #F5F5F5;
	padding: 10px 10px 70px 10px;
}
dl.box-detail dt {
	display: table;
}

dl.box-detail dt h3.title-3-black {
	padding: 10px 0 15px;
	margin-top: 10px;
	display: table-cell;
	vertical-align: middle;
}
dl.box-detail dd h4.title-4-blue {
	margin-bottom: 15px;
	margin-top: 20px;
	color: #0D146C;
	font-size: 14px;
}
dl.box-detail dd p.titlecaption {
	font-weight: bold;
	margin-bottom: 10px;
}
dl.box-detail dd img {
	display: block;
	margin: 0 auto;
}
dl.box-detail dd p {
	margin-bottom: 25px;
}
.box-bg-gray {
	background: #ECECEC;
	padding: 12px 13px 27px;
	width: 100%;
	margin-left: -10px;
	position: relative;
}
dl.box-detail dd .box-bg-gray {
	position: absolute;
	width: 100%;
	bottom: 0;
}
.box-bg-gray b {
	color: #0D146C;
	padding-bottom: 5px;
	display: inline-block;
}
.box-bg-gray p {
	margin-bottom: 0!important;
}
/*--------------------------------------------

	下層：マップ

---------------------------------------------*/
.mapicon {
	overflow: hidden;
	background: url("/findcitizen/img/mapicon_x2.png") no-repeat;
	width: 47px;
	height: 60px;
	display: inline-block;
	white-space: nowrap;
}
/* サイトマップ */
.wrapper-sitemap.sitemap .mapicon {
	background: url("/findcitizen/img/mapicon_x2.png") no-repeat;
	background-size: 30px;
	height: 38px;
	width: 30px;
	float: left;
	position: relative;
}
.wrapper-sitemap.sitemap .mapicon span {
	position: absolute;
	top: 6px;
	left: 7px;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
}
.wrapper-sitemap.sitemap a {
	height: 38px;
	line-height: 38px;
	font-size: 14px;
}
/* 下層詳細用 */
.mapicon-def {
	overflow: hidden;
	background: url("/findcitizen/img/mapicon_def.png") no-repeat;
	background-size: 42px;
	width: 42px;
	height: 61px;
	display: inline-block;
	white-space: nowrap;
	position: relative;
}
.mapicon-def span {
	position: absolute;
	top: 13px;
	left: 8px;
	color: #ffffff;
	font-size: 23px;
	font-weight: bold;
}

/*--------------------------------------------

	カルーセルパーツ

---------------------------------------------*/
ul.list-slide-thumbnail {
	width: 260px !important;
}
.owl-carousel .owl-item {
	margin-right: 5px;
}
/* コマ送りボタン */
.owl-buttons .owl-prev {
	position: absolute;
	left: -25px;
	top: 15px;
	width: 22px;
	height: 45px;
	background: url("/findcitizen/img/slide_prev.png") no-repeat center center;
	background-size: contain;
	text-indent: -9999px;
}
.owl-buttons .owl-next {
	position: absolute;
	right: -25px;
	top: 15px;
	width: 22px;
	height: 45px;
	background: url("/findcitizen/img/slide_next.png") no-repeat left top;
	background-size: contain;
	text-indent: -9999px;
}
.owl-wrapper-outer img {
	display: block;
}

/*--------------------------------------------

	タイトルパーツ

---------------------------------------------*/
/* 詳細画面タイトル */
h2.title-2-detailblue {
	color: #0D146C;
	font-size: 15px;
}
/* 下層用大き目タイトル */
.title-2-large {
	color: #0D146C;
	font-size: 20px;
	text-align: center;
	padding: 25px 0;
}
h3.title-3-black {
	color: #000000;
	font-size: 17px;
}
h4.title-4-blue {
	font-size: 16px;
	color: #0D146C;
}

/*--------------------------------------------

	汎用パーツ

---------------------------------------------*/
/* 背景をシチズンカラーに */
.bg-color-ctzn {
	background: #0D146C;
}
/* ←つきリンク */
a.link-arrow-left {
	background: url("/findcitizen/img/link-icon-arrow-left.png") no-repeat left top;
	padding-left: 15px;
	font-size: 12px;
}
/* 別窓リンク */
a.link-window-right:after {
	content: url("/findcitizen/img/icon_window.png");
	margin-left: 7px;
	position: absolute;
	top: 45%;
}
dl.box-detail dt h3.title-3-black {
	padding-left: 5px;
}
dl.box-detail dt h3.title-3-black .mapicon {
	display: table-cell;
	vertical-align: middle;
}
/* シャドウ */
.shadow {
	box-shadow:rgba(0, 0, 0, 0.65) 0px 0px 6px 1px;
-webkit-box-shadow:rgba(0, 0, 0, 0.65) 0px 0px 6px 1px;
-moz-box-shadow:rgba(0, 0, 0, 0.65) 0px 0px 6px 1px;
}
/*--------------------------------------------

	TOPページ opening

---------------------------------------------*/
/* モーダル背景 */
.box-modal-opening {
	display: none;
}