body{
	font-size:62.5%;
	background: #fff;
	color: #333;
	line-height: 1.8em;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	-webkit-text-size-adjust: 100%;
}
a:link,a:visited{
	color: #333;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
a:hover img{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	-ms-filter: "alpha(opacity=8)"; /* IE 8 */
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
img{ max-width: 100%; }



/* commom
-------------------------------------------*/
#container{
	font-size:1.4em
}
#container-header{

}
#container-header .header_top{
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}
.header_top .view_pc{
	position: absolute;
	top: 20px;
	right: 0;
}
#container-header #siteTitle{
	padding: 15px 0;
	width: 80%;
}
#container-contents{
	padding: 10px 10px 20px;
}
#container-footer{
	padding: 20px 10px 10px;
	background: #ddd;
	width: 100%;
	border-top: solid 1px #666;
}
.footer_right{
	position: relative;
}
.footer_right .author{
	font-weight: bold;
	font-size: 1.2em;
	display: block;
	padding-bottom: 10px;
}
.footer_right #copyright{
	font-size: 0.8em;
	text-align: center;
	margin-top: 15px
}
.breadcrumb{
	margin-top: 10px;
}
.breadcrumb li{
	display: inline;
	font-size: 0.8em;
}
.h2_subpage{
	padding: 10px;
	background-color: #ddd;
	border-bottom: solid 1px #999;
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 1.2em;
}
.h3_subpage{
	border-left: solid 5px #F39F16;
	padding-left: 10px;
	margin-bottom: 15px;
	font-weight: bold;
}
.list_basic{
	margin-bottom: 20px;
}
.list_01 li{
	background: url(../images/common/icon_arrow_gray_sp.png) top left no-repeat;
	background-size: 16px 16px;
	padding-left: 20px;
}
.list_02 li{
	background: url(../images/common/icon_arrow_orange.png) top left no-repeat;
	background-size: 16px 16px;
	padding-left: 20px;
}

/* 入札
-------------------------------------------*/

.nyuusathu {
	margin: 10px;
    text-align: center;
	border: 1pt solid #d1d1d1;
	font-size: 0.9em;
}

.nyuusathu a{
    display: block;
}
.nyuusathu a:hover{
	text-decoration: none;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	-ms-filter: "alpha(opacity=8)"; /* IE 8 */
}

/* 入札終わり
-------------------------------------------*/

.livecamera {
	margin-left: 10px;
	margin-right: 10px;
}


/* top
-------------------------------------------*/
.livecamera a{
	background: #1750A2;
	border-radius: 25px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	margin-top: 10px;
	color: #fff;
	display: block;
	font-size: 1.2em;
}
.livecamera a:hover{
	text-decoration: none;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	-ms-filter: "alpha(opacity=8)"; /* IE 8 */
}
.emaegency_info{
	border: solid 1px #E81313;
	margin-left: 10px;
	margin-right: 10px;
}
.emaegency_info .ttl_emaegency_info{
	padding: 5px 10px 5px 40px;
	color: #fff;
	font-size: 1.2em;
	background: url(../images/top/icon_emergency_sp.png) 3% center no-repeat #E81313;
	background-size: 23px 21px;
}
.emaegency_info ul{
	padding: 8px 10px 5px;
}
.emaegency_info ul li{
	padding: 0 0 3px 20px;
	background: url(../images/common/icon_arrow_red_sp.png) top left no-repeat;
	background-size: 16px 16px;
	color: #D92216;
}
.emaegency_info ul .emaegency_info_date{
	display: block;
}

#headerNav{
	margin-top: 10px;
}
#headerNav ul {
	padding: 1em 5px;
	background-color: rgba(235,235,235,1.00);
	background-image: url(../images/common/stripe.png);
}

#headerNav ul li{
	width: 50%;
	float: left;
	text-align: center;
	border-right: 1px solid rgba(0,0,0,0.00);
	border-bottom: 1px solid rgba(0,0,0,0.00);
}
#headerNav ul li a{
	width: 100%;
	/* [disabled]height: 45px; */
	display: block;
	line-height: 1.3;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.1em;
	padding: 1em 0.5em;
	border-left: 2px solid rgba(255,255,255,0.20);
	border-right: 2px solid rgba(255,255,255,0.20);
	border-bottom: 2px solid rgba(0,0,0,0.30);
	border-top: 2px solid rgba(255,255,255,0.35);
}
#headerNav ul li a.menu01{
	background: -moz-linear-gradient(top, #d41e19 0%, #921d22 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #d41e19 0%,#921d22 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #d41e19 0%,#921d22 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-top-left-radius: 10px;
}
#headerNav ul li a.menu02{
	background: -moz-linear-gradient(top, #1b9b72 0%, #0f6a4e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #1b9b72 0%,#0f6a4e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #1b9b72 0%,#0f6a4e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-top-right-radius: 10px;
}
#headerNav ul li a.menu03{
background: -moz-linear-gradient(top, #118ebc 0%, #087297 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #118ebc 0%,#087297 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #118ebc 0%,#087297 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#headerNav ul li a.menu04{
background: -moz-linear-gradient(top, #118ebc 0%, #dd5617 0%, #aa4323 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #118ebc 0%,#dd5617 0%,#aa4323 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #118ebc 0%,#dd5617 0%,#aa4323 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#headerNav ul li a.menu05{
	background: -moz-linear-gradient(top, #118ebc 0%, #e48f13 0%, #be7818 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #118ebc 0%,#e48f13 0%,#be7818 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #118ebc 0%,#e48f13 0%,#be7818 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-bottom-left-radius: 10px;
}
#headerNav ul li a.menu06{
	background: -moz-linear-gradient(top, #118ebc 0%, #534096 0%, #3a2477 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #118ebc 0%,#534096 0%,#3a2477 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #118ebc 0%,#534096 0%,#3a2477 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-bottom-right-radius: 10px;
}


.update{
	border: solid 1px #ddd;
	margin-bottom: 10px;
}
.ttl_top_category{
	padding: 7px 10px 5px;
	color: #fff;
	font-weight: bold;
}

.ttl_news{ background: #1E9C72 }
.ttl_info{ background: #F29600 }
.ttl_press{ background: #DD5617 }
.ttl_recommend{ background: #FF3399 }
.ttl_twitteraria{ background: #1da1f3 }

.update_detail{
	padding: 10px 20px 3px 5px;
	overflow: scroll;
	overflow-y:scroll;
}
.update_detail dd, .update_detail li {
	padding-bottom: 7px;
}
.update_detail dt, .update_detail li {
	padding: 0 0 5px 20px;
}
.news .update_detail dt{
	background: url(../images/common/icon_arrow_green_sp.png) top left no-repeat;
	background-size: 16px 16px;
}
.news .update_detail dd{
	padding-left: 20px;
	background-size: 16px 16px;
}
.info .update_detail li{
	background: url(../images/common/icon_arrow_orange_sp.png) top left no-repeat;
	background-size: 16px 16px;
}
.press .update_detail dt{
	background: url(../images/common/icon_arrow_vermilion_sp.png) top left no-repeat;
	background-size: 16px 16px;
}
.press .update_detail dd{
	padding-left: 20px;
}
.update .backnumber a{
	display: block;
	padding: 10px;
	text-align: center;
	background-color: #eee;
}
.recommend_wrap{
	padding: 8px 8px 3px;
	font-size: 86%;
}
.recommend_wrap a dl{
	width: 50%;
	float: left;
	margin: 0 2% 5px 0;
	background: #ddd;
	padding: 5px;
}
.recommend_wrap a:nth-child(2n) dl{
	width: 48%;
	float: left;
	margin: 0 0 5px 0;
	background: #ddd;
	padding: 5px;
}
.recommend_wrap dl dt{
	width: 56px;
	float: left;
}
.recommend_wrap dl dd{
	padding-left: 60px;
	vertical-align: middle;
}
.recommend_wrap dl dd:hover{
	text-decoration: underline;
}

.twitteraria_sw, .twitteraria_policy {
	position:relative;
	float: left;
	width: 50%;
	margin: 2px 0px 2px 0px;
}

.twitteraria_img {
	float: left;
	width: 60px;
}
.twitteraria_mojis {
    float: left;
	width : calc(100% - 60px) ;
	height: 44px;

	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	/*-webkit-justify-content: center;  横方向中央揃え（Safari用） */
	/*justify-content: center;  横方向中央揃え */
}
.twitteraria_policy {
	height: 44px;
	color: #F00;
	padding: 6px 0px 6px 6px;

	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	/*-webkit-justify-content: center;  横方向中央揃え（Safari用） */
	/*justify-content: center;  横方向中央揃え */
}

.twitteraria_sw .Link, .twitteraria_policy .Link  {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.twitteraria_sw:hover {
    background: #93d2f9;
	transition: 2.0s;
}
.twitteraria_policy:hover {
    background: #fab7b7;
	transition: 2.0s;
}

@media (max-width: 440px) {
    .twitteraria_sw {
	    width: 55%;
		font-size: 82%;
	}
	
	.twitteraria_policy {
        width: 45%;
		font-size: 82%;
	}
}

.banner{
	margin-bottom: 20px;
	border-top: solid 1px #666;
	padding-top: 10px;
}
.top_banner{
	margin-top: 20px;
}
.banner_title{
	padding: 10px;
	color: #fff;
	background: -moz-linear-gradient(top, #f5b27c 0%, #a54c08 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f5b27c 0%,#a54c08 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f5b27c 0%,#a54c08 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.top_banner li{
	width: 50%;
	float: left;
	padding: 0 5px 10px 0;
	min-height: 77px;
	text-align: center;
	display: inline-block;
}
.top_banner li:nth-child(2n){
	width: 50%;
	float: left;
	padding: 0 0 10px 0;
	min-height: 77px;
	text-align: center;
	display: inline-block;
}


/* Parts
-------------------------------------------*/
.mb7{ margin-bottom: 7px; }
.mb10{ margin-bottom: 10px; }

.align_c{ text-align: center; }