@charset "utf-8";

/*
 * 2017.09.15 aduserからコピーして、内部サイトのCSSスタイル追加
 * 2017.12.28 色調整
 * 2018.06.15 ポップアップスタイル追加
 * 2018.06.28 コンテンツテーブルの枠線を表示するスタイル追加
 * 2018.08.17 ボタン無効スタイル追加、マップスタイル追加
 * 2019.03.29 アクセス解析の「ページ名」スタイル微調整
 * 2019.06.27 テンプレート改造のためのCSS調整
 * 2019.10.01 検索該当0の時のCSS追加
 */

@charset "utf-8";

body{
	font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック","Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W4",Osaka,sans-serif;
}
input,select,option,textarea {
    font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック","Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W4",Osaka,sans-serif;
    font-size: 13px;
}
.hide-element{
    display: none;
}
.left-element{
    float:left;
}
.right-element{
    float:right;
}
.center-element{
    text-align:center;
	margin-left:auto;
	margin-right:auto;
}
.nowrap {
	white-space: nowrap;
}
.err {
	background-color: #ffe8e8;
}
:root a[name="main_list_image"],
:root a[name="main_image"],
:root a[name="main_large_image"],
:root a[name^="sub_image"],
:root a[name^="sub_large_image"],
:root a[name^="recommend_no"],
:root a[name^="import_file"],
:root a[name^="main_video"] {
	position: absolute;
}

/*LINK*/
a:link { color: #006699; text-decoration: none; }
a:visited { color: #006699; text-decoration: none; }
a:hover { color: #ffa800; text-decoration: underline; }
a.link_button,
a.link_button:link,
a.link_button:visited,
input[type="submit"].link_button,
input[type="submit"].link_button:link,
input[type="submit"].link_button:visited {
	border:1px solid #eee;
	color:#333;
	border-radius:3px;
	padding:5px 10px 5px 25px;
	background-color:#fdc902;
	line-height:16px;
	display:inline-block;
	font-size:12px;
	font-weight:bold;
	cursor: pointer;
	position: relative;
	vertical-align: middle;
}
a.link_button:hover,
input[type="submit"].link_button:hover{
	background-color:#81818c !important;
	text-decoration:none;
	color:#fff !important;
}
a.link_button.disabled,
a.link_button.disabled:link,
a.link_button.disabled:visited,
a.link_button.disabled:hover{
	color:#ddd !important;
	background-color:#aaa !important;
	border-color:#ddd;
	cursor:default;
}
a.link_button.loading {
	background: url("../../user_data/packages/default/img/ajax/ajax-loader.gif") no-repeat center center #fff;
	background-size: 16px;
	color: transparent;
	background-color: #fff !important;
	cursor: default;
}
a.link_button:before {
	content: "»";
	font-size: 12px;
	line-height: 12px;
	position: absolute;
	top: 50%;
	margin-top: -6px;
	left: 10px;
}
a.link_button.gray {
	background-color: #bbb;
}
a.link_button.red {
	color: #fff;
	background-color: #e50112;
}
a.link_button.blue {
	background-color: #a5cbe0;
}
a.link_button.red,
a.link_button.blue {
	font-size: 16px;
}
a.link_button.big {
	line-height: 44px;
	height: 44px;
	padding: 0 10px 0 25px;
}
a.link_button.before:before {
	content: "«";
}
a.link_title,
a.link_title:link,
a.link_title:visited{
	color:#fff;
	text-decoration:underline;
}
a.link_title:hover{
	color:#ffa800;
}

/*FORM*/
form { margin:0 }
.box3 { width: 33px; }	/*W3*/
.box6 { width: 54px; }	/*W6*/
.box10 { width: 82px; }	/*W10*/
.box20 { width: 152px; }	/*W20*/
.box25 { width: 187px; }	/*W25*/
.box30 { width: 222px; }	/*W30*/
.box33 { width: 243px; }	/*W33*/
.box35 { width: 257px; }	/*W35*/
.box40 { width: 292px; }	/*W40*/
.box45 { width: 341px; }	/*W45*/
.box50 { width: 362px; }	/*W50*/
.box52 { width: 376px; }	/*W52*/
.box54 { width: 390px; }	/*W54*/
.box60 { width: 432px; }	/*W60*/
.box65 { width: 467px; }	/*W65*/
.box68 { width: 488px; }	/*W68*/
.box76 { width: 544px; }	/*W76*/

.area40 { width: 302px; height: 134px; }	/*W40×H8*/
.area45 { width: 337px; height: 290px; }	/*W40×H20*/
.area46 { width: 337px; height: 134px; }	/*W40×H8*/
.area50 { width: 372px; height: 82px; }	/*W50×H4*/
.area55 { width: 407px; height: 82px; }	/*W50×H4*/
.area59 { width: 432px; height: 134px; }	/*W59×H8*/
.area60 { width: 433px; height: 134px; }	/*W60×H8*/
.area61 { width: 433px; height: 82px; }	/*W60×H4*/
.area65 { width: 444px; height: 290px; }	/*W65×H20*/
.area70 { width: 512px; height: 186px; }	/*W70×H12*/
.area75 { width: 547px; height: 186px; }	/*W75×H12*/
.area80 { width: 572px; height: 134px; }	/*W80×H8*/
.area90 { width: 650px; height: 420px; }
.area96 { width: 694px; height: 420px; }	/*W80×H30*/
.area96_2 { width: 694px; height: 160px; }	/*W80×H10*/
.area99 { width: 715px; height: 523px; }	/*W99×H40*/

/*COLOR*/
.ast { color: #cc0000; font-size: 90%; }
.darkred { color: #cc0000; }
.gray { color: #b6b7ba; }
.white { color: #ffffff; }
.whitest { color: #ffffff; font-weight: bold; }
.white10 { color: #ffffff; font-size: 62.5%;}
.red { color: #ff0000; }
.red10 { color:#ff0000; font-size: 10px; }
.red12 { color:#cc0000; font-size: 12px; }
.reselt { color: #ffcc00; font-size: 120%; font-weight: bold; }
.yellow { color: #ffcc00; }

.infodate {
    color: #cccccc; font-size: 62.5%; font-weight: bold;
    padding: 0 0 0 8px;
}

.infottl {
    color: #ffffff;
    font-size: 62.5%;
    line-height: 150%;
}

.info {
    padding: 0 4px;
    display: block;
}

.title {
    padding: 0px 0px 20px 25px;
    color: #ffffff;
    font-weight: bold;
    line-height: 120%;
}

/* ナビー */
#menu_navi {
    table-layout: fixed;
}

.navi a:visited {
    color:#ffffff;
    text-decoration:none;
}

.navi a:hover {
    background-color: #a5a5a5;
    color:#000000;
    text-decoration:none;
}

.navi_text {
    font-size: 75%;
    padding: 0 0 0 8px;
}


.navi-on a:visited {
    color:#000000;
    text-decoration:none;
}

.navi-on a:hover {
    background-color: #a5a5a5;
    color:#000000;
    text-decoration:none;
}


/* サブナビー */
.subnavi a{
    background-color: #818287;
    width:140px;
    padding: 6px 5px 4px 5px;
    color:#ffffff;
    text-decoration:none;
    display:block;
}

.subnavi a:visited {
    color:#ffffff;
    text-decoration:none;
}

.subnavi a:hover {
    background-color: #b7b7b7;
    color:#000000;
    text-decoration:none;
}

.subnavi_text {
    font-size: 71%;
    padding: 0 0 0 8px;
}

.subnavi-on a{
    background-color: #b7b7b7;
    width:140px;
    padding: 6px 5px 4px 5px;
    color:#000000;
    text-decoration:none;
    display:block;
}

.subnavi-on a:visited {
    color:#000000;
    text-decoration:none;
}

.subnavi-on a:hover {
    background-color: #b7b7b7;
    color:#000000;
    text-decoration:none;
}

.number a{
	background: url(../../user_data/packages/default/img/contents/number_bg.jpg);
	background-repeat: repeat-x;
	background-color: #505468;
	padding-left: 8px;
	padding-right: 8px;
	color:#ffffff;
	font-size: 65%;
	line-height: 160%;
	font-weight: bold;
	text-decoration:none;
}

.number a:hover{
	background: url(../../user_data/packages/default/img/contents/number_bg_on.jpg);
	background-repeat: repeat-x;
	background-color: #f7c600;
	padding-left: 8px;
	padding-right: 8px;
	color:#ffffff;
	font-size: 65%;
	line-height: 160%;
	font-weight: bold;
	text-decoration:none;
}

.number-on a{
	padding-left: 8px;
	padding-right: 8px;
	background: url(../../user_data/packages/default/img/contents/number_bg_on.jpg);
	background-repeat: repeat-x;
	background-color: #f7c600;
	color:#ffffff;
	font-size: 65%;
	line-height: 160%;
	font-weight: bold;
	text-decoration:none;
	
}

.number-on a:hover{
	background: url(../../user_data/packages/default/img/contents/number_bg_on.jpg);
	background-repeat: repeat-x;
	background-color: #f7c600;
	padding-left: 8px;
	padding-right: 8px;
	color:#ffffff;
	font-size: 65%;
	line-height: 160%;
	font-weight: bold;
	text-decoration:none;
}

.number-on a:visited {
    color:#ffffff;
    text-decoration:none;
}

.number a:visited {
    color:#ffffff;
    text-decoration:none;
}

/* IMG */
img,
input[type="image"],
video {
    border: 0 none;
    vertical-align:middle;
}

/* 「テストサイト」の表示 */
#site_label{
    position:fixed;
    background-color:#c82623;
    color:#fff;
    padding:5px 10px;
    border:2px solid #ccc;
    border-top:0 none;
    font-weight:bold;
    left:0;
    top:0;
    z-index:9999;
}

/* アクセス解析グラフ */
.horizontal-single-graph-wrap{
    width: 160px;
    position: relative;
}
.horizontal-single-graph{
    width: 0px;
    height: 30px;
    background-color: #F6888D;
    transition: width 1s;
    float: left;
}
.bubble-box {
    position: absolute;
    background: #000000;
    height: 20px;
    color: white;
    padding: 2px 8px;
    border-radius: 5px;
    opacity: 0.8;
    top: 3px;
    display: none;
    z-index: 99;
}
.bubble-box:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-right-color: #000000;
    border-width: 6px;
    margin-top: -6px;
}
.summary-text{
    float: left;
    line-height: 85px;
    margin: 0 20px 0 10px;
}
.counter_page_name{
    word-break:break-all;
    max-width:350px;
    display:block;
}

/* モーダルウィンドウ（ポップアップ） */
.popup-content{
	display:none;
	margin-bottom:40px;
	min-height: 70px;
}
.popup-content.loading {
	background: url("../../user_data/packages/default/img/ajax/ajax-loader.gif") no-repeat center bottom #fff;
	background-size: 16px;
}
.popup-content h2{
	padding: 0 !important;
	margin: 0 0 10px;
	background-color: #636469;
	width:auto;
	height: 40px;
	line-height: 40px;
	border-left: 10px solid #f9a406;
	text-indent: 10px;
	color: #fff;
	font-size:20px;
}
.nivo-lightbox-theme-default .nivo-lightbox-inline{
	padding-bottom:0 !important;
	top:0 !important;
	margin-top:0 !important;
}
.nivo-lightbox-wrap{
	top:5% !important;
	bottom:5% !important;
}

/* コンテンツテーブル */
table.content_list,
table.content_detail,
table[cellspacing="1"],
table.content_list th,
table.content_list td,
table.content_detail th,
table.content_detail td,
table[cellspacing="1"] th,
table[cellspacing="1"] td{
	border:1px solid #ccc;
	border-collapse:collapse;
	line-height: 1.4em;
}
table.content_list,
table.content_detail{
	width:100%;
}
table.content_list th,
table.content_list td{
	padding:5px;
}
table.content_detail th,
table.content_detail td{
	padding:8px;
}
table.content_list th{
	background-color:#636469;
	text-align:center;
	color:#fff;
	font-weight:normal;
	font-size:100%;
}
table.content_list td{
	background-color:#ddd;
	font-size:100%;
}
table.content_list.content_list_border td{
	border: 1px solid #999;
}
table.content_detail th{
	background-color:#f2f1ec;
	font-weight:normal;
	text-align:left;
	font-size:100%;
}
table.content_detail th.center-element{
	text-align:center;
}
table.content_detail td{
	background-color:#fff;
	font-size:90%;
}
table.content_detail td.fs18n{
	font-size:130%;
}
table.content_no_border,
table.content_no_border th,
table.content_no_border td{
	border:0 none;
}
.content_list_title{
	font-size:18px;
	font-weight:bold;
	padding-right:20px;
	padding-top: 5px;
	color:#333;
}
.overflow_wrapper {
	overflow-x: auto;
	overflow-y: hidden;
}
.truncation {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}
@supports (display: -webkit-box) {
  .truncation {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    white-space: normal;
  }
}

/* マップ */
#map.map_marker{
	width:100%;
	height:400px;
	float:none;
}
#map.map_marker .marker_detail_pname{
	font-size:14px;
	font-weight:bold;
}

/* 検索該当0の時 */
.search_zero {
	text-align: center;
	padding: 70px 0;
	border: 1px solid #ccc;
}

.nivo-lightbox-wrap {
	max-width: 1000px;
	margin: 0 auto;
}

/* カスタムチェックボックス */
input[type="checkbox"] {
	/* Add if not using autoprefixer */
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	/* For iOS < 15 to remove gradient background */
	background-color: #fff;
	background-color: transparent;
	/* Not removed via appearance */
	margin: 0;
}
input[type="checkbox"]::after {
	color: #333;
	content: '　';
	width: 12px;
	height: 12px;
	font-weight: bold;
	font-size: 12px;
	display: inline-block;
	line-height: 1em;
	background: #fff;
	border-radius: 2px;
	border: 1px solid #aaa;
	text-align: center;
	vertical-align: middle;
	position: relative;
	bottom: 2px;
}
input[type="checkbox"]:checked::after {
	color: #fff;
	content: '✓';
	background: #0000ff;
}
input[type="checkbox"]:disabled::after{
	color: #333;
	background: #d1d1d1;
}

/* タブ */
h2.tab {
	padding: 0 10px 0 0;
	margin: 14px 14px 0;
	width:auto;
	height: 40px;
	line-height: 40px;
	text-indent: 10px;
	color: #fff;
	font-size:100%;
	background-color: transparent;
	border-left: 0 none;
	border-bottom: 3px solid #f9a406;
	white-space: nowrap;
}
h2.tab a.tab_link{
	display: inline-block;
	background-color: #999;
	border-radius: 5px 5px 0 0;
	border: 2px solid #ccc;
	border-top: 0 none;
	border-bottom: 0 none;
	padding: 0 10px;
	text-indent: 0;
	color: #ddd;
	text-decoration: none;
}
h2.tab a.tab_link:hover,
h2.tab a.tab_link.active{
	background-color: #636469;
	color: #fff;
	text-decoration: none;
}