@charset "utf-8";
/* ===========================================
	top
=========================================== */
#contact #contents {
	min-height: 400px;
}
.h3_top {
	font-size: 24px;
	color: #1a1a41;
	font-weight: bold;
	background: url(../images/icon_tophead.png) left no-repeat;
	padding-left: 24px;
	margin-bottom: 10px;
}
#top .top .left {
	width: 100%;
	/*width: 900px;*/
}
#top .bottom .left {
/*width: 635px;*/
}
#top .bottom .right {
	width: 545px;
}
#top .bottom .left .desc {
	margin-bottom: 20px;
}
#top .slidetxt {
	position: absolute;
	z-index: 999;
	top: 20%;
}
#top .slidetxt h2 img {
	background-color: rgba(0,0,0,0.7);
	padding: 5px;
}
#top .slidetxt p span {
	background-color: rgba(0,0,0,0.7);
	color: #FFF;
	font-weight: bold;
	font-family: century gothic;
	font-size: 16px;
	padding: 5px 10px;
	line-height: 2.4;
}
#top .news {
	padding: 30px;
	background: #FFF;
}
#top .newsbox {
	margin-bottom: 27px;/*
	position: relative;

	height: 168px; 
	overflow-y: scroll;*//*overflow: hidden;*/
}
#top .newsbox dl {
	overflow: hidden;
	border-bottom: 1px solid #b3b3b3;
	padding-bottom: 10px;
	padding-top: 10px;
}
#top .newsbox dl:last-child {
	border-bottom: none;
}
#top .newsbox dl dt {
	color: #989898;
	float: left;
	width: 90px;
}
#top .newsbox dl dd {
	float: left;
	padding: 0 20px;/*width: 720px;*/
}
#top .top .right {
	position: relative;
}
#top .pdfbox {
	margin-top: 20px;
}
#top .pdf-list li {
	display: list-item;
}
#top .pdf-list li a {
	text-decoration: underline;
}
#top .diagonal .btn_type02 {
	/*margin-bottom: 10px;*/
	width: 270px;
}
.pdf-ico {
	background: url(../images/icon_pdf_s.png) left no-repeat;
	padding-left: 20px;
	margin-left: 10px;
}
.category1, .category2 {
	font-size: 11px;
	border: 1px solid #a3a3a3;
	padding: 2px 5px;
	margin-right: 10px;
}
.category2 {
	background-color: #ebebeb;
	color: #010c4b;
}

@media screen and (max-width: 640px) {
#top .diagonal .btn_type02 {
	text-align: left;
}
}
/* ===========================================
	page name2
=========================================== */
footer .left .ft_logo {
	padding: 13px 7px;
	background: #FFF;
	height: 200%;
}
footer .left {
	margin-right: 0 !important;
}
footer .one {
	height: 15vh;
	width: auto !important;
}
footer .two {
	text-align: left;
	margin-left: 25px;
	width: 91% !important;
}
.fcopy {
	font-size: 11px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	clear: both;
}
.fmenu li {
	font-size: 13px;
	margin-right: 25px;
}
.fmenu li:last-child {
	margin-right: 0;
}
.fmenu li a {
	color: #FFF;
	text-decoration: underline;
}
.fmenu li a:hover {
	text-decoration: none;
}
.diagonal {
	background-color: #f1f1f1;
	margin-bottom: -34px;
	margin-top: -50px;
	padding-top: 23px;
}
.inner-box {
	padding: 55px 0 65px;
	transform: rotate(2deg) scale(1) skew(2deg);
	-webkit-transform: rotate(2deg) scale(1) skew(2deg);
	-moz-transform: rotate(2deg) scale(1) skew(2deg);
	-o-transform: rotate(2deg) scale(1) skew(2deg);
	-ms-transform: rotate(2deg) scale(1) skew(2deg);
}
.header_rotate_inn {
	position: relative;
	margin: 0 0;
	padding: 0 0;
	overflow: hidden;
}
.header_rotate_inn:before {
	content: '';
	position: absolute;
	top: 50px;
	left: 0;
	width: 120%;
	height: 52%;
	margin: 3% -10% 0;
	background: #f6f6f6;
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
	z-index: -999;
}
.inner .head_inner {
	background: url(../images/bg_innerhead.jpg) center no-repeat;
	background-size: cover;
	padding-top: 10px;
	padding-bottom: 10px;
	z-index: 10;
}
.inner .head_inner ul.breadcrumbs li a {
	z-index: 999;
	text-decoration: underline;
}

@media screen and (max-width: 640px) {
footer .left .ft_logo {
	height: auto;
	width: 70px;
	margin: 0 auto;
}
footer .two {
	width: auto;
	text-align: center;
	margin-left: 0;
	margin-top: 15px;
}
footer .two .address {
	line-height: 1.7;
}
.fmenu {
	margin-top: 20px;
}
}
/*---------------------------------
	contents 1
---------------------------------*/
.contents1 {
	position: relative;
	overflow: hidden;
	padding: 40px 0;
}
.contents1:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 126%;
	height: 100%;
	margin: 3% -10% 0;
	background: #FFF;
	background-size: cover;
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
}
.contents1.reverse1:before {
	margin: 2% -10% 0;
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg);
}
.contents_inner1 {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 153px 10px 10px;
	position: relative;
	overflow: hidden;
}
/*---------------------------------
	contents 2
---------------------------------*/
.contents2 {
	position: relative;
	overflow: hidden;
	padding: 40px 0 0 0;
}
.contents2:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 120%;
	height: 90%;
	margin: 3% -10% 0;
	background: url(../images/bg_fback.png) no-repeat;
	background-size: cover;
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	z-index: -1;
}
.contents2.reverse2:before {
	margin: 2% -10% 0;
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.contents_inner2 {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 165px 10px 10px;
	color: #fff;
	text-align: center;
}
.contents_inner2 h1 {
	margin-bottom: 40px;
	font-size: 40px;
}
.contents_inner2 p a {
	color: #fff;
	text-decoration: underline;
}
.contents_inner2 p a:hover {
	text-decoration: none;
}

@media screen and (max-width: 640px) {
.contents_inner1 {
	padding: 0px 10px 10px;
}
.contents2:before {
	height: 100%;
}
.contents_inner2 {
	padding: 50px 10px 10px;
}
#top .pdf-list li {
	text-align: left;
	margin-top: 10px;
}
}
/*-----------------------------
	twitter
------------------------------*/
#twitterWrap {
	width: 357px;
	height: 679px;
}
#twitterWrap .twitter-timeline .timeline-Widget {
	height: 710px;
}
#twitterWrap .twitter-timeline .timeline-EmptyMessage {
	height: 550px;
}
iframe#twitter-widget-0 {
	min-height: 0 !important;
}
/*---------------------------------
	Add CSS
---------------------------------*/
.smt-nav {
	display: none;
}
#navToggle {
	display: none;
	position: absolute;
	right: 18px;
	top: 34px;
	width: 22px;
	height: 25px;
	cursor: pointer;
}
#navToggle div {
	position: relative;
}
#navToggle span {
	display: block;
	position: absolute;
	width: 100%;
	border-bottom: solid 2px #333;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
#navToggle span:nth-child(1) {
	top: 0px
}
#navToggle span:nth-child(2) {
	top: 7px
}
#navToggle span:nth-child(3) {
	top: 14px
}
.sp-lang {
	display: none;
}
.slidetxt_sp {
	display: none;
}
/*Add css*/
.pdf-list {
	margin-bottom: 1.8em;
}

/* ===========================================
	Smartphoto 640px min
=========================================== */
@media(max-width: 640px) {
/*----------------------
	common structure
	-----------------------*/
#top, .inner {
	font-size: 1.65rem;
	min-width: 100%;
	margin: 0;
	padding: 0;
}
img {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
.totext, .lang ul li {
	display: none;
}
.wrap {
	width: 100%;
	/*margin:0 5%;*/
	padding: 0;
}
.logo h1, .logo p {
	margin: 0;
	padding: 0;
	margin-left: 10px;
}
.logo img {
	width: 55%;
	height: auto;
	/*margin-top: 4%;*/
	padding: 0;
	vertical-align: bottom;
}
header {
	z-index: 333;
	height: 80px;
}
header .logo {
	height: auto;
	display: inline;
	width: 100%;
	text-align: center;
}
header .logo h1, header .logo p {
	height: auto;
	display: inline-block;
	vertical-align: top;
}
.top {
	background: none;
	padding-top: 0px;
	overflow: hidden;
}
/*-----------------------
	hamburger navigation
	--------------------------*/
	
#navToggle {
	display: block;
}
header .nav ul li {
	text-align: center;
	background: none;
	width: 100%;
}
header .nav ul li a {
	color: #FFF;
	display: block;
	padding: 0px;
}
header .nav ul li a:hover, header .nav ul .home, header .nav ul .home a:hover {
	background: none;
}
.home img {
	width: 16px;
	height: auto;
}
header .nav {
	/*display:none;*/
	position: absolute;
	right: 0;
	top: -300px;
	background-color: #00385f;
	width: 100%;
	padding: 40px 0 32px 0;
	margin: 0 auto;
	text-align: center;
	opacity: 0;
	font-size: 15px;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	z-index: 1200;
}
header .nav ul li {
	display: block;
	margin: 0;
	line-height: 3;
	margin: 0 auto;
	text-align: center;
}
.sp-lang {
	margin-bottom: 1.2em;
}
.sp-lang span {
	display: inline-block;
	color: #fff;
}
.sp-lang span a {
	display: block;
	font-size: 13px;
	color: #fff;
}
.sp-lang span:nth-child(2) {
	padding: 0 12px;
}
.nowlang {
	background: #fff;
	padding: 0 9px;
}
.nowlang a {
	color: #00385f !important;
	font-weight: bold;
}
header.openNav .nav {
	display: block;
	transform: translateY(300px);
	-mosssz-transform: translateY(300px);
	-webkit-transform: translateY(300px);
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 1;
	text-align: center;
}
header.openNav .sp-lang {
	display: block;
	text-align: center;
}
/*-----------------------
	close button in navigation
	--------------------------*/
	
header .nav #closebtn {
	position: absolute;
	right: 22px;
	top: 22px;
	width: 22px;
	height: 25px;
	cursor: pointer;
}
header .nav #closebtn div {
	position: relative;
}
header.openNav .nav #closebtn div span {
	display: block;
	position: absolute;
	width: 100%;
	border-bottom: solid 2px #fff;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
	background: #fff;
}
header.openNav .nav #closebtn span:nth-child(1) {
	top: 0px;
	transform: rotate(45deg);
	background: #fff;
}
header.openNav .nav #closebtn span:nth-child(2) {
	top: 0px;
	transform: rotate(-45deg);
	background: #fff;
}
/*-----------------------
	#contents
	--------------------------*/
#top #contents {
	text-align: center;
	font-size: 90%;
}
#top .top .left {
	width: auto;
	max-width: 100%;
}
#top .bottom .right {
	float: none;
	width: auto;
	max-width: 100%;
}
.left, .right {
	float: none;
}
.diagonal {
	background-color: #fff;
	padding-top: 0;
	margin-bottom: 0;
	margin-top: -15px;
}
.diagonal .right img {
	max-width: 98%;
}
#top .slidetxt {
	display: none;/*
		z-index: 555;
		width:auto;
		top: 3%;
		*/
}
/*
	#top .slidetxt p img {
		max-width:90%;
		width:30%;
		background-color: rgba(0,0,0,0.7);
		padding: 5px;
		margin-bottom:5px;
	}
	#top .slidetxt p span {
		background-color: rgba(0,0,0,0.7);
		color: #FFF;
		font-weight: bold;
		font-family: century gothic;
		font-size: 14px;
		padding: 5px 10px;
		line-height: 2.0;
	}
	*/
	
#top .news {
	padding: 48px 4%;
}
.h3_top {
	text-align: center;
	font-size: 18px;
	padding-left: 0;
	background: url(../images/icon_tophead_sp.png) left center no-repeat;
	display: inline-block;
	margin-bottom: 0;
}
.h3_top span {
	font-weight: bold;
	padding-left: 25px;
}
.newsbox dl dd {
	width: auto;
	max-width: 100%;
	text-align: left;
}
#top .newsbox {
	margin-bottom: 6px;
}
#top .bottom .left {
	width: auto;
	float: none;
	margin-bottom: 48px;
}
#top .bottom .left .desc {
	text-align: left;
	margin-bottom: 13px;
}
#top .bottom .left {
	padding: 0 4%;
}
#top .bottom .left .desc {
	padding-top: 10px;
}
/*-----------------------------
twitter
------------------------------*/

/*
.timeline-Header-title{
	font-size:16px;	
}
.timeline-EmptyMessage-message{
	font-size:14px;	
}
*/
#twitterWrap {
	width: auto;
	height: auto;
	border: 7px solid #ededed;
	border-top: 16px solid #ededed;
	border-bottom: 16px solid #ededed;
}
#twitterWrap .stream {
	height: 350px;
	overflow-y: scroll;
}
#twitterWrap .timeline-EmptyMessage-message {
	font-size: 12px !important;
}
#twitterWrap .timeline-Body {
}
#twitterWrap .timeline-Header h1 {
	font-size: 14px !important;
	font-weight: bold !important;
}
#twitterWrap .timeline-Header h1 a {
	font-size: 14px !important;
	font-weight: bold !important;
}
.right #twitter-widget-1 {
	min-height: auto !important;
}
#top .right .btn_twt {
	bottom: 60px !important;
}
#twitterWrap .TweetAuthor {
	text-align: left;
}
#twitterWrap .timeline-Tweet-actions {
	text-align: left;
}
/*-----------------------------
	YouTube
------------------------------*/
.bottom iframe {
	width: 100%;
	height: 380px;
}
.container iframe {
	width: 100%;
	height: 380px;
}
/*-----------------------
	#footer
--------------------------*/
.contents_inner {
	padding-top: 40px;
}
.contents:before {
	height: 100%;
}
.fmenu li {
	margin-right: 0;
	display: list-item;
	margin-bottom: 7px;
}

}
/* ===========================================
	access
=========================================== */
#access #contents .left {
	width: 450px;
	margin-right: 30px;
}
#access .bold {
	margin-top: 10px;
	display: block;
}
#access .one-fourth .pc_img {
	text-align: center;
}

@media screen and (max-width: 640px) {
#access .left {
	width: 100%;
	margin-right: 0;
}
#access .right {
	margin-top: 20px;
}
#access .one-fourth img {
	width: 100%;
}
}
/* ===========================================
	contact
=========================================== */
#contact .contact_table td, #contact .contact_table th {
	padding: 5px;
}
#contact .contact_table .colon {
	text-align: center;
}
#contact .inner-box {
	height: 300px;
}
#access #contents .container, #contact #contents .container {
	margin: 0 34px;
}
#access .inner .one-fourth, #contact .inner .one-fourth {
	margin-bottom: 0;
}
#access #contents, #contact #contents {
	margin-bottom: 0;
}
#access .inner .one-fourth, #access .inner {
	margin-bottom: 0;
	padding-bottom: 0;
}
span.red01 {
	font-weight: bold;
	color: fff;
	font-size: 90%;
}

@media screen and (max-width: 640px) {
header .logo h1 {
	padding: 12px 0 8px 0;
}
#contact .contact_table {
	width: auto;
	margin: 2%;
	font-size: 14px;
}
#contact #contents {
	min-height: 300px;
}
#contact .contact_table tr th {
	width: 19%;
}
.inner-box {
	padding: 15px 0 0;
}
#top .inner-box {
	padding: 0;
}
#top .right {
	padding-bottom: 9px;
}
#top .right h3.h3_top {
	margin-bottom: 12px;
}
.header_rotate_inn {
	position: relative;
	margin: 0 0;
	padding: 0 0;
	padding-bottom: 18px;
	z-index: 0;
	overflow: hidden;
}
.header_rotate_inn:before {
	content: '';
	position: absolute;
	top: 50px;
	left: 0;
	width: 0;
	height: 0;
}
.inner .head_inner {
	background: url(../images/bg_innerhead.jpg) center no-repeat;
	background-size: cover;
	padding-top: 10px;
	padding-bottom: 10px;
	z-index: 666;
}
#access #contents .container, #contact #contents .container {
	margin: 0;
}
#top header .logo h1 {
	padding: 11px 0 11px 0;
}
}
#top .right #twitter-widget-1 {
	min-height: auto !important;
}
#twitterWrap .timeline-Tweet {
/*height: 507px !important;*/
}
#twitterWrap .timeline-Viewport {
	height: 565px;
}
#top .right .btn_twt {
	position: absolute;
	bottom: 3px;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 99999;
}
/* ===========================================
	event
=========================================== */
#event .left, #photoreport .left {
	/*width: 960px;*/
}
#event .right, #photoreport .right {
	width: 220px;
}
#event .tab .left, #photoreport .tab .left {
	width: 115px;
	clear: both;
}
#event .tab .right, #photoreport .tab .right {
	width: 845px;
}
#event .tab-content .box, #photoreport .tab-content .box {
	width: 407px;
	float: left;
	border: 1px solid #CCC;
	position: relative;
	margin-bottom: 27px;
	margin-right: 27px;
}
#event .tab-content .mar, #photoreport .tab-content .mar {
	margin-right: 0;
}
#event .tab .box:before, #photoreport .tab .box:before {
	content: '';
	position: absolute;
	right: 0;
	height: 2px;
	border-left: 25px solid transparent;
}
#event .boxcon, #photoreport .boxcon {
	padding: 20px;
}
#event .box .date, #photoreport .box .date {
	color: #888;
	font-weight: bold;
	font-size: 14px;
	float: right;
	margin-right: 28px;
	margin-top: 10px;
}
#event .boxcon {
	clear: both;
}
#event .boxhead {
	font-size: 18px;
	color: #00385f;
	margin-bottom: 5px;
	font-weight: bold;
}
#event .boxhead a {
	font-size: 18px;
	color: #00385f;
	font-weight: bold;
}
#event .boxcon .desc {
	color: #000;
	font-weight: bold;
}
#event .contbox, #photoreport .contbox {
	overflow: hidden;
}
#event #tab-0 .right, #photoreport #tab-0 .right {
	border-top: 1px solid #001c51;
	padding-top: 30px;
}
#event .tabcont, #photoreport .tabcont {
	border-top: 1px solid #001c51;
	padding-top: 30px;
}
#event .btn_back, #photoreport .btn_back {
	display: inline-block;
	background: url(../../event/images/icon_event_back.png) left no-repeat;
	font-size: 16px;
}
#event .btn_back a, #photoreport .btn_back a {
	display: block;
	padding: 10px 10px 10px 33px;
	color: #000;
	font-weight: bold;
}
#event .jcm-title {
	margin-bottom: 20px;
}
#event .left .date, #photoreport .left .date {
	font-weight: bold;
	vertical-align: top;
	text-align: center;
}
#event .left .date .slash, #photoreport .left .date .slash {
	font-size: 23px;
}
#event .left .date .day, #photoreport .left .date .day {
	font-size: 35px;
	position: relative;
	top: 5px;
	font-weight: bold;
	left: -4px;
}
#event .left .date, #event .left .date span {
	font-weight: bold;
	vertical-align: top;
	text-align: center;
}
#event .left .week, #photoreport .left .week {
	font-weight: bold;
	text-align: center;
}
#event .left .month, #photoreport .left .month {
	font-weight: bold;
}
#event .subcat {
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	display: inline-block;
	padding: 2px 10px;
	margin-right: 5px;
}
#event .sub1 {
	background: #b30707;
}
#event .sub2 {
	background: #0764b3;
}
.cate_event {
	background: #f0f0f0;
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
	padding: 0px 7px 0px 20px;
	float: left;
	margin-top: 10px;
}
/* jcm category */
#event .tab .jcm:before {
	border-top: 25px solid #DD5F0D;
}
#event .jcm .cate_event {
	color: #DD5F0D;
}
/* city category */
#event .tab .city:before {
	border-top: 25px solid #C81432;
}
#event .city .cate_event {
	color: #C81432;
}
/* bldg category */
#event .tab .bldg:before {
	border-top: 25px solid #167A47;
}
#event .bldg .cate_event {
	color: #167A47;
}
/* adapt category */
#event .tab .adapt:before {
	border-top: 25px solid #93357C;
}
#event .adapt .cate_event {
	color: #93357C;
}
/* nocat category */
#event .tab .nocat:before {
	border-top: 25px solid #999;
}
#event .nocat .cate_event {
	color: #999;
}
/* tech category */
#event .tab .tech:before {
	border-top: 25px solid #0F58A3;
}
#event .tech .cate_event {
	color: #0F58A3;
}
#event #tab-0, #photoreport #tab-0 {
	display: block;
}
/* event detail */
#event.detail #tab-1 {
	display: none;
}
#event #detail {
	display: block;
}
#event #detail .box {
	display: block;
	float: none;
	margin-right: 0;
	width: auto;
	height: auto !important;
}
#event #detail .boxcon table th {
	color: #888;
	width: 110px;
	font-weight: bold;
}
#event #detail .boxcon table th, #event #detail .boxcon table td {
	padding: 10px 0px;
	vertical-align: top;
}
#event #detail .boxcon table tr {
	border-top: 1px solid #c5c5c5;
}
#event.detail .time {
	margin-top: 25px;
}
#event.detail .time li {
	display: list-item;
	text-align: center;
	border-bottom: 1px solid #c7c7c7;
	width: 45px;
	margin: 0 auto;
	line-height: 1.3;
	padding: 15px 10px 15px 0;
}
#event.detail .time li.current {
	background: url(../../event/images/bg_time_current.png) right no-repeat;
	padding-right: 10px;
}
#event.detail .time li.current a {
	color: #333;
}
#event.detail .time li a:hover {
	opacity: 0.8;
}
#event.detail .time li a {
	color: #888;
	font-weight: bold;
	display: block;
}
#event.detail .sponsor {
	font-weight: bold;
}
.sponsorsub .sponsor:first-child {
	margin-top: 0;
}
.sponsorsub li {
	display: block;
}
.sponsorsub .sponsor {
	margin-top: 5px;
}
.tabs-menu {
	width: 100%;
	float: left;
	clear: both;
}
.tabs-menu li {
	display: list-item;
	line-height: 30px;
	background-color: #efefef;
	position: relative;
	margin-bottom: 3px;
	text-align: center;
}
.tabs-menu li:before {
	content: '';
	position: absolute;
	left: 0;
	height: 2px;
	border-top: 60px solid #DDD;
	border-right: 60px solid transparent;
}
.tabs-menu li.current {
	position: relative;
	background-color: #00385f;
	z-index: 5;
	color: #FFF;
}
.tabs-menu li.current:before {
	content: '';
	position: absolute;
	left: 0;
	height: 2px;
	border-top: 60px solid #001c51;
	border-right: 60px solid transparent;
	z-index: -1;
}
.tabs-menu li a {
	padding: 12px;
	color: #333;
	text-decoration: none;
	display: block;
	position: relative;
}
.tabs-menu .current a {
	color: #FFF;
}
.tabs-menu li.current .month {
	border-right: 1px solid #FFF;
}
.tabs-menu li .month {
	border-right: 1px solid #333;
	padding-right: 10px;
}
.tabs-menu li .day {
	font-size: 28px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
}
.tab {
	float: left;
	width: auto;
}
.tab-content, .time-content {
	display: none;
	overflow: hidden;
	float: right;
}
.tabcont {
	overflow: hidden;
}
#tab-0, #time0 {
	display: block;
}
.pdf-ico {
}

@media screen and (max-width: 640px) {
#event .left, #photoreport .left {
	width: auto;
}
#event .right, #photoreport .right {
	width: auto;
}
#event .tab .right {
	width: 100%;
	border-top: none;
}
#event .left .date, #event .left .date span {
	text-align: left;
}
#event .jcm-title img {
	width: auto;
}
#event .box {
	height: auto !important;
}
#event .tab .box {
	float: none;
	margin-right: 0;
	width: auto;
}
#event .desc {
	padding-left: 0;
	padding-right: 0;
}
.tab {
	float: none;
}
.tabs-menu {
	overflow: hidden;
	margin-bottom: 30px;
}
.tabs-menu li {
	display: inline-block;
	width: 20%;
	float: left;
	margin-bottom: 0;
}
.tabs-menu li:before {
	border-top: 40px solid #DDD;
	border-right: 40px solid transparent;
}
.tabs-menu li.current:before {
	border-top: 40px solid #001c51;
	border-right: 40px solid transparent;
}
.tabs-menu li a {
	padding: 5px;
}
.tabs-menu li .month {
	display: none;
}
.tabs-menu li .day {
	font-size: 17px;
	padding-right: 5px;
	padding-left: 0;
}
.tabs-menu li .week {
	font-size: 11px;
}
.tabs-menu {
	float: none;
}
#event.detail .tab .left {
	width: 100%;
}
#event.detail .time {
	text-align: center;
	margin-bottom: 25px;
}
#event.detail .time li {
	display: inline-block;
	width: 20%;
}
#event.detail .time li img {
	width: auto;
	margin-bottom: 6px;
}
#event #detail .boxcon table th, #event #detail .boxcon table td {
	width: 100%;
	display: block;
}
#event #detail .boxcon table td {
	padding-top: 0;
	padding-bottom: 20px;
}
.tab-content {
	float: none;
}
}

@media screen and (max-width: 320px) {
.tabs-menu li .day {
	font-size: 15px;
	padding-right: 3px;
}
}
/* ===========================================
	photoreport
=========================================== */
#photoreport .s_images li {
	width: 315px;
	height: 234px;
	margin-right: 22px;
	margin-bottom: 20px;
	float: left;
	overflow: hidden;
	position: relative;
}
#photoreport .s_images li:nth-child(3n) {
	margin-right: 0;
}
#photoreport .photodate {
	border-bottom: 1px solid #00385f;
	overflow: hidden;
	margin-bottom: 20px;
	padding-bottom: 5px;
}
#photoreport .tab-content {
	width: 990px;
}
#photoreport .tabs-menu .overall a {
	font-weight: bold;
	font-size: 18px;
	padding: 15px;
}
#photoreport .left .date {
	width: 100px;
	float: left;
}
#photoreport .btn_back {
	margin-top: 45px;
	margin-left: 15px;
}
#photoreport .left .month {
	position: relative;
	bottom: 13px;
}
#photoreport .left .date .slash {
	margin-left: 4px;
	bottom: 4px;
	position: relative;
}
#photoreport .left .date .day {
	top: 10px;
}
#photoreport .s_images li img {
	height: 100%;
	min-width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	-moz-transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
}
#photoreport .s_images .port img {
	width: 100%;
	height: auto;
}

@media screen and (max-width: 640px) {
#photoreport .tab-content {
	width: auto;
}
#photoreport .s_images li {
	width: 100%;
	float: none;
}
#photoreport .s_images li img {
	width: 100%;
	min-width: 130%;
	height: auto;
}
#photoreport .tabs-menu .overall a {
	padding: 6px;
	font-size: 17px;
}
}

@media screen and (max-width: 419px) {
#photoreport .btn_back {
	margin-top: 0;
}
}
/* ===========================================
	redirect
=========================================== */
#redirect .nav {
	height: 39px;
}
#redirect .contents_inner1 {
	padding-bottom: 143px;
}
#redirect .contents_inner2 {
	padding-top: 120px;
}
#redirect .diagonal {
	background: #FFF;
}
#redirect .desc {
	text-align: center;
	font-size: 18px;
	margin-bottom: 15px;
}
#redirect .bottom {
	text-align: center;
}
#redirect .btn_type01 {
	margin-top: 30px;
}

/* ===========================================
	Smartphoto 641px min
=========================================== */
@media(min-width: 641px) {
#top .bottom .left {
	width: 635px;
}
}
/* ===========================================
	AddCSS 20161110
=========================================== */
#event .boxcon table ol li {
	list-style-type: decimal;
	margin-left: 18px;
}
#event .boxcon table h5 {
	font-weight: bold;
	color: #666;
}
#event .boxcon table td p {
	padding-top: 1.2em;
}



@media screen and (min-width: 641px) {
/*Footer Add css*/
footer p.f_blk{
	display:inline;
	padding-right:0.6em;
}	
}