@charset "utf-8";

/* ******************************************************************

	--style.css--

	1. Style setting
		1-1. Base styles
		1-2. Structure styles
		1-3. Block styles
		1-4. PageTitle styles

	2. Layout setting
		2-1. Header styles
			2-1_1. SEARCH（検索ボックス）
		2-2. GlobalNavi styles
		2-3. Main styles
		2-4. SideBar styles
		2-5. Footer styles
		2-6. SpNavi styles

	98. AD setting（広告）

****************************************************************** */

/*==================================================================
	1. Base setting
===================================================================*/
/* ------------------------------------------------------------------
	1-1. Base styles
-------------------------------------------------------------------*/
body {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	line-height: 1.6;
	color: #333;
	background: #FFF;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	width: 100%;
	margin: 0 auto;
}

a { color: #1d3994; text-decoration: underline; outline: none;}
/*a:hover { color: #1d3994; text-decoration: none;}*/

/* ------------------------------------------------------------------
	1-2. Structure styles
-------------------------------------------------------------------*/
.main {
	margin-top: 70px;
	margin-right: auto;
	margin-left: auto;
	padding: 3% 0;
	max-width: 640px;
	min-width: 320px;
}
.wrapper {
	/*
	width: 1186px;
	margin: 0px auto;
	*/
}

/* ------------------------------------------------------------------
	1-3. Block styles
-------------------------------------------------------------------*/
/*
.block {
	padding: 20px 0px;
}
*/

/* ------------------------------------------------------------------
	1-4. PageTitle styles
-------------------------------------------------------------------*/
.page_title {
	border-top: 5px solid #92c81e;
	margin-bottom: 20px;
	overflow: hidden;
}
.page_title h2 {
	background: #FFF;
	border-left: 80px solid #92c81e;
	color: #92c81e;
	font-weight: bold;
	padding: 8px 10px 5px 35px;
	position: relative;
	z-index: 1;
}
.page_title h2:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0;
	width: 0;
	height: 0;
	border: none;
	border-left: solid 30px #92c81e;
	border-bottom: solid 80px transparent;
	z-index: 2;
}
.page_title_type_01 h2 {
	font-size: 24px;
	line-height: 28px;
}
.page_title_type_02 h2 {
	font-size: 20px;
	line-height: 24px;
}

/*==================================================================
	2. Layout setting
===================================================================*/

/* ------------------------------------------------------------------
	2-1. Header styles
-------------------------------------------------------------------*/
.header {
	border-bottom: 5px solid #4f7eb9;
	top: 0;
	position: fixed;
	width: 100%;
	line-height: 1;
	z-index: 999;
}
.header a,
.header {
	color: #fff;
	text-decoration: none;
}
.header.fixed {
	position: fixed;
	top: 0;
	padding-top: 0;
	height: 70px;
	background: #fff;
	background: rgba(255,255,255,.7);
	background: transparent;
	transition: top 0.65s ease-in;
	-webkit-transition: top 0.65s ease-in;
	-moz-transition: top 0.65s ease-in;
}
.header_main {
	background: #fff;
	width: 100%;
	height: 65px;
	z-index: 999;
	position: relative;
}
.header.fixed .logo,
.header .logo {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 74%;
}
.header .logo img {
	max-height: 46px;
}


/* ------------------------------------------------------------------
	2-1_1. SEARCH（検索ボックス）
-------------------------------------------------------------------*/
.search_item {
	position: relative;
	background: #FFF;
	border: 1px solid #c9c9c9;
}
.search_item dt {
	padding: 10px 20% 10px 10px;
}
input.search_text {
	width: 100%;
	background: none;
	border: none;
	outline: 0;
	font-size: 14px;
}
.search_text:focus {
	border: none;
}
.search_item dd {
	position: absolute;
	top: 0;
	right: 0;
	width: 15%;
	border-left: 1px solid #c9c9c9;
}
.search_button {
	display: block;
	background: transparent;
	width: 100%;
	height: 42px;
	line-height: 42px;
	border: none;
	color: #4f7eb9;
	font-size: 18px;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family: 'FontAwesome';
}

/* ------------------------------------------------------------------
	2-1_1. SEARCH（検索ボックス）
-------------------------------------------------------------------*/
.search_item {
	position: relative;
	background: #FFF;
	border: 1px solid #c9c9c9;
}
.search_item dt {
	padding: 10px 18% 10px 10px;
}
input.search_text {
	width: 100%;
	background: none;
	border: none;
	outline: 0;
	font-size: 18px;
	line-height: 1.6;
}
.search_text:focus {
	border: none;
}
.search_item dd {
	position: absolute;
	top: 0;
	right: 0;
	width: 15%;
	border-left: 1px solid #c9c9c9;
}
.search_button {
	display: block;
	background: transparent;
	width: 100%;
	height: 48px;
	line-height: 48px;
	border: none;
	color: #4f7eb9;
	font-size: 20px;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family: 'FontAwesome';
}

/* ------------------------------------------------------------------
	2-2. GlobalNavi styles
-------------------------------------------------------------------*/
.nav {
	position: absolute;
	/* 開いてないときは画面外に配置 */
	top: -500px;
	background: #333;
	width: 100%;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
.nav ul {
	list-style: none;
	position: static;
	right: 0;
	bottom: 0;
	font-size: 16px;
	font-weight: bold;
}
.nav ul li {
	border-bottom: 1px solid #707070;
	border-left: 1px solid #707070;
	width: 50%;
	float: left;
}
.nav li.nav_search {
	background: #eee;
	padding: 15px;
	width: 100%;
}
.nav li.nav_name {
	background: #eee;
	border-bottom: 0px solid #707070;
	border-left: 1px solid #707070;
	width: 100%;
	float: left;
}
.nav li.nav_name p {
	padding: 6px 20px !important;
	color: #333 !important;
}
.header .nav ul li a,
.header.fixed .nav ul li a {
	width: 100%;
	display: block;
	color: #fff;
	padding: 20px;
	position: relative;
}
.header .nav ul li p{
	width: 100%;
	display: block;
	color: #fff;
	padding: 20px;
	position: relative;
	margin:0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.header .nav ul li a:after,
.header.fixed .nav ul li a:after {
	position: absolute;
	right: 5%;
	top: 50%;
	content: '\f105';
	font-family: 'FontAwesome';
	font-size: 20px;
	margin-top: -10px;
	color: #FFF;
	font-weight: normal;
}

/* .nav スライドアニメーション */
.open .nav {
	/* .navのtopからの位置 + .header_mainの高さ */
	-moz-transform: translateY(570px);
	-webkit-transform: translateY(570px);
	transform: translateY(570px);
	display: block;
}

.hamburger {
	background: #333;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 46px;
	height: 46px;
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	z-index: 101;
}
.hamburger::after,.hamburger::before {
	content: "";
	height: 2px;
	width: 50%;
	position: absolute;
	left: 50%;
	margin-left: -25%;
	background-color: #fff;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.hamburger::before {
    top: 35%;
}
.hamburger::after {
    bottom: 35%;
}
.hamburger span {
	height: 2px;
	width: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -1px;
	margin-left: -25%;
	background-color: #fff;
	text-indent: -9999px;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.open .hamburger span {
	display: none;
}
.open .hamburger:before {
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	top: 45%;
	background: #fff;
}
.open .hamburger:after {
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	top: 45%;
	background: #fff;
}


/* ------------------------------------------------------------------
	2-3. Main styles
-------------------------------------------------------------------*/
.section {
	margin-bottom: 5%;
}
.section_b10px {
	margin-bottom: 10px;
}
.section_wrap {
	padding: 3%
}
.section_wrap_line {
	border-bottom: 1px solid #c9c9c9;
}



.main_bnr {
	margin: 5% 3%;
	text-align: center;
}

/*
.section_indent {
	padding-left: 20px;
}
.section_box { }
.section_thm {
	width: 270px;
}
.section_thm_left {
	float: left;
	margin: 0 20px 10px 0;
}
.section_thm_right {
	float: right;
	margin: 0 0 10px 20px;
}
.section_body {
	overflow: hidden;
}
*/

/* ------------------------------------------------------------------
	2-4. SideBar styles
-------------------------------------------------------------------*/








/* ------------------------------------------------------------------
	2-5. Footer styles
-------------------------------------------------------------------*/
.footer { }

/*-------------------------------*/
/*	footer_section_01
/*-------------------------------*/
.footer_section_01 { }
.footer_nav_sub {
	background: #4f7eb9;
	font-size: 0;
}
.footer_nav_sub_item {
	display: inline-block;
	width: 50%;
	border-right: 1px solid #7ea2cf;
	border-bottom: 1px solid #7ea2cf;
	font-size: 16px;
	text-align: center;
}
.footer_nav_sub_item a {
	display: block;
	border-right: 1px solid #375b87;
	border-bottom: 1px solid #375b87;
	padding: 5%;
	text-decoration: none;
	color: #FFF;
}

/*-------------------------------*/
/*	footer_section_02
/*-------------------------------*/
.footer_section_02 { }
.footer_section_02_title a {
	position: relative;
	display: block;
	color: #333;
	padding: 5% 3% 5% 20px;
	font-size: 16px;
	line-height: 1;
}
.footer_section_02_title a:before{
	position: absolute;
	left: 10px;
	content: "\f0da";
	font-family: fontAwesome;
	font-size: 18px;
}

#im_panel {
    box-shadow: rgb(0 0 0 / 40%) 0px -4px 6px -3px;
    background: #fff !important;
    padding: 5px 0;
}
#im_panel_close {
    background-color: #fff;
    height: 28px;
    width: 28px;
    box-shadow: 0 -1px 1px 0 rgb(0 0 0 / 20%);
    border-radius: 0 12px 0 0;
}
#im_panel_close.btn_parts_sp {
    left: 0px;
}

/*-------------------------------*/
/*	copyright
/*-------------------------------*/
.copyright {
	background: #3a3e49;
	padding: 3%;
	font-size: 10px;
	color: #FFF;
	text-align: center;
	padding-bottom: 200px;
}

/*-------------------------------*/
/*	PAGETOP
/*-------------------------------*/
.page_top {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 99;
	background: #333;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 10px 15px;
	color: #FFF;
	text-align: center;
	opacity: 0.8;
}
.page_top i {
	font-size: 30px;
}


/* ------------------------------------------------------------------
	2-6. Page styles
-------------------------------------------------------------------*/

/* ▼▼▼ここに各コーダーが別途作成したCSS内のスタイルをドッキングしていく▼▼▼ */
/* ------------------------------------
	404系ページここから
------------------------------------*/
.no_page {
	padding: 10% 0;
}
.no_page .highlight_box_02 {
	padding: 15% 3%;
	text-align: center;
}
/* ------------------------------------
	404系ページここまで
------------------------------------*/

/* ------------------------------------
	トップページここから
------------------------------------*/

/*-------------------------------*/
/*	新着（タブ部分）
/*-------------------------------*/
.section_topmain { }
.top_tabs {
	border-bottom: 2px solid #333;
	font-size: 0;
}
.top_tab {
	border-right: 1px solid #FFF;
	display: inline-block;/*
	width: 20%;*/
	width: 25%;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}
.top_tab:first-child {
	border-left: 1px solid #FFF;
}
.top_tab a {
	background: #4f7eb9;
	color: #FFF !important;
	display: block;
	padding: 8px 0;
	text-decoration: none;
}
.top_tab.active a {
	background: #333;
}
.top_panel {
	display: none;
}
.top_panel.active {
	display: block;
}

/*-------------------------------*/
/*	和歌山のイベント情報
/*-------------------------------*/
.section_event_top { }
.section_event_top .post_title { }
.section_event_top .post_summary {
	background: #eee;
	padding: 3%;
	margin-top: 2%;
	font-size: 12px;
}

/*-------------------------------*/
/*	全国の主なニュース（ノア）
/*	紀伊スポーツ
/*	世界遺産 熊野
/*	釣り
/*	コラム
/*	社説
/*-------------------------------*/
.section_pickup { }
.section_pickup .post_title {
	font-weight: normal;

}

/*-------------------------------*/
/*	AGARAチャンネル
/*-------------------------------*/
.channel_list { }
.channel_list a {
	display: block;
	text-decoration: none;
}
.channel_thm {
	margin-bottom: 2%;
	text-align: center;
}
.channel_title {
	font-size: 10px;
	text-align: center;
	line-height: 1.3;
	font-weight: bold;
}

/*-------------------------------*/
/*	共同通信PRワイヤー
/*-------------------------------*/
.section_prw .post_list-type_simple .post_item {
	border-bottom: 1px solid #c9d4e2;
}
.section_prw .post_title {
	font-weight: normal;
}
.section_prw .post_summary {
	font-size: 12px;
}

/*-------------------------------*/
/*	Digital PR Platform
/*-------------------------------*/
.section_digitalpr .post_title {
	font-weight: normal;
}
.section_digitalpr .post_summary {
	font-size: 12px;
}

/* ------------------------------------
	トップページここまで
------------------------------------*/

/* ------------------------------------
	フォームページここから
------------------------------------*/
.page_form { }
.form_list { }
.form_list > dt {
	background: #eee;
	padding: 3%;
	font-size: 18px;
	font-weight: bold;
}
.form_list > dd {
	border-top: 1px solid #bfbfbf;
	padding: 3%;
}
.page_form_confirm { }
.page_form_confirm .form_list > dd {
	font-size: 18px;
	font-weight: bold;
}

/* ------------------------------------
	フォームページここまで
------------------------------------*/

/* ------------------------------------
	選挙ページここから
------------------------------------*/
.page_senkyo { }
.senkyo_info {
	border-bottom: 1px solid #c9d4e2;
	padding-bottom: 3%;
}
.senkyo_date {
	font-size: 16px;
}
.senkyo_summary {
	font-size: 16px;
}
.senkyo_summary span {
	display: inline-block;
	margin-right: 3%;
	font-size: 14px;
}
.senkyo_turnout {
	padding: 2% 0;
	font-size: 16px;
	font-weight: bold;
}

/* ------------------------------------
	選挙ページここまで
------------------------------------*/

/* ------------------------------------
	野球ページここから
------------------------------------*/
.page_baseball { }
.baseball_item {
	border-bottom: 1px solid #c9d4e2;
	padding-bottom: 3%;
	margin-top: 3%;
}
.baseball_item:first-child {
	margin-top: 0;
}
.baseball_info {
	color: #a5a5a5;
	padding: 3%;
}
.baseball_summary {
	padding-bottom: 2%;
}
.baseball_status {
	text-align: right;
	color: #FFF;
	font-weight: bold;
	padding-bottom: 2%;
}
.baseball_score {
	background: #007130;
	padding: 3%;
}
.baseball_score .scroll_area {
	overflow-x: auto;
}
.baseball_score .table_03 {
	width: 100%;
	white-space: nowrap;
}
.baseball_score .table_03 .th_fix {
	/*width: 100px;*/
}
.baseball_score .table_03 td:first-child {
	-moz-text-align-last: justify;
	text-align-last: justify;
}
.section_tournament { }
.tournament_item {
	border-bottom: 1px solid #c9d4e2;
	padding-bottom: 3%;
	margin-bottom: 3%;
}
.tournament_title {
	font-size: 16px;
}

/* ------------------------------------
	野球ページここまで
------------------------------------*/

/* ------------------------------------
写真詳細ページここから
------------------------------------*/
.page_photo_detail { }

.photo_detail_main {
	background: #eee;
	margin-bottom: 3%;
	padding: 3%;
}
.photo_detail_main .swiper-zoom-container img {
	max-height: 600px;
}
.photo_detail_main .swiper-button-prev,
.photo_detail_main .swiper-button-next {
	background: none;
	outline: none;
	width: 24%;
	position: relative;
	height: 100%;
	margin: 0;
	font-size: 20px;
	color: #4f7eb9;
}
.photo_detail_main .swiper-button-prev {
	float: left;
	text-align: left;
}
.photo_detail_main .swiper-button-next {
	float: right;
	text-align: right;
}
.photo_detail_main .swiper-button-prev:before {
	content: "\f104";
	font-family: fontAwesome;
	font-size: 40px;
	position: absolute;
	top: -18px;
	left: -6px;
}
.photo_detail_main .swiper-button-next:after {
	content: "\f105";
	font-family: fontAwesome;
	font-size: 40px;
	position: absolute;
	top: -18px;
	right: -6px;
}
.photo_detail_main .swiper-button-prev span{
	padding: 0 0 0 14px;
}
.photo_detail_main .swiper-button-next span {
	padding: 0 14px 0 0;
}
.photo_detail_main .contents_btn {
	padding: 3% 0 0 0;
}
.photo_detail_main .contents_btn_link a {
	font-size: 18px;
}
.photo_detail_caption {
	padding: 3% 0;
	text-align: center;
}

.gallery_thumbs { }
.gallery_thumbs .swiper-slide {
	background: #eee;
	text-align: center;
	opacity: 0.4;
}
.gallery_thumbs .swiper-slide-thumb-active {
	opacity: 1;
}
.gallery_thumbs img {
	height: 95px;
}

/* サムネのボタン */
.gallery_thumbs .swiper-button-next {
	background: none;
	outline: none;
	position:static;
	width:100%;
	height: 100%;
	margin: 0;
}
.gallery_thumbs .swiper-button-next span:after {
	content: '\f101';
	margin-left: 5px;
	font-family: 'FontAwesome';
}
.gallery_thumbs .swiper-button-next span {
	display: inline-block;
	padding: 3%;
	background: #4f7eb9;
	color: #fff;
	font-size: 18px;
	width: 100%;
}



/* ------------------------------------
写真詳細ページここまで
------------------------------------*/

/* ------------------------------------
	イベントページここから
------------------------------------*/
.page_event { }

/*------------------*/
/*	イベントタブ
/*------------------*/
.event_tabs {
	border-top: 1px solid #3a3e49;
	border-bottom: 1px solid #3a3e49;
	border-right: 1px solid #3a3e49;
margin-bottom: 21px;
	display: table;
	table-layout: fixed;
	width: 100%;
}
.event_tab {
	border-left: 1px solid #3a3e49;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
font-size: 12px;
	position: relative;
}
.event_tab:nth-of-type(1) {
	margin-left: 0;
}
.event_tab:nth-of-type(8) {
	width: 11.8%;
}
.event_tab.active:before{
	content: "";
	border: 12px solid transparent;
	border-bottom: 12px solid #fff;
	position: absolute;
	left: 50%;
	margin-left: -12px;
	bottom: -26px;
	z-index: 10;
}
.event_tab.active:after{
	content: "";
	border: 12px solid transparent;
	border-bottom: 12px solid #4f7eb9;
	position: absolute;
	left: 50%;
	margin-left: -12px;
	bottom: -22px;
}
.event_tab a {
	color: #333;
	display: block;
	text-decoration: none;
}
.event_tab.active a {
	background: #4f7eb9;
	color: #FFF;
}
.event_tab.saturday a {
	background: #e6f0fc;
	color: #00a0e9;
}
.event_tab.saturday.active a {
	background: #0061d8;
	color: #FFF;
}
.event_tab.sunday a {
	background: #fce2ed;
	color: #ff0000;
}
.event_tab.sunday.active a {
	background: #d55482;
	color: #FFF;
}
.event_tab.calendar a {
	background: #a2a2a2;
	padding: 8px 0;
}
.event_tab_youbi {
	border-bottom: 1px solid #3a3e49;
	padding: 5px 0;
font-weight: bold;
}
.event_tab_date {
font-size: 16px;
font-weight: bold;
	line-height: 1;
	padding-top: 10px;
}
.event_tab_count {
	text-decoration: underline;
	padding-bottom: 5px;
}


.event_panel {
	display: none;
}
.event_panel.active {
	display: block;
	border: 3px solid #4f7eb9;
}

/*------------------*/
/*	イベント検索
/*------------------*/
.event_search { }
.event_search_item { }
.event_search_subject {
	padding: 2% 0;
	font-size: 16px;
	font-weight: bold;
}
.event_search_body {
	margin-bottom: 2%;
}
.event_search_body .form_select_wrap {
	float: left;
	width: 86%;
}
.event_search_input { }
.event_search_icon {
	float: right;
	width: 12%;
}
.event_search_icon img {
	max-width: 42px;
}
.event_search_btn {
	width: 60%;
	margin: 3% auto;
}
.event_search_body .form_btn {
	width: 100%;
	font-size: 16px;
}

/* デフォルトのform要素の上書き */
.event_search_body .form_select_date{
	border: 2px solid #000;
	border-radius: 0;
	font-size: 14px;
}
.event_search_body .form_select {
	border: 2px solid #000;
	border-radius: 0;
	font-size: 14px;
}
.event_search_body .form_text {
	border: 2px solid #000;
	border-radius: 0;
	font-size: 14px;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
}


/*------------------*/
/*	カレンダー
/*------------------*/
table.calendar {
	border-collapse: separate;
	border-spacing: 4px;
	border: none;
	width: 100%;
}
table.calendar th,
table.calendar td {
	width: 14.3%;
	text-align: center;
	line-height: 46px;
}
table.calendar th {
	border: none;
	padding: 0;
}
table.calendar td {
	border: 1px solid #c9c9c9;
	padding: 0;
}
table.calendar a {
	display: block;
	font-weight: bold;
	text-decoration: underline;
}
table.calendar a:hover {
	background: #4f7eb9;
	color: #FFF;
}

/* キャプション */
table.calendar caption {
	background: #eef5fe;
	color: #333;
	padding: 10px;
	font-size: 18px;
	line-height: 1.2;
}

/* 日曜日 */
table.calendar tr th:nth-child(1),
table.calendar tr td:nth-child(1) {
	color: #ff0000;
}

/* 土曜日 */
table.calendar tr th:nth-child(7),
table.calendar tr td:nth-child(7) {
	color: #4f7eb9;
}

/* 今日 */
table.calendar td.today {
	border: 1px solid #4f7eb9;
	background: #4f7eb9;
	color: #FFF;
	font-weight: bold;
}
table.calendar td.today a {
	color: #FFF;
}

/* 記事があるセル */
table.calendar td.active {
	border: 1px solid #4f7eb9;
}

/* 前後の月の日付が入るセル */
table.calendar td.blank {
	background: #eee;
	color: #c9c9c9 !important;
}

/* カレンダー見出し */
.calendar_head {
	background: #eef5fe;
	display: table;
	width: 100%;
	padding: 3%;
	font-weight: bold;
	font-size: 16px;
	line-height: 1;
}
.calendar_head_prev {
	display: table-cell;
	vertical-align: middle;
	font-size: 24px;
}
.calendar_head_next {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	font-size: 24px;
}
.calendar_head_current {
	display: table-cell;
	vertical-align: middle;
	width: 70%;
	text-align: center;
}
.calendar_head a {
	display: block;
}


/*------------------*/
/*	イベント詳細
/*------------------*/
.page_event_detail { }

.event_item { }
.event_item dt {
	background: #eee;
	padding: 2%;
	font-size: 16px;
	font-weight: bold;
}
.event_item dd {
	border-top: 1px solid #bfbfbf;
	padding: 3% 2%;
}


/* ------------------------------------
	イベントページここまで
------------------------------------*/

/* ------------------------------------
	00-00_○○○○ここから
------------------------------------*/


/* ------------------------------------
	00-00_○○○○ここまで
------------------------------------*/





/* ▲▲▲ここに各コーダーが別途作成したCSS内のスタイルをドッキングしていく▲▲▲ */








/*==================================================================
	98. AD setting（広告）
===================================================================*/
.ad_space {
	text-align: center;
}
.ad_space_main_wide {
	margin-bottom: 5%;
}
.ad_space_main {
	margin: 5% 3%;
}
.ad_space_article {
	margin-bottom: 5%;
}


/* 2つ並び広告 */
/*
.ad_area {
	padding: 40px 0;
}
.ad_list {
	font-size: 0;
	text-align: center;
}
.ad_item {
	width: 300px;
	margin: 0 20px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	font-size: 14px;
}
*/

/* ------------------------------------
	会員登録ページここから
------------------------------------*/
/* ------------------------------------------------------------------
	1-2. Structure styles
-------------------------------------------------------------------*/
.contents {
margin: 70px auto 0 auto;
padding: 3%;
}
.section_step {
    display: none;
}
.section_step_sp {
    display: block;
    margin-bottom: 5%;
}
.section_step_sp:after{
    content: "";
    display: block;
    clear: both;
}
.section_step_sp_item.current {
    background: #4f7eb9;
    color: #FFF;
}
.section_step_sp_item {
    background: #eeeeee;
    border-right: 1px solid #FFF;
    float: left;
    width: 20%;
    padding: 2% 0;
    color: #b5b5b5;
    position: relative;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}
.section_step_sp_item.current:before {
    content: "";
    position: absolute;
    bottom: -18px;
    left: 50%;
    margin-left: -10px;
    border: 10px solid transparent;
    border-top: 10px solid #4f7eb9;
}
.section_step_sp_item:first-child {
    border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
}
.section_step_sp_item:last-child {
    border-top-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-bottom-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-right: none;
}
.section_inner_01 .section_wrap{
	padding: 0;
}
.section_wrap .contents_btn{
    padding: 3% 0;
}
.section_inner_02 .contents_btn{
    padding: 3% 0;
}

/*==================================================================
	2. Layout setting
===================================================================*/

/* ------------------------------------------------------------------
	2-1. Header styles
-------------------------------------------------------------------*/
.heading_type_01 {
    margin-bottom: 5%;
}
.heading_type_02 {
    margin-bottom: 3%;
}
.heading_type_03 {
    background: #4f7eb9;
    padding: 2%;
    color: #FFF;
    margin-bottom: 3%;
}
.heading_type_03 h4 {
    font-size: 14px;
}

/*-------------------------------*/
/*	フォーム内各種文言
/*-------------------------------*/
.form_edit_btn {
    float: none;
    border-top: 1px dotted #eeeeee;
    padding-top: 3%;
    margin-top: 3%;
    text-align: center;
}
.form_edit_btn a{
    width: 100%;
}
.form_edit_btn .form_btn{
    width: 100%;
}
a.form_btn {
    text-decoration: none;
}
a.form_btn:hover{
    color: #FFF;
}
.form_select_wrap .form_select{
    background-size: 31px;
}
.content_box .form_info .form_info_text{
    overflow-wrap: break-word;
}
.form_info_error {
    margin: 3% 0;
    font-size: 12px;
}
.form_info {
    padding: 5% 0;
}
/* ------------------------------------
	会員登録ページここまで
------------------------------------*/

/* ------------------------------------
	マイページTOPここから
------------------------------------*/
.my_top_list {
	font-size: 0;
	padding: 10px 20px 0 20px;
}
.my_top_item {
	display: inline-block;
	width: 32%;
	vertical-align: top;
	margin: 0 2% 2% 0;
}
.my_top_item:nth-child(3n) {
	margin-right: 0;
}
.my_top_title {
	font-size: 16px;
}
.my_top_title a {
	background: #4f7eb9;
	display: block;
	padding: 10px;
	color: #FFF;
	text-decoration: none;
}
.my_top_title a::before {
	content:  '';
	border-style: solid;
	border-width: 5px 0 5px 7px;
	border-color: transparent transparent transparent #FFF;
	display:  inline-block;
	vertical-align:  middle;
	position:  relative;
	top: -2px;
	margin-right: 5px;
}
.my_top_title a:hover {
	background: #333;
}
.my_top_title_sub {
	padding: 10px;
	font-size: 14px;
	line-height: 1.4;
}

@media only screen and (max-width: 640px) {
	.my_top_list {
	padding: 2%;
	}
	.my_top_item {
	display: block;
	width: 100%;
	margin: 0 0 2% 0;
	}
	.my_top_title a {
	padding: 4%;
	}
	.my_top_title_sub {
	padding: 2% 4% 4% 4%;
	}

}
 /* ------------------------------------
	マイページTOPここまで
------------------------------------*/