@charset "utf-8";

/*-----------------------------------------------------	*/
/*	for all						*/
/*-----------------------------------------------------	*/

/* ------ Web Font ------ */

/* IE */
@font-face {
	font-family: iconfont;
	src: url(CONDENSEicon.eot);
}
/* Firefox, Opera, Safari */
@font-face {
	font-family: iconfont;
	src: url(CONDENSEicon.otf) format("truetype");
}

/*--------------------------------------
	General Settings
--------------------------------------*/
img {
	max-width: 100%;
	height: auto;
	width: auto\9;
}

body , html { height: 100%; }

body {
	color: #3f3f43;
	font-size: 14px;
	line-height: 1.4;
	margin: 0;
	background: #FFF;
}

.bnr {
	text-align:center;
	margin: 20px auto;
	padding: 0px;
}

.bnr img { width: 100%; }

.txt-c { text-align: center; }

.txt-r { text-align: right; }

.txt_red { color:#F00; }

.color_y { color:#ffa500; }

.txt_em {
	color:#F00;
	font-weight:bold;
}

#wrapper {
	width: 100%;
    position: relative;
    height: auto !important;
    height: 100%;
    min-height: 100%;
}

..tel-link { color: #06F; }
.tel-link a { color: #06F; }

/*▼ float 回り込み解除 */
.c_both { clear:both; }

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.clearfix {
    content: ".";  
    display: block;  
    visibility: hidden;  
    height: 0.1px;  
    font-size: 0.1em;  
    line-height: 0;  
    clear: both;
}
dl:after   {  
    content: ".";  
    display: block;  
    visibility: hidden;  
    height: 0.1px;  
    font-size: 0.1em;  
    line-height: 0;  
    clear: both;
}  
/*▲ float 回り込み解除ここまで */

/*--------------------------------------
	Common Style
--------------------------------------*/
#header,
#contents,
#footer {
	margin: 0 auto;
	position: relative;
	width: 1100px;
	zoom: 1;
}

#header:after,
#contents:after,
#footer:after {
	clear: both;
	content: '';
	display: block;
	height: 0;
}

/*--------------------------------------
	header
--------------------------------------*/
header {
	width:100%;
	border-top: 3px solid #c51504;
	background: #FFF;
}

#header-inner {
	max-width: 1100px;
	margin: 0 auto;
	overflow: hidden;
	*zoom: 1;
}

/*	Logo
--------------------------------------*/
#header-inner h1 {
    float: left;
	width: 50%;
	padding: 10px 0px;
}

#header-inner h1 a {
	display: inline;
}

#header-inner h1 img {
	width: 50%;
}

/*	header right
--------------------------------------*/

#h_right,
#h_right2 {
	float:right;
}

#h_right {
	display:table;
	text-align:right;
	width: 50%;
}

#h_right2 {
	width: auto;
	text-align:left;
}

/* ------ header login ------ */
#h_right .h_login {
	display: none;
}

/* ------ language ------ */

#h_right .language ul {
	display:table;
	float:right;
	width:400px;
	padding: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;  
    -webkit-border-bottom-right-radius: 5px;  
    -moz-border-radius-bottomleft: 5px;  
    -moz-border-radius-bottomright: 5px;  
	background:#c51504;
}

#h_right .language li {
	display: table-cell;
	text-align:center;
	width:25%;
	border-right: 1px solid #FFF;
}

#h_right .language li:last-child {
	border-right:none;
}

#h_right .language li a {
	display: inline-block;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	padding: 3px 7px;
}

#h_right .language li a:hover {
	opacity:1;
	display: inline-block;
	border-bottom: 2px solid #FFF;
}

#h_right .language li.lang a {
	opacity:1;
	border-bottom: 2px solid #FFF;
}

/* ------ Time ------ */
#h_right2 time {
	display: inline-block;
	clear:both;
	width: 100%;
	font-size: 120%;
	font-weight: bold;
	padding: 3% 0px 0px 0px;
	margin-bottom: 5px;
}

#h_right2 .icon_t {
	display: inline;
	color: #FFF;
	font-size: 80%;
	font-weight: bold;
	margin: 0px 10px 0px 0px;
	padding: 3px 10px;
	border-radius: 3px;
    -webki-radius: 3px;  
    -moz-border-radius: 3px;
	background:#0080cb;
}
#h_right2 .icon_t_blank {
	display: inline;
	color: #FFF;
	font-size: 80%;
	font-weight: bold;
	margin: 0px 10px 0px 0px;
	padding: 3px 10px;
}

#h_right2 time span {
	display: inline-block;
	font-size: 140%;
	font-weight: bold;
}

/* ------ Place ------ */
#h_right2 p {
	display:block;
	font-size: 120%;
	font-weight: bold;
}

/*--------------------------------------
	Gnav グローバルナビ
--------------------------------------*/

#gnav {
	width: 100%;
	border-top: 1px solid #dddddd;
	border-bottom: 3px solid #c51504;
	background: #f9f9fa;
}
#gnav:after {
	clear: both;
}

#gnav-btn {
	display :none;
}

#gnav nav {
	max-width: 1100px;
	margin: 0 auto;
	overflow: hidden;
	*zoom: 1;
    border-left: 1px solid #dddddd;
}
	#gnav nav ul {
		display:table;
		table-layout:fixed;
		width: 100%;
		
	}
		#gnav nav ul li {
			display: table-cell;
			vertical-align:middle;
			border-right: 1px solid #dddddd;
			padding:0px;
		}
			#gnav nav ul li:first-child {
				width: 7%;
				font-size:160%;
			}
			#gnav nav ul li:first-child i {
				position:relative;
				bottom: 5px;
			}
			#gnav nav ul li:first-child span {
				display: none;
			}
			#gnav nav ul li:nth-child(2) {
				width: 20%;
			}
			#gnav nav ul li:nth-child(3) {
				width: 17%;
			}
			#gnav nav ul li:nth-child(4) {
				width: 20%;
			}
				#gnav nav ul li a {
					display: block;
					height: 20px;
					color: #555555;
					text-decoration: none;
					font-size: 100%;
					font-weight: bold;
					text-shadow: 1px 0px 3px #FFF;
					text-align:center;
					padding: 20px 0px;
				}
					#gnav nav ul li a span {
						display: block;
						font-size: 80%;
					}
					
				#gnav nav ul li a:hover,
				#gnav nav ul li a:active {
					opacity:1;
					color: #fff;
					text-shadow: 1px 0px 3px #000;
					text-decoration: none;
					background-color: #c51504;
				}
				#gnav nav ul li.open_page a {
					color: #fff;
					text-shadow: 1px 0px 3px #000;
					text-decoration: none;
					background-color: #c51504;
				}
				
/*--------------------------------------
	pankuzu
--------------------------------------*/

.pankuzu {
	width: 100%;
	margin: 0px auto;
	background: #e8e8e8;
}
	.pankuzu ol {
		width: 1100px;
		max-width: 95%;
		margin: 0px auto;
		padding: 5px 0px;
		list-style-type: none;
		font-size: 13px;
		background: #e8e8e8;
	}
		.pankuzu ol li {
			display: inline;
			color:#000;
			margin: 0px 3px;
		}
		.pankuzu ol li:first-child {
			display: inline;
			margin: 0px 10px;
		}
			.pankuzu ol li a {
				color:#000;
				margin-right: 10px;
			}

/*--------------------------------------
	Mainvisual
--------------------------------------*/

#mainvisual {
	position: relative;
	width: 100%;
	overflow: hidden;
}
	#mainvisual-inner {
		position: relative;
		padding-left: 50%;
	}
		#mainvisual-inner .img {
			display: none;
			float: left;
		}
		#mainvisual-inner .img img {
			width: 100%;
			border: 1px solid #000;
			box-sizing:border-box;
		}
		
		#mainvisual-inner span.cap {
			display: block;
			position: relative;
			top: -26px;
			color:#FFF;
			padding: 3px 5px 3px 15px;
			margin:0px;
			background: rgba(0,0,0,0.4);
		}
		
		#mainvisual-arrow {
			position: absolute;
			z-index: 200;
			width: 100%;
			top: 40%;
			left: 0;
			margin-top: -10px;
		}
			#mainvisual-arrow-inner {
				position: relative;
				width: 100%;
				max-width: 1100px;
				margin: 0 auto;
			}
				#mainvisual-arrow .prev,
				#mainvisual-arrow .next {
					position: absolute;
					width: 27px;
					height: 27px;
					overflow: hidden;
				}
				#mainvisual-arrow .prev {
					left: 3%;
				}
				#mainvisual-arrow .next {
					right: 3%;
				}
					#mainvisual-arrow a {
						display: block;
						width: 27px;
						height: 54px;
					}
					#mainvisual-arrow a:link,
					#mainvisual-arrow a:visited {
						margin-top: 0px;
					}
					#mainvisual-arrow a:hover,
					#mainvisual-arrow a:active {
						margin-top: -27px;
					}
						#mainvisual-arrow a img {
							vertical-align: top;
						}
		
		#mainvisual-btn {
			width: 100%;
			height: 10px;
			margin-top: -20px;
			margin-bottom: 10px;
			text-align: center;
		}
			#mainvisual-btn div {
				display: inline-block;
				*display: inline;
				width: 10px;
				height: 10px;
				margin: 0 8px;
				overflow: hidden;
				vertical-align: top;
			
			}
				#mainvisual-btn span {
					display: block;
					width: 10px;
					height: 20px;
				}
				#mainvisual-btn span.current {
					margin-top: -10px;
				}
					#mainvisual-btn img {
						vertical-align: top;
					}

/*--------------------------------------
	Contents  Left-column
--------------------------------------*/

#contents {
	max-width: 1100px;
	margin-top: 40px;/*bottomは設定しないこと*/
	padding-bottom: 70px;
	overflow: hidden;
	*zoom: 1;
}

#left-column {
	float: left;
	width: 830px;
	padding-bottom: 20px;
}

/*	 all common contents
--------------------------------------*/

article {
	margin-top: 0px !important;
	padding: 0px !important;
	font-size: 14px;
}

article section {
	padding: 0px 0px 20px 0px;
}

article p,
article section p {
	line-height: 160%;
	color: #362e2b;
	padding: 10px 10px;
}

/*	 h,1,2,3 common contents
--------------------------------------*/

#contents article h1,
#contents article section h1,

#container h1,
#container section h1 {
	display: inline-block;
	width:100%;
	text-shadow: 1px 1px 0px #FFF;
	font-size: 130%;
	font-weight: bold;
	padding-left: 10px;
}

.h_border {
	height: 2px;
	margin-bottom: 15px;
	border-left: 15em solid #c51504;
	background-color: #ddd;
}

#contents article h2,
#contents article section h2 {
	margin-top: 30px ;
	margin-bottom: 10px;
	padding: 5px 10px;
	background: #dddddd;
	border-left: 5px solid #c51504;
}

#contents article h2 span,
#contents article section h2 span {
}

#contents article h3 {
	padding: 0px 10px;
	margin: 30px 0px 10px 0px;
	border-bottom: 1px solid #ccc;
}

#contents article h4 {
	color:#F00;
	font-size: 14px;
	padding: 0px 10px;
	margin: 5px 0px;
}

/*	 common contents
--------------------------------------*/

.pdf {
	display:block;
	padding: 6px 0px 0px 27px;
	background: url(../images/common/pdf.png) no-repeat 0% 0%;
}

.word {
	display:block;
	padding: 6px 0px 0px 27px;
	background: url(../images/common/word.gif) no-repeat 0% 50%;
}

.excel {
	display:block;
	padding: 6px 0px 0px 27px;
	background: url(../images/common/icon-excel_24-24.png) no-repeat 0% 0%;
}

/*--- img col1 ---*/
.img_col1 {
	width: 100%;
	margin: 30px auto;
	text-align:center;
}
	.img_col1 img {
		width: 95%;
	}

/*--- img100 ---*/
.img100 {
	width: 100%;
	margin: 30px auto;
	text-align:center;
}
	.img100 img {
		width: 100%;
	}

/*	css　banner
--------------------------------------*/

.css_bnr {
	display:table;
	width: 100%;
	padding: 10px;
	margin: 20px auto;
	background: url(/bg_bird.png) no-repeat 100% -20px #c9161e;
	box-sizing:border-box;
}

.css_bnr .logo,
.css_bnr .txt {
	display: table-cell;
	vertical-align:middle !important;
}
.css_bnr .logo {
	width: 30%;
}
.css_bnr .logo img {
	width: 100%;
}
.css_bnr .txt {
	width: 70%;
	padding-left:10px;
}
.css_bnr .txt .t0 {
	display:table;
	margin-bottom: 5px;
}
	.css_bnr .txt .icon {
		display: table-cell;
		float:left;
		width:50px;
		position:relative;
		top: 4px;
		color: #fff;
		text-align:center;
		font-size: 110%;
		font-weight: bold;
		padding: 2px 5px 1px 5px;
		margin-right: 5px;
		text-shadow:none;
		-webkit-text-shadow:none;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		background:#810000;
		vertical-align:middle;
	}
	.css_bnr .txt .at {
		display:inline-block;
		position:relative;
		top: -2px;
		color: #c9161e;
		font-size: 70%;
		padding: 1px 3px 0px 3px;
		margin-left: 10px;
		text-shadow:none;
		-webkit-text-shadow:none;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		background:#FFF;
	}
	.css_bnr .txt .t01,
	.css_bnr .txt .t02,
	.css_bnr .txt .t03 {
		color: #fff;
		text-shadow: 2px 2px 1px rgba(0,0,0,0.5);
		-webkit-text-shadow: 2px 2px 1px rgba(0,0,0,0.5);
	}
	.css_bnr .txt .t01,
	.css_bnr .txt .t02 {
		display: table-cell;
		width: auto;
		font-size: 150%;
		font-weight: bold;
		margin-bottom: 5px;
		vertical-align:middle;
	}
	.css_bnr .txt .t03 {
		display:block;
		width: 100%;
		font-size: 130%;
	}

/*	css　banner a link
--------------------------------------*/

.cb_link a {
	display: block;
	text-decoration:none;
	margin: 20px auto;
}

/*	css bnr 02
--------------------------------------*/
.css_bnr2 {
	display:table;
	width: 100%;
	padding: 10px;
	margin: 0px auto;
/*	background: url(../images/common/bg_bird.png) no-repeat 100% -40px #c9161e; */
	background: url(../images/common/bg_bird.png) no-repeat 100% -20px #c9161e;
	box-sizing:border-box;
}

.css_bnr2 .logo,
.css_bnr2 .txt {
	display: table-cell;
	vertical-align:middle !important;
}
.css_bnr2 .logo {
	width: 30%;
}
.css_bnr2 .logo img {
	width: 100%;
}
.css_bnr2 .txt {
	width: 70%;
	padding-left:10px;
}
.css_bnr2 .txt .t0 {
	display:table;
	margin-bottom: 5px;
}
	.css_bnr2 .txt .icon {
		display: table-cell;
		float:left;
		width:50px;
		position:relative;
		top: 4px;
		color: #fff;
		text-align:center;
		font-size: 110%;
		font-weight: bold;
		padding: 2px 5px 1px 5px;
		margin-right: 5px;
		text-shadow:none;
		-webkit-text-shadow:none;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		background:#810000;
		vertical-align:middle;
	}
	.css_bnr2 .txt .at {
		display:inline-block;
		position:relative;
		top: -2px;
		color: #c9161e;
		font-size: 70%;
		padding: 1px 3px 0px 3px;
		margin-left: 10px;
		text-shadow:none;
		-webkit-text-shadow:none;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		background:#FFF;
	}
	.css_bnr2 .txt .t00,
	.css_bnr2 .txt .t01,
	.css_bnr2 .txt .t02,
	.css_bnr2 .txt .t03,
	.css_bnr2 .txt .t04,
	.css_bnr2 .txt .t05 {
		color: #fff;
		text-shadow: 2px 2px 1px rgba(0,0,0,0.5);
		-webkit-text-shadow: 2px 2px 1px rgba(0,0,0,0.5);
	}
	.css_bnr2 .txt .t00,
	.css_bnr2 .txt .t01,
	.css_bnr2 .txt .t02 {
		display: table-cell;
		width: auto;
		font-weight: bold;
		margin-bottom: 5px;
		vertical-align:middle;
	}
	.css_bnr2 .txt .t00 {
		font-size: 120%;
		line-height: 2;
	}
	.css_bnr2 .txt .t01,
	.css_bnr2 .txt .t02 {
		font-size: 150%;
	}
	.css_bnr2 .txt .t03,
	.css_bnr2 .txt .t04,
	.css_bnr2 .txt .t05 {
		display:block;
		font-weight: bold;
		padding: 5px;
	}
	.css_bnr2 .txt .t03 {
		width: 100%;
		font-size: 140%;
	}
	.css_bnr2 .txt .t04 {
		width: 75%;
		color:#FC0;
		font-size: 100%;
	}
	.css_bnr2 .txt .t05 {
		width: 100%;
		font-size: 140%;
	}
	
/*	css bnr 03
--------------------------------------*/
.css_bnr3 {
	display:table;
	width: 100%;
	margin: 0px auto;
	border: 1px solid #333;
	background: url(../images/common/cssbnr2016_bg.gif) no-repeat 0% -10px;
	background-size:300px;
	box-sizing:border-box;
}
.css_bnr3 .bird {
	display:block;
	padding: 10px;
	background: url(../images/common/bg_bird2.png) no-repeat 100% -40px;
}

.css_bnr3 .logo,
.css_bnr3 .txt {
	display: table-cell;
	vertical-align:middle !important;
}
.css_bnr3 .logo {
	width: 30%;
}
.css_bnr3 .logo img {
	width: 100%;
}
.css_bnr3 .txt {
	width: 70%;
	padding-left:10px;
}
.css_bnr3 .txt .t0 {
	display:table;
	margin-bottom: 5px;
}
	.css_bnr3 .txt .icon {
		display: table-cell;
		float:left;
		width:50px;
		position:relative;
		top: 4px;
		color: #fff;
		text-align:center;
		font-size: 110%;
		font-weight: bold;
		padding: 2px 5px 1px 5px;
		margin-right: 5px;
		text-shadow:none;
		-webkit-text-shadow:none;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		background:#2480cb;
		vertical-align:middle;
	}
	.css_bnr3 .txt .at {
		display:inline-block;
		position:relative;
		top: -2px;
		color: #c9161e;
		font-size: 70%;
		padding: 1px 3px 0px 3px;
		margin-left: 10px;
		text-shadow:none;
		-webkit-text-shadow:none;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		background:#FFF;
	}
	.css_bnr3 .txt .t01,
	.css_bnr3 .txt .t02,
	.css_bnr3 .txt .t03,
	.css_bnr3 .txt .t04 {
		color: #000;
		text-shadow: 0 -1px 0px #FFF,-1px 0 0px #FFF,1px 0 0px #FFF,0 1px 0px #FFF;
	}
	.css_bnr3 .txt .t01,
	.css_bnr3 .txt .t02 {
		display: table-cell;
		width: auto;
		font-size: 150%;
		font-weight: bold;
		margin-bottom: 5px;
		vertical-align:middle;
	}
	.css_bnr3 .txt .t03 {
		display:block;
		width: 100%;
		color:#c9161e !important;
		font-size: 140%;
		font-weight: bold;
		padding-top: 5px;
	}
	.css_bnr3 .txt .t04 {
		display:block;
		width: 75%;
		color:#FC0;
		font-size: 100%;
		font-weight: bold;
		padding-top: 5px;
	}

.trapezoid {
	display:block;
	position: relative;
	bottom: 30px;
    width: auto;
    border-bottom: 30px solid rgba(0,0,0,1);
    border-left: 20px solid transparent;
    height: 0;
	float:right;
    text-align: center;
}

.inner {
	display:block;
	font-size: 80%;
	color: #FFF;
    padding: 7px 10px 0px 5px;
}
	.inner:after {
		position:relative;
		top:0px;
		font-size: 100%;
		margin-left: 5px;
		font-family: 'FontAwesome';
		content: "\f105";
	}

/*	img + txt 2col
--------------------------------------*/
.txt_2col {
	display:table;
}

.txt_2col li {
	display: table-cell;
	vertical-align: top;
	font-size: 14px;
	padding: 10px;
}

.txt_2col ul li:first-child {
	width: 30% ;
	text-align:center;
}

/*	txt + img 2col
--------------------------------------*/
.txt_2col2 {
	padding: 20px 0px;
}

.txt_2col2 ul {
	display:table;
}

.txt_2col2 ul:after {
    content: ".";  
    display: block;  
    visibility: hidden;  
    height: 0.1px;  
    font-size: 0.1em;  
    line-height: 0;  
    clear: both;
}

.txt_2col2 li {
	display: table-cell;
	font-size: 14px;
	padding: 0px;
}

.txt_2col2 ul li:first-child {
	width: 60% ;
	vertical-align: top;
	padding: 10px 20px 10px 0px;
}

.txt_2col2 ul li:last-child {
	text-align:center;
	vertical-align:middle;
}


/*	youtube
--------------------------------------*/
.youtube {
	position:relative;
	width:90%;
	padding-top:56.25%;
	margin: 0px auto;
	text-align:center;
}

.youtube iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*	 TOP
--------------------------------------*/

.notice {
	padding: 20px 10px;
	text-align:center;
	background: url(../images/common/bg.jpg) repeat;
	background:url(/img/bg.jpg) repeat;
}
.notice span {
	display:inline-block;
	width: auto;
	margin: 0px auto;
	text-align:left;
	font-size: 140%;
	letter-spacing: 0.1em;
}

/*---
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
---*/

/*--- info ---*/
.info {
	width: 100%;
	margin-bottom: 30px;
}
	.info dl {
		padding: 0px;
		margin: 10px auto;
	}
		.info dt,
		.info dd {
			padding: 13px 0px;
		}
			.info dt {
				float:left;
				clear:both;
				width: 20%;
				padding-left: 5px;
			}
			.info dt div {
				display:inline-block;
				text-align:left;
				font-size: 14px;
			}
				.info dd {
					margin-top: 2px;
					border-bottom: 1px dotted #666;
				}
				.info dd a {
					font-size: 14px;
					display: inline;
					margin-right: 10px;
				}
				.info .finish .wanted {
					top: -2px;
					padding: 3px 5px 0px 5px !important;
					font-size: 90%;
				}

/*---------------------------------------------------------
    info　 img + txt 2column 右画像右テキスト
---------------------------------------------------------*/

.news {
	clear:both;
}
	.news ul {
		margin-bottom: 30px;
	}
		.news li {
			width: 100%;
			display:table;
			float: left;
			padding: 0px 0px 15px 0px;
			margin: 0px auto 20px auto;
			border-bottom: 1px dashed #333;
		}
			.news div.txt {
				display:table-cell;
				width: 75%;
				vertical-align:top;
			}
			.news div.txt h4,
			.news div.txt span,
			.news div.txt p {
				overflow: hidden;
				zoom:1;
			}
			.news div.txt h4 a {
				font-size: 115%;
				font-weight: bold;
				padding:0px;
				margin: 0px 10px 0px 0px;
			}
			
h1 .finish,
h1 .wanted {
	display: inline-block;
	position:relative;
	top: -3px;
	left: 5px;
	padding: 2px 5px !important;
	font-size: 70%;
	text-align:center;
	text-shadow: none !important;
	color:#fff;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
	.finish,
	.wanted {
		display: inline-block;
		position:relative;
		top: 3px;
		padding: 2px 5px !important;
		font-size: 90%;
		font-weight: normal !important;
		text-align:center;
		color:#fff;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
	}
h1 .finish {
	background:#c51504;
}
	.finish {
		background:#c51504;
	}
	
h1 .wanted {
	background:#FFA800;
}
	.wanted {
		background:#FFA800;
	}
	
.news div.txt span {
	font-size: 13px;
	padding: 0px 10px;
}
.news div.s_img {
	display:table-cell;
	width: 20%;
	vertical-align:top;
}
.news div.s_img img {
	width: 100%;
}
 
/*-- ichiran link btn --*/
div.news_btn,
div.info_btn {
	width: 100%;
	text-align:center;
}

div.news_btn a span,
div.info_btn a span {
	display:block;
	padding: 2px 20px 0px 10px;
	background: url(../images/common/lst_m1.png) no-repeat 97% 50%;
}

div.news_btn a,
div.info_btn a {
	float:right;
	width: auto;
	display:block;
	color:#362e2b;
	font-size: 13px;
	text-decoration:none;
	text-shadow: 1px 1px 0px #FFF;
	padding: 3px 0px 3px 0px;
	border: 1px solid #999;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
	filter:none;
}
div.news_btn a:hover,
div.info_btn a:hover {
	opacity: 1;
	background: #CCC;
}

/*--- 個別記事 ---*/
.news_article {
	display: table;
	width: 100%;
}
	.news_left,
	.news_right {
		display:table-cell;
		vertical-align:top;
		box-sizing: border-box;
	}
	.news_left {
		width:70%;
	}
	.news_right {
		width:30%;
		padding: 10px 10px;
		text-align:right;
	}
		.news_right img {
			width: auto;
		}

/*	 col3 h + txt + img
--------------------------------------*/
.col3 {
	display:table;
	margin-top: 30px;
	margin-bottom: 30px;
}
.col3_sec {
	display: table-cell;
	width: 34%;
	padding: 10px;
	box-sizing : border-box;
}

.sec1 {
	background:#FFF;
}

.sec1 h3 a {
	display:block;
	width: 100%;
	color: #FFF;
	font-size: 115%;
	line-height: 140%;
	margin: 0px !important;
	padding: 7px 0px !important;
	text-align:center;
	text-decoration:none;
	-webkit-text-shadow: 0px 1px 0px rgba(0,0,0,0.5);
	text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
	background: #C69;
}

.sec1 h3 {
	display:block;
	margin: 0px !important;
	padding: 0px !important;
}

.sec1 p {
	height: 30px;
	padding: 3px;
	margin:0px;
}

.sec1 img {
	width: 100%;
	margin: 10px auto;
	box-shadow:rgba(156, 156, 156, 0.6) 0px 0px 1px 0px;
	-webkit-box-shadow:rgba(156, 156, 156, 0.6) 0px 0px 1px 0px;
	-moz-box-shadow:rgba(156, 156, 156, 0.6) 0px 0px 1px 0px;
	border: 1px solid #ccc;
}

/*-- col3 txt --*/

.sec1 ul {
	padding: 10px;
	font-size:0.8em;
}
.sec1 ul li {
	padding: 0px 0px 0px 13px;
	list-style-type:none;
	background: url(../images/common/list_mark02.png) center left no-repeat;
	text-decoration: underline;
}
.sec1 ul li a {
	color: #0068b7;
}
.sec1 ul li a:hover {
	color: #0CF;
	text-decoration: underline;
}


/*	 About
--------------------------------------*/

.f_table {
	width: 100%;
	max-width: 1100px;
	margin: 30px auto;
	border-bottom: solid 1px #ddd;
	box-sizing:border-box;
}
.f_table:after {
	content:"";
	clear:both;
}

.f_table .f_tbody {
	display: table-row-group;
}

.f_table ul,
.f_table dl {
	display: table-row;
	line-height: 160%;
	border-bottom: solid 1px #ddd;
	overflow: hidden;
	*zoom: 1;
}

.f_table ul {
	text-align: center;
	background-color: #eee;
}

.f_table dl {
	background:#FFF;
}

.f_table ul li,
.f_table dl dt,
.f_table dl dd {
	display: table-cell;
	padding: 10px;
	border-top: solid 1px #ddd;
	border-right: solid 1px #ddd;
	vertical-align: top;
	border-collapse: collapse;
	*zoom: 1;
}

.f_table dt {
	width: 20.9999%;
	text-align: left;
	font-weight:bold;
	border-left: solid 1px #ddd;
	background-color: #eee;
}

.f_table dd {
	width: 100%;
	font-size: 100%;
	text-align: left;
}

.list_f_table dd {
	width: 40%;
}

.f_table dd div{
	display:block;
	float:left;
	width: 48%;
	padding: 3px;
	margin-bottom: 20px; 
}

.f_table dd div p {
	display: block;
	width: 90%;
	font-size: 100%;
	font-weight: bold;
	padding:0px;
	margin: 10px 0px;
	border-bottom: 1px dotted #999999;
}

/*	 Access
--------------------------------------*/

.map {
	position:relative;
	width:95%;
	padding-top:56.25%;
	margin: 30px auto;
	text-align:center;
}
	.map iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

/*-- google map link btn --*/
div.gmap_btn {
	width: 100%;
	text-align:center;
}

div.gmap_btn a span {
	display:block;
	padding: 2px 20px 0px 10px;
	background: url(../images/common/lst_m1.png) no-repeat 97% 50%;
}

div.gmap_btn a {
	width: 30%;
	display:block;
	color:#362e2b;
	font-size: 13px;
	text-decoration:none;
	text-shadow: 1px 1px 0px #FFF;
	padding: 3px 0px 3px 0px;
	margin: 0px auto;
	border: 1px solid #999;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
	filter:none;
}
	div.gmap_btn a:hover {
		opacity: 1;
		background: #CCC;
	}

/*	 Link 
--------------------------------------*/

.link_lst {
	width: 100%;
	margin-top: 30px;
}
	.link_lst dl {
		padding: 5px;
		margin: 0px auto;
	}
		.link_lst dt,
		.link_lst dd {
			font-size: 95%;
		}
		.link_lst dt {
			width: 100%;
			padding-left: 15px;
			background: url(../images/common/lst_m3.png) no-repeat 0% 50%;
		}
			.link_lst dd {
				margin-top: 2px;
				margin-bottom: 20px;
				padding-left: 15px;
				padding-bottom: 5px;
				border-bottom: 1px dotted #666;
				word-wrap: break-word;
			}

/*	 img 3col img
------------------------------------------------*/
.img_col3 ul {
	display:table;
	width: 100%;
	padding:0;
	margin: 0px auto 20px auto;
	box-sizing:border-box;
}
	.img_col3 ul li {
		display: table-cell;
		float:left;
		width:33.3%;
		height: auto;
		margin: 0px auto 15px auto;
		padding: 0px;
		text-align:center;
		vertical-align: bottom;
		box-sizing:border-box;
	}
		.img_col3 ul li a {
			display: inline-block;
			color:#262626;
			text-decoration: none;
			margin: 0px auto;
			width: 250px;
			height: auto;
			vertical-align:bottom;
		}
		.img_col3 ul li a:hover {
			opacity:1;
		}
			.img_col3 ul li span {
				display: table-cell;
				margin: 0px auto;
				width: 250px;
				height: auto;
				vertical-align:bottom;
				layout-grid-line:166px;
			}
			
			.img_col3 ul li img {
				width:auto;
				height:auto;
				max-width:250px;
				max-height: auto;
				vertical-align:bottom;
				text-align:center;
			}
			.img_col3 ul li img:hover {
				opacity: 0.7;
			}

/*--------------------------------------
	Side  Right Column
--------------------------------------*/
#right-column {
	float: right;
	width: 210px;
	padding-bottom: 20px;
}

/*	banner
--------------------------------------*/

#right-column aside .s_bnr {
	display:block;
	margin: 0px auto 10px auto;
}
	#right-column aside .s_bnr ul li {
		 margin-bottom:30px;
	}

/*	login
--------------------------------------*/

#right-column aside .s_login {
	display:block;
	width: 210px;
	margin: 0px auto 10px auto;
}
	#right-column aside .s_login ul li {
		width: 100%;
		border: 1px solid #000;
		padding: 10px;
		margin-bottom:30px;
		box-sizing:border-box;
	}
		#right-column aside .s_login ul li div {
			margin: 10px 0px 10px 0px;
			text-align:center;
			border: 1px solid #0080cb;
			border-radius:3px;
			-webkit-border-radius:3px;
			-moz-border-radius:3px;
			background: #0080cb;
		}
		#right-column aside .s_login ul li div:hover {
			background: #2fb2ff;
		}
			#right-column aside .s_login ul li div a {
				display: block;
				padding: 5px 25px 5px 20px;
				margin: 0px auto;
				color:#FFF;
				font-size: 120%;
				-webkit-text-shadow: 0px 1px 0px #111;
				text-shadow: 0px 1px 1px #111;
				font-weight:bold;
				text-decoration:none;
				border: 1px solid #fff;
				border-radius:3px;
				-webkit-border-radius:3px;
				-moz-border-radius:3px;
				background: url(../images/common/lst_m2.png) no-repeat 95% 50%;
				opacity: 1;
			}
				#right-column aside .s_login ul li div a i {
					margin-right: 10px;
				}
				
			#right-column aside .s_login ul li span {
				font-size: 80%;
				margin-right: 10px;
			}
			#right-column aside .s_login ul li span a {
				padding-left: 15px;
				background: url(../images/common/lst_m3.png) no-repeat 0% 50%;
			}


/*	youtube
--------------------------------------*/

.youtube-thumb {
	position: relative;
	border: 1px solid #000;
	margin-bottom: 30px;
}
.youtube-thumb a:link,
.youtube-thumb a:hover
 {
	text-decoration: underline;
}
.youtube-thumb-title {
	font-size: 90%;
	padding: 10px 0px;
	background-color: #000;
	color: #fff;
	text-align: center;
	border-bottom: 1px solid #666;
}
.youtube-play {
	position: absolute;
	display: block;
	z-index: 1000;
	top: 50%;
	left: 38%;
	width: 60px;
}

/*	link
--------------------------------------*/

#right-column #right-column-inner .s_menu {
	background:#FFF;
}

#right-column #right-column-inner .s_menu h3 {
	color:#FFF;
	padding: 7px 10px 5px 10px;
	background: #c51504;
}

#right-column #right-column-inner .s_menu ul {
	font-size: 85%;
	margin-bottom: 35px;
	border: 1px solid #c51504;
}

#right-column #right-column-inner .s_menu ul li {
	border-bottom: 1px dashed #c51504;
}

#right-column #right-column-inner .s_menu ul li:last-child {
	border-bottom: none;
}

#right-column #right-column-inner .s_menu ul li a {
	display:block;
	padding: 10px 0px 10px 20px;
	background: url(../images/common/lst_m3.png) no-repeat 3% 50%;
}

#right-column #right-column-inner .s_menu ul li a:hover {
	opacity: 1;
	background: url(../images/common/lst_m3.png) no-repeat 3% 50% #ffedeb;
}

	#right-column #right-column-inner .backnumber h3 {
		background: #b7b7b7;
	}
	
	#right-column #right-column-inner .backnumber ul {
		border: 1px solid #b7b7b7;
	}
	
	#right-column #right-column-inner .backnumber ul li {
		border-bottom: 1px dashed #b7b7b7;
	}
	#right-column #right-column-inner .backnumber ul li a {
		background: url(/2017/lst_m3b.png) no-repeat 3% 50%;
	}
	
	#right-column #right-column-inner .backnumber ul li a:hover {
		background: url(/2017/lst_m3b.png) no-repeat 3% 50% #ffedeb;
	}

/*	digital book
--------------------------------------*/

#right-column #right-column-inner .s_book {
	width: 210px;
	text-align:center;
	margin: 0px auto 20px auto;
	border: 1px solid #333;
	box-sizing:border-box;
}

#right-column #right-column-inner .s_book h4 {
	font-size: 110%;
	padding: 10px 0px;
}

#right-column #right-column-inner .book_btn {
	width: 150px;
	margin: 15px auto 0px auto;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	background: #3b679e;
	background: -moz-linear-gradient(top,  #3b679e 0%, #2b88d9 50%, #7db9e8 100%);
	background: -webkit-linear-gradient(top,  #3b679e 0%,#2b88d9 50%,#7db9e8 100%);
	background: linear-gradient(to bottom,  #3b679e 0%,#2b88d9 50%,#7db9e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 );
}
	#right-column #right-column-inner .book_btn a {
		color:#FFF;
		text-decoration:none;
		text-shadow: 1px 0px 3px #000;
		display:block;
		padding: 5px 10px;
		background:url(../images/common/lst_m2.png) no-repeat 95% 50%;
	}

#right-column #right-column-inner .pdf {
	width: 150px;
	display:block;
	padding: 6px 0px 0px 0px;
	margin: 0px auto 10px auto;
	background: url(../images/common/pdf.png) no-repeat 0% 0%;
}
#right-column #right-column-inner .word {
	width: 150px;
	display:block;
	padding: 6px 0px 0px 0px;
	margin: 0px auto 10px auto;
	background: url(../images/common/word.gif) no-repeat 0% 0%;
}
#right-column #right-column-inner .excel {
	width: 150px;
	display:block;
	padding: 6px 0px 0px 0px;
	margin: 0px auto 10px auto;
	background: url(../images/common/icon-excel_24-24.png) no-repeat 0% 50%;
}

#right-column #right-column-inner .s_book div img {
	width: 70%;
	box-shadow:rgba(0, 0, 0, 0.6) 0px 0px 1px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 1px 2px;
	-moz-box-shadow:rgba(0, 0, 0, 0.6) 0px 0px 1px 0px;
}

/*--------------------------------------
	Footer
--------------------------------------*/

footer {
	position: absolute;
    bottom: 0;
    width: 100%;
    height:0px;
	background:#ececec;
}

/*	company  banner
--------------------------------------*/
footer .company {
	width: 100%;
	margin: 0 auto;
	padding: 0px;
	background:#ececec;
}
footer .company section {
	max-width: 1100px;
	margin: 0 auto;
}
	footer .company section h1#test {
		display: inline-block;
		color:#FFF;
		margin: 20px 0px 40px 0px;
		padding: 15px 20px;
		box-shadow:rgba(0, 0, 0, 0.45) 0px 1px 3px 0px;
		-webkit-box-shadow:rgba(0, 0, 0, 0.45) 0px 1px 3px 0px;
		-moz-box-shadow:rgba(0, 0, 0, 0.45) 0px 1px 3px 0px;
		background:#c51504;
	}
		footer .company section h1#test2 {
			display: inline-block;
			color:#333;
			font-size: 135%;
			text-shadow: 1px 0px 3px #FFF;
			margin: 20px 5px;
			padding: 10px 0px;
		}

footer .company section h2 {
	padding: 0px 5px;
	border-bottom: 1px solid #a0a0a0;
}

footer .company aside {
	padding:0px !important;
	margin: 20px 0px;
}

footer .company aside ul {
	display:table;
}

footer .company aside ul li {
	float:left;
	display:table-cell;
	padding: 0px 10px 0px 0px;
	margin-bottom: 10px;
}

footer .company aside ul li img {
	width:auto;
	padding: 0px;
	margin:0px;
}

footer .company aside ul li span {
	display:none;
}

/*	company  address
--------------------------------------*/

footer #footer-inner {
	width: 100%;
	background:#FFF;
	border-top: 2px solid #ececec;
	padding: 5px 0px;
}
	footer #footer-inner address {
		max-width: 1100px;
		margin: 10px auto;
	}
		footer #footer-inner address ul {
			padding: 5px 0px;
		}
			footer #footer-inner address ul li {
				display: block;
				font-size: 14px;
				line-height: 150%;
				padding:0px;
				*zoom: 1;
			}
			footer #footer-inner address ul li:first-child {
				color: #94281a;
				font-weight:bold;
			}
	
/*--- page top ---*/
.goto_top {
	max-width: 1100px;
	margin: 0px auto;
	text-align:right;
}
	.goto_top a {
		display:inline-block;
		color: #362e2b;
		text-decoration:none;
		text-shadow: 0px 1px 1px #FFF;
		padding: 0px 7px 3px 7px;
		background:#ececec;
	}
		.goto_top a div {
			display:inline-block;
		}
		.goto_top a span {
			display:inline-block;
			position:relative;
			top: 5px;
			width: 20px;
			height: 20px;
			margin-right: 10px;
			background: url(../images/common/lst_m4.png) no-repeat 50% 50% #c51504;
		}
		.goto_top a:hover {
			opacity:1;
			display:inline-block;
			color: #FFF;
			text-decoration:none;
			text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
			padding: 0px 7px 3px 7px;
			background: #c51504;
		}
		.goto_top a:hover span {
			display:inline-block;
			position:relative;
			top: 5px;
			width: 20px;
			height: 20px;
			margin-right: 10px;
			background: url(../images/common/lst_m5.png) no-repeat 50% 50% #ececec;
		}

#copyright {
	color:#FFF;
	font-size: 70%;
	text-align:center;
	padding: 8px;
	background:#c51504;
}

/*-----------------------------------------------------	*/
/*	for - 979px */
/*-----------------------------------------------------	*/

@media screen and (max-width: 979px) {

/*--------------------------------------
	Header  for - 979px
--------------------------------------*/
	#header-inner {
		width: 95%;
	}
	
/*	Logo
--------------------------------------*/
	#header-inner h1 {
		float: left;
		width: 40%;
		padding: 10px 0px;
	}
	
	#header-inner h1 img {
		width: 80%;
	}
	
/*	header right
--------------------------------------*/
	
	#h_right2 {
		margin-bottom: 20px;
	}
	
	
/*	header right  for - 979px
--------------------------------------*/

	#h_right .h_login {
		display: table-cell;
		width: 90px;
		padding-left: 5px;
		vertical-align:middle;
	}
	
	#h_right .h_login a {
		display:block;
		font-size: 90%;
		text-align:center;
		color:#FFF;
		text-decoration:none;
		padding: 11px 7px 8px 7px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;  
		-webkit-border-bottom-right-radius: 5px;  
		-moz-border-radius-bottomleft: 5px;  
		-moz-border-radius-bottomright: 5px;  
		background:#0080cb;
	}
	
	#h_right .h_login a:hover {
		opacity: 1;
		background: #2fb2ff;
	}

	#h_right .h_login a i {
		margin-right: 5px;
	}
	
/* ------ language ------ */
	#h_right .language {
		display: table-cell;
	}
		
	#h_right .language ul {
		display:table;
		float:right;
		width: 80%;
		padding: 5px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;  
		-webkit-border-bottom-right-radius: 5px;  
		-moz-border-radius-bottomleft: 5px;  
		-moz-border-radius-bottomright: 5px;  
		background:#c51504;
	}
	
/*--------------------------------------
	Gnav グローバルナビ  for - 979px
--------------------------------------*/
	#gnav nav {
		width: 95%;
		max-width: 1100px;
		margin: 0 auto;
		overflow: hidden;
		*zoom: 1;
		border-left: 1px solid #dddddd;
	}

/*--------------------------------------
	contents  for - 979px
--------------------------------------*/
	#contents {
		width: 100%;
	}

	#left-column {
		float: none;
		width: 95%;
		margin: 0 auto;
		padding-bottom: 0;
	}

/*	 Access  for - 979px
--------------------------------------*/

	div.gmap_btn a {
		width: 40%;
	}


/*	 img 3col img for - 979px
------------------------------------------------*/
	.img_col3 ul {
		display:table;
		width: 100%;

		padding:0;
		margin: 0px auto 20px auto;
		box-sizing:border-box;
	}
	.img_col3 ul li {
		display: table-cell;
		float:left;
		width:33.3%;
		height: auto;
		margin: 0px auto 15px auto;
		padding: 0px;
		text-align:center;
		vertical-align: bottom;
		box-sizing:border-box;
	}
	.img_col3 ul li a {
		display: inline-block;
		color:#262626;
		text-decoration: none;
		margin: 0px auto;
		width: 235px;
		height: auto;
		vertical-align:bottom;
	}
	.img_col3 ul li a:hover {
		opacity:1;
	}
	.img_col3 ul li span {
		display: table-cell;
		margin: 0px auto;
		width: 235px;
		height: auto;
		vertical-align:bottom;
		layout-grid-line:166px;
	}
	
	.img_col3 ul li img {
		width:auto;
		height:auto;
		max-width:235px;
		max-height: auto;
		vertical-align:bottom;
		text-align:center;
	}
	.img_col3 ul li img:hover {
		opacity: 0.7;
	}

/*--------------------------------------
	Side  Right-column for - 979px
--------------------------------------*/

	#right-column {
		float: none;
		width: 95%;
		margin: 0 auto;
		*margin: 0 auto 20px;
		overflow: hidden;
		*zoom: 1;
	}

	#right-column-inner {
		width: 100%;
	}
	
/*	login
--------------------------------------*/

	#right-column aside .s_login {
		display: none;
	}
	
/*	banner - 979px
--------------------------------------*/
	#right-column aside ul {
		display:block;
		text-align:center;
		margin:0 auto;
	}

	#right-column aside ul li {
		display: inline-block;
		padding: 0;
		margin: 6px 6px 20px 6px;
		vertical-align: top;
	}
		
	#right-column aside ul img {
		margin: 0 auto;
	}
	

/*	link - 979px
--------------------------------------*/

/*-- nav common --*/
	#right-column #right-column-inner .s_menu ul li a {
		display:block;
		padding: 10px 0px 10px 30px;
		background: url(../images/common/lst_m3.png) no-repeat 2% 50%;
	}
	
	#right-column #right-column-inner .s_menu ul li a:hover {
		opacity: 1;
		background: url(../images/common/lst_m3.png) no-repeat 2% 50% #ffedeb;
	}
	
/*--------------------------------------
	Footer - 979px
--------------------------------------*/
	
/*	company  banner
--------------------------------------*/
	footer .company section {
		width: 95%;
		max-width: 1100px;
		margin: 0 auto;
		padding: 0px;
	}
/*	company  address
--------------------------------------*/
	
	footer #footer-inner address {
		width: 95%;
		max-width: 1100px;
		margin: 0 auto;
		padding: 20px 0 20px;
	}

}

/*-----------------------------------------------------	*/
/*	for - 767px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 767px) {

/*--------------------------------------
	Header  for - 767px
--------------------------------------*/
	#header-inner {
		width: 95%;
	}
	
	#header-inner h1 {
		float: left;
		width: 40%;
		padding: 10px 0px;
	}
	
	#header-inner h1 img {
		width: 90%;
	}
	
/*	header right  for - 767px
--------------------------------------*/

	
	#h_right {
		width: 60%;
	}
	
	#h_right2 {
		width: auto;
	}
/* ------ header login ------ */
	#h_right .h_login {
		display: table-cell;
		width: 70px;
		padding-left: 5px;
		vertical-align:middle;
	}
	
	#h_right .h_login a {
		display:block;
		font-size: 70%;
		padding: 10px 7px 9px 7px;
	}
	
	#h_right .h_login a i {
		margin-right: 5px;
	}
	
/* ------ language ------ */
	#h_right .language ul {
		display:table;
		float:right;
		width: 65%;
		font-size: 70%;
		padding: 5px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;  
		-webkit-border-bottom-right-radius: 5px;  
		-moz-border-radius-bottomleft: 5px;  
		-moz-border-radius-bottomright: 5px;  
		background:#c51504;


	}
	
/* ------ Time ------ */
	#h_right2 time {
		font-size: 100%;
		font-weight: bold;
		padding: 4% 0px 0px 0px;
		margin-bottom: 5px;
	}

/* ------ Place ------ */
	#h_right2 p {
		display:block;
		font-size: 100%;
		font-weight: bold;
	}
	
/*--------------------------------------
	Gnav グローバルナビ	 for - 767px
--------------------------------------*/	
	
	#gnav {
		width: 99.8999%;
		border-top: 1px solid #dddddd;
		border-bottom:none;
		background: #f9f9fa;
	}

	#gnav-btn {
		display: block;
		margin: 0 auto 0px;
		border-bottom: solid 1px #444;
	}

	#gnav-btn a {
		display: block;
		color: #362e2b;
		font-size: 14px;
		font-weight:bold;
		text-align: center;
		text-decoration: none;
		vertical-align: top;
		line-height: 25px;
		padding: 7px 0px;
		-webkit-text-shadow: 0px -1px 0px #FFF;
		text-shadow: 0px -1px 0px #FFF;
		background:#ececec;
	}

	#gnav-btn a i {
		padding-right: 10px;
	}

	#gnav nav {
		width: 100%;
		overflow: hidden;
		border-top: solid 1px #222;
		border-left:none;
	}

	#gnav nav ul {
		display: none;
		float: none;
		width: 100%;
		border-left: none;
		border-right: none;
		border-top: solid 1px #111;
	}

	#gnav nav ul li:first-child {
		width: 100%;
		font-size: 130%;
	}
	
	#gnav nav ul li:first-child i {
		position:relative;
		bottom: 5px;
	}
		
	#gnav nav ul li:first-child i {
		display:none;
	}
	
	#gnav nav ul li:first-child span {
		display: inline-block;
	}
	
	#gnav nav ul li:nth-child(2),
	#gnav nav ul li:nth-child(3),
	#gnav nav ul li:nth-child(4) {
		width: 100%;
	}
	
	
	#gnav nav ul li {
		display:block;
		border-right: none;
		border-bottom: 1px solid #dddddd;
		padding:0px;
	}
	
	#gnav nav ul li a {
		display: block;
		height: 20px;
		color: #555555;
		text-decoration: none;
		font-size: 85%;
		font-weight: bold;
		text-shadow: 1px 0px 3px #FFF;
		text-align:left;
		padding: 10px 20px;
		background: url(../images/common/lst_m1.png) no-repeat 97% 50%;
	}
	
	#gnav nav ul li a span {
		display: block;
		font-size: 80%;
	}
	
	#gnav nav ul li a:hover,
	#gnav nav ul li a:active {
		opacity:1;
		color: #fff;
		text-shadow: 1px 0px 3px #000;
		text-decoration: none;
		background: url(../images/common/lst_m2.png) no-repeat 97% 50% #c51504;
	}
	
	#gnav nav ul li.open_page a {
		color: #fff;
		text-shadow: 1px 0px 3px #000;
		text-decoration: none;
		background: url(../images/common/lst_m2.png) no-repeat 97% 50% #c51504;
	}
	
/*--------------------------------------
	Mainvisual  for - 767px
--------------------------------------*/

/* ------ Mainvisual ------ */
#mainvisual {
		border-top: 1px solid #000;
}

	#mainvisual-inner .img img {
		border-top:none !important;
	}


	#mainvisual-inner span.cap {
		display: block;
		position: static;
		top: 0px;
		height: 45px;
		color:#111;
		padding: 3px 5px;
		margin:0px;
		background:none;
	}
	
	#mainvisual-btn {
		position: relative;
		top: -60px;
		width: 100%;
		height: 10px;
		margin-top: -10px;
		margin-bottom: 0px;
		text-align: center;
	}
	
/*--------------------------------------
	Contents  Left-column for - 767px
--------------------------------------*/

/*	img + txt 2col for - 767px
--------------------------------------*/
	.txt_2col {
		display: block;
		vertical-align:middle;
	}
	
	.txt_2col li {
		display: block;
		vertical-align: top;
		padding: 10px;
	}
	
	.txt_2col ul li:first-child {
		width: 95% ;
		text-align:center;
	}
	
	.txt_2col ul li:first-child img {
		width: 40% ;
		text-align:center;
	}
	
/*	txt + img 2col for - 767px
--------------------------------------*/
	.txt_2col2 {
		padding-bottom: 10px;
	}
	
	.txt_2col2 ul {
		display: block;
		margin-bottom: 30px;
	}
	
	.txt_2col2 li {
		display: block;
		padding: 0px;
	}
	
	.txt_2col2 ul li:first-child {
		width: 100% ;
		vertical-align: top;
		padding: 10px 20px 10px 0px;
	}
	
	.txt_2col2 ul li:last-child {
		width: 100%;
		text-align:center;
		vertical-align:middle;
		padding-top: 15px;
	}


/*	css　banner for - 767px
--------------------------------------*/
	.css_bnr .txt .icon {
		display: table-cell;
		float:left;
		width:50px;
		position:relative;
		top: 0px;
		color: #fff;
		text-align:center;
		font-size: 110%;
		font-weight: bold;
		padding: 2px 5px 1px 5px;
		margin-right: 5px;
		text-shadow:none;
		-webkit-text-shadow:none;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		background:#810000;
		vertical-align:middle;
	}

	.css_bnr .txt .t01,
	.css_bnr .txt .t02 {
		display: table-cell;
		width: auto;
		font-size: 125%;
		font-weight: bold;
		margin-bottom: 5px;
		vertical-align:middle;
	}
	.css_bnr .txt .t03 {
		display:block;
		width: 100%;
		font-size: 100%;
	}

	
/*	css　banner a link for - 767px
--------------------------------------*/

/*	css bnr 02 for - 767px
--------------------------------------*/
	.css_bnr2 .txt .icon {
		display: table-cell;
		float:left;
		width:50px;
		position:relative;
		top: 0px;
		color: #fff;
		text-align:center;
		font-size: 110%;
		font-weight: bold;
		padding: 2px 5px 1px 5px;
		margin-right: 5px;
		text-shadow:none;
		-webkit-text-shadow:none;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		background:#810000;
		vertical-align:middle;
	}
	.css_bnr2 .txt .t00 {
		font-size: 110%;
		line-height: 1.5;
	}
	.css_bnr2 .txt .t01,
	.css_bnr2 .txt .t02 {
		font-size: 125%;
	}
	.css_bnr2 .txt .t03 {
		width: 70%;
		font-size: 100%;
	}
	.css_bnr2 .txt .t04 {
		width: 65%;
		font-size: 100%;
	}
	.css_bnr2 .txt .t05 {
		font-size: 120%;
	}
	
/*	css bnr 03 for - 767px
--------------------------------------*/
	.css_bnr3 .txt .icon {
		top: 0px;
	}

	.css_bnr3 .txt .t01,
	.css_bnr3 .txt .t02 {
		font-size: 125%;
	}
	.css_bnr3 .txt .t03 {
		width: 70%;
		font-size: 100%;
	}
	.css_bnr3 .txt .t04 {
		width: 65%;
		font-size: 100%;
	}
  
/*	 TOP  for - 767px
--------------------------------------*/

/*--- info ---*/
	.info {
		width: 100%;
		margin-bottom: 30px;
	}
	
	.info dl {
		padding: 0px;
		margin: 10px auto;
	}
	
	.info dt,
	.info dd {
		padding: 0px;
	}
	
	.info dt {
		float:none;
		clear:both;
		width: 100%;
		padding-top: 10px;
	}
	
	.info dt div {
		display:inline-block;
		text-align:left;
	}
	
	.info dd {
		margin-top: 2px;
		border-bottom: 1px dotted #666;
		padding-bottom: 5px;
	}
	
	.info dd a {
		font-size: 14px;
	}

/*---------------------------------------------------------
    news　 img + txt 2column 右画像右テキスト  for - 767px
---------------------------------------------------------*/
		
	.news div.txt p {
		display:none;
	}

/*-- ichiran link btn --*/
	div.news_btn,
	div.info_btn {
		width: 100%;
		text-align:center;
	}
	
	div.news_btn a span,
	div.info_btn a span {
		display:block;
		padding: 2px 20px 0px 10px;
		background: url(../images/common/lst_m1.png) no-repeat 97% 50%;
	}
	
	div.news_btn a,
	div.info_btn a {
		float:right;
		width: auto;
		display:block;
		color:#362e2b;
		font-size: 13px;
		text-decoration:none;
		text-shadow: 1px 1px 0px #FFF;
		padding: 3px 0px 3px 0px;
		border: 1px solid #999;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		background: #ffffff;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); 
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
		background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
		background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
		background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
		background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
		filter: none;
	}
	
	div.news_btn a:hover,
	div.info_btn a:hover {
		opacity: 1;
		background: #CCC;
	}
	
/*--- 個別記事 ---*/
	.news_article {
		display: block;
	}
	
	.news_left,
	.news_right {
		display: block;
	}
	
	.news_left {
		width:100%;
	}
	
	.news_right {
		width:100%;
		margin: 20px auto;
		padding: 10px 0px;
		text-align:center;
	}

/*	 col3 h + txt + img  for - 767px
--------------------------------------*/
	.col3 {
		display: block;
	}
	.col3_sec {
		display: block;
		float:left;
		width: 50%;
		padding: 10px;
	}

/*	 About  for - 767px
--------------------------------------*/

	.f_table {
		border-top: solid 1px #ddd;
		border-bottom:none;
		border-left: solid 1px #ddd;
	}

	.f_table .f_thead,
	.f_table .f_tbody {
		display: block;
	}

	.f_table ul {
		display: none;
	}

	.f_table dl {
		display: block;
	}

	.f_table dl dt,
	.f_table dl dd {
		float: none;
		display: block;
		border-top: none;
		border-left: none;
	}
		
	.f_table dt {
		width: auto;
		padding: 8px;
		font-weight: bold;
		color: #000;
		border-bottom: solid 1px #ddd;
		background-color: #eee;
	}
	.f_table dd {
		padding: 8px 8px 0;
		text-align:left;
		width: auto;
		color: #000;
	}

/*	 Access  for - 767px
--------------------------------------*/

/*-- google map link btn --*/
	div.gmap_btn a {
		width: 50%;
	}
	
/*	 img 3col img  for - 767px
------------------------------------------------*/
	.img_col3 ul {
		display:table;
		width: 100%;
		padding:0;
		margin: 0px auto 20px auto;
		box-sizing:border-box;
	}
	.img_col3 ul li {
		display: table-cell;
		float:left;
		width:50%;
		height: auto;
		margin: 0px auto 30px auto;
		padding: 0px;
		text-align:center;
		vertical-align: bottom;
		box-sizing:border-box;
	}
	.img_col3 ul li a {
		display: inline-block;
		color:#262626;
		text-decoration: none;
		margin: 0px auto;
		width: 250px;
		height: auto;
		vertical-align:bottom;
	}
	.img_col3 ul li span {
		display: table-cell;
		margin: 0px auto;
		width: 250px;
		height: auto;
		vertical-align:bottom;
		layout-grid-line:166px;
	}
	
	.img_col3 ul li img {
		width:auto;
		height:auto;
		max-width:250px;
		max-height: auto;
		vertical-align:bottom;
		text-align:center;
	}

/*--------------------------------------
	right-columnfor - 767px	
--------------------------------------*/

	#right-column {
		float: none;
		width: 90%;
		margin: 0 auto;
		*margin: 0 auto 20px;
		overflow: hidden;
		*zoom: 1;
	}

	#right-column-inner {
		width: 100%;
	}
	
/*	banner - 767px
--------------------------------------*/
	#right-column aside ul {
		display:block;
		text-align:center;
		margin:0 auto;
	}

	#right-column aside ul li {
		display: inline-block;
		padding: 0;
		margin: 6px 6px 20px 6px;
		vertical-align: top;
	}
		
	#right-column aside ul img {
		margin: 0 auto;
	}
	
	
/*--------------------------------------
	Footer for - 767px
--------------------------------------*/
	
/*	company  banner
--------------------------------------*/
	footer .company {
		max-width: 1100px;
		margin: 0 auto;
		padding: 0px;
	}
	
	
	footer .company section h2 {
		padding: 0px 5px;
	}
	
	footer .company aside {
		padding:0px !important;
		margin: 20px 0px;
	}
	
	footer .company aside ul {
		display:table;
	}
	
	footer .company aside ul li {
		float:left;
		display:table-cell;
		padding: 0px 5px 0px 5px;
		margin-bottom: 10px;
	}
	
	footer .company aside ul li img {
		display:none;
	}
	
	footer .company aside ul li span {
		display: inline-block;
		font-size: 80%;
	}
	

/*	company  address
--------------------------------------*/

	footer #footer-inner {
		width: 100%;
		background:#FFF;
	}
	
	footer #footer-inner address {
		max-width: 1100px;
		margin: 0 auto;
		padding: 20px 0 20px;
	}
	
	footer #footer-inner address ul li {
		display: block;
		font-size: 14px;
		line-height: 130%;
		padding:0px;
		*zoom: 1;
	}
	
	footer #footer-inner address ul li:first-child {
		color: #94281a;
		font-weight:bold;
	}
	
	
	#copyright {
		color:#FFF;
		font-size: 70%;
		text-align:center;
		padding: 8px;
		background:#94281a;
	}
	

}

/*-----------------------------------------------------	*/
/*	for - 600px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 600px) {
	
/*--------------------------------------
	Header  for - 479px
--------------------------------------*/
	#header-inner h1 {
		float:none;
		width: 100%;
		padding: 10px 0px 0px 0px;
		margin: 0px auto;
		text-align:center;
	}
	
	#header-inner h1 a {
		margin: 0px auto;
		text-align:center;
	}
	
	#header-inner h1 img {
		width: 95%;
	}
	
/*	header right  for - 479px
--------------------------------------*/

/* ------ header login ------ */	
	#h_right .h_login {
		width: 25%;
	}
/* ------ language ------ */
	
	#h_right {
		float:none;
		width: 100%;
		margin: 0px auto;
	}
	
	#h_right2 {
		display: inline-block;
		float:none;
		width: auto;
		max-width: none;
		margin: 0px auto 20px auto;
		padding: 0px 13px;
	}
	
	#h_right .language ul {
		display:table;
		float:right;
		width: 95%;
		font-size: 70%;
		padding: 5px;
		margin: 0px auto;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;  
		-webkit-border-bottom-right-radius: 5px;  
		-moz-border-radius-bottomleft: 5px;  
		-moz-border-radius-bottomright: 5px;  
		background:#c51504;
	}
	
/* ------ Place ------ */
	#h_right2 p {
		display: inline-block;
		width: auto;
		font-size: 14px;
	}
	
/*---------------------------------------------------------
    CONTENT  for - 600px
---------------------------------------------------------*/
	
/*	 img 3col img  for - 600px
------------------------------------------------*/
	.img_col3 ul {
		display:table;
		width: 100%;
		padding:0;
		margin: 0px auto 20px auto;
		box-sizing:border-box;
	}
	.img_col3 ul li {
		display: table-cell;
		float:left;
		width:50%;
		height: auto;
		margin: 0px auto 30px auto;
		padding: 0px;
		text-align:center;
		vertical-align: bottom;
		box-sizing:border-box;
	}
	.img_col3 ul li a {
		display: inline-block;
		color:#262626;
		text-decoration: none;
		margin: 0px auto;
		width: 210px;
		height: auto;
		vertical-align:bottom;
	}
	.img_col3 ul li span {
		display: table-cell;
		margin: 0px auto;
		width: 210px;
		height: auto;
		vertical-align:bottom;
		layout-grid-line:166px;
	}
	
	.img_col3 ul li img {
		width:auto;
		height:auto;
		max-width:210px;
		max-height: auto;
		vertical-align:bottom;
		text-align:center;
	}
	
/*	css　banner  for - 600px
--------------------------------------*/

	.css_bnr .txt .icon {
		display: table-cell;
		float:left;
		width:50px;
		position:relative;
		top: 0px;
		color: #fff;
		text-align:center;
		font-size: 110%;
		font-weight: bold;
		padding: 2px 5px 1px 5px;
		margin-right: 5px;
		text-shadow:none;
		-webkit-text-shadow:none;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		background:#810000;
		vertical-align:middle;
	}

	.css_bnr .txt .t01,
	.css_bnr .txt .t02 {
		display: table-cell;
		width: auto;
		font-size: 100%;
		font-weight: bold;
		margin-bottom: 5px;
		vertical-align:middle;
	}
	.css_bnr .txt .t03 {
		display:block;
		width: 100%;
		font-size: 80%;
	}

/*	css bnr 02  for - 600px
--------------------------------------*/

	.css_bnr2 .txt .icon {
		display: table-cell;
		float:left;
		width:50px;
		position:relative;
		top: 0px;
		color: #fff;
		text-align:center;
		font-size: 110%;
		font-weight: bold;
		padding: 2px 5px 1px 5px;
		margin-right: 5px;
		text-shadow:none;
		-webkit-text-shadow:none;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		background:#810000;
		vertical-align:middle;
	}

	.css_bnr2 .txt .t01,
	.css_bnr2 .txt .t02 {
		font-size: 100%;
	}
	.css_bnr2 .txt .t03,
	.css_bnr2 .txt .t04 {
		width: 100%;
		font-size: 90%;
		margin-bottom: 30px;
	}
	
/*	css bnr 03  for - 600px
--------------------------------------*/

	.css_bnr3 .txt .t01,
	.css_bnr3 .txt .t02 {
		font-size: 100%;
	}
	.css_bnr3 .txt .t03,
	.css_bnr3 .txt .t04 {
		display:block;
		width: 100%;
		font-size: 90%;
		margin-bottom: 30px;
	}

}


/*-----------------------------------------------------	*/
/*	for - 479px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 479px) {
	
	
/*--------------------------------------
	Header  for - 479px
--------------------------------------*/
	#header-inner h1 {
		float:none;
		width: 100%;
		padding: 10px 0px 0px 0px;
		margin: 0px auto;
		text-align:center;
	}
	
	#header-inner h1 a {
		margin: 0px auto;
		text-align:center;
	}
	
	#header-inner h1 img {
		width: 95%;
	}
	
/*	header right  for - 479px
--------------------------------------*/

/* ------ header login ------ */	
	#h_right .h_login {
		width: 25%;
	}
/* ------ language ------ */
	
	#h_right {
		float:none;
		width: 100%;
		margin: 0px auto;
	}
	
	#h_right2 {
		display: inline-block;
		float:none;
		width: auto;
		max-width: none;
		margin: 0px auto 20px auto;
		padding: 0px 13px;
	}
	
	#h_right .language ul {
		display:table;
		float:right;
		width: 95%;
		font-size: 70%;
		padding: 5px;
		margin: 0px auto;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;  
		-webkit-border-bottom-right-radius: 5px;  
		-moz-border-radius-bottomleft: 5px;  
		-moz-border-radius-bottomright: 5px;  
		background:#c51504;
	}
	
/* ------ Place ------ */
	#h_right2 p {
		display: inline-block;
		width: auto;
		font-size: 14px;
	}
	

/*	 TOP  for - 479px
--------------------------------------*/

/*--- notice ---*/
	.notice span {
		font-size: 110%;
	}
	
/*	css　banner  for - 479px
--------------------------------------*/
	
	.css_bnr {
		display: block;
		width: 100%;
		padding: 10px;
		margin: 20px auto;
		background: url(../images/common/bg_bird.png) no-repeat 130% 15px #c9161e;
		box-sizing:border-box;
	}
	
	.css_bnr .logo,
	.css_bnr .txt {
		display: block;
		vertical-align:middle !important;
	}
	.css_bnr .logo {
		width: 60%;
		margin: 0px auto;
	}
	
	.css_bnr .txt {
		width: 100%;
		padding-left:0px;
		margin-top: 5px;
	}
	.css_bnr .txt .t0 {
		display:table;
		margin-bottom: 5px;
	}
		.css_bnr .txt .icon {
			display: table-cell;
			float:left;
			width:35px;
			position:relative;
			top: 0px;
			color: #fff;
			text-align:center;
			font-size: 80%;
			font-weight: bold;
			padding: 2px 5px 1px 5px;
			margin-right: 5px;
			text-shadow:none;
			-webkit-text-shadow:none;
			border-radius:3px;
			-webkit-border-radius:3px;
			-moz-border-radius:3px;
			background:#810000;
			vertical-align:middle;
		}
		.css_bnr .txt .at {
			display:inline-block;
			position:relative;
			top: 0px;
			color: #c9161e;
			font-size: 70%;
			padding: 2px 3px 2px 3px;
			margin-left: 10px;
			text-shadow:none;
			-webkit-text-shadow:none;
			border-radius:3px;
			-webkit-border-radius:3px;
			-moz-border-radius:3px;
			background:#FFF;
		}
		.css_bnr .txt .t01,
		.css_bnr .txt .t02,
		.css_bnr .txt .t03 {
			color: #fff;
			text-shadow: 2px 2px 1px rgba(0,0,0,0.5);
			-webkit-text-shadow: 2px 2px 1px rgba(0,0,0,0.5);
		}
		.css_bnr .txt .t01,
		.css_bnr .txt .t02 {
			display: table-cell;
			width: auto;
			font-size: 90%;
			font-weight: bold;
			margin-bottom: 5px;
			vertical-align:middle;
		}
		.css_bnr .txt .t03 {
			display:block;
			width: 100%;
			font-size: 72%;
		}
	
/*	css　banner a link  for - 479px
--------------------------------------*/


/*	css bnr 02  for - 479px
--------------------------------------*/
	
	.css_bnr2 {
		display: block;
		width: 100%;
		background: url(../images/common/bg_bird.png) no-repeat 130% 15px #c9161e;
		box-sizing:border-box;
	}
	
	.css_bnr2 .logo,
	.css_bnr2 .txt {
		display: block;
		vertical-align:middle !important;
	}
	.css_bnr2 .logo {
		width: 60%;
		margin: 0px auto;
	}
	
	.css_bnr2 .txt {
		width: 100%;
		padding-left:0px;
		margin-top: 5px;
	}
	.css_bnr2 .txt .t0 {
		display:table;
		margin-bottom: 5px;
	}
		.css_bnr2 .txt .icon {
			display: table-cell;
			float:left;
			width:35px;
			position:relative;
			top: 0px;
			color: #fff;
			text-align:center;
			font-size: 80%;
			font-weight: bold;
			padding: 2px 5px 1px 5px;
			margin-right: 5px;
			text-shadow:none;
			-webkit-text-shadow:none;
			border-radius:3px;
			-webkit-border-radius:3px;
			-moz-border-radius:3px;
			background:#810000;
			vertical-align:middle;
		}
		.css_bnr2 .txt .at {
			display:inline-block;
			position:relative;
			top: 0px;
			color: #c9161e;
			font-size: 70%;
			padding: 2px 3px 2px 3px;
			margin-left: 10px;
			text-shadow:none;
			-webkit-text-shadow:none;
			border-radius:3px;
			-webkit-border-radius:3px;
			-moz-border-radius:3px;
			background:#FFF;
		}
		.css_bnr2 .txt .t01,
		.css_bnr2 .txt .t02,
		.css_bnr2 .txt .t03 {
			color: #fff;
			text-shadow: 2px 2px 1px rgba(0,0,0,0.5);
			-webkit-text-shadow: 2px 2px 1px rgba(0,0,0,0.5);
		}
		.css_bnr2 .txt .t00,
		.css_bnr2 .txt .t01,
		.css_bnr2 .txt .t02 {
			font-size: 90%;
			margin-bottom: 5px;
		}
		.css_bnr2 .txt .t03,
		.css_bnr2 .txt .t04 {
			width: 100%;
			font-size: 85%;
			margin-bottom: 0px;
		}
		.css_bnr2 .txt .t05 {
			font-size: 110%;
		}
	
/*	css bnr 03  for - 479px
--------------------------------------*/

	.css_bnr3 {
		display:block;
		background: url(../images/common/cssbnr2016_bg.gif) no-repeat -30px -30px;
		background-size:300px;
	}
	.css_bnr3 .bird {
			background: url(../images/common/bg_bird2.png) no-repeat 130% 10px;
	}

	.css_bnr3 .logo,
	.css_bnr3 .txt {
		display: block;
		vertical-align:middle !important;
	}
	.css_bnr3 .logo {
		width: 60%;
		margin: 0px auto;
	}
	
	.css_bnr3 .txt {
		width: 100%;
		padding-left:0px;
		margin-top: 5px;
	}
	.css_bnr3 .txt .t0 {
		display:table;
		margin-bottom: 5px;
	}
		.css_bnr3 .txt .icon {
			width:35px;
			font-size: 80%;
		}
		.css_bnr3 .txt .at {
			display:inline-block;
			position:relative;
			top: 0px;
			color: #c9161e;
			font-size: 70%;
			padding: 2px 3px 2px 3px;
			margin-left: 10px;
			background:#FFF;
		}

		.css_bnr3 .txt .t01,
		.css_bnr3 .txt .t02 {
			font-size: 90%;
		}
		.css_bnr3 .txt .t03,
		.css_bnr3 .txt .t04 {
			display:block;
			width: 100%;
			font-size: 85%;
			margin-bottom: 0px;
		}

		.trapezoid {
			display:block;
			position: relative;
			bottom:0px;
			width: 100%;
			border-bottom: 30px solid #000;
			border-left:none;
			height: 0;
			float:none;
			text-align: center;
		}
		.inner {
			display:block;
			font-size: 80%;
			color: #FFF;
			padding: 7px 10px 0px 5px;
		}
			.inner:after {
				position:relative;
				top:0px;
				font-size: 100%;
				margin-left: 5px;
				font-family: 'FontAwesome';
				content: "\f105";
			}
			
/*---------------------------------------------------------
    info　 img + txt 2column 右画像右テキスト  for - 479px
---------------------------------------------------------*/
	
	.news div.txt {
		display:table-cell;
		width: 65%;
		vertical-align:top;
	}
	
	.news div.txt h4 a {
		font-size: 100%;
		font-weight: bold;
		padding:0px;
	}
	
	.news div.txt p {
		display:none;
	}
	
	.news div.s_img {
		display:table-cell;
		width: 25%;
		vertical-align:top;
	}

	
/*	 About contents  for - 479px
--------------------------------------*/

/*-- schedule --*/

	.f_table {
		border-left: solid 1px #ddd;
	}

	.f_table .f_thead,
	.f_table .f_tbody {
		display: block;
	}

	.f_table ul {
		display: none;
	}

	.f_table dl {
		display: block;
	}

	.f_table dl dt,
	.f_table dl dd {
		float: none;
		display: block;
		border-top: none;
		border-left: none;
	}
		
	.f_table dt {
		width: auto;
		padding: 8px;
		font-weight: bold;
		color: #000;
		border-bottom: solid 1px #ddd;
		background-color: #eee;
	}
	.f_table dd{
		padding: 8px 8px 0;
		text-align:left;
		width: auto;
		color: #000;
	}
	
	.f_table dd div{
		display:block;
		float:none;
		width: 100%;
		font-size: 100%;
		padding: 3px;
		margin-bottom: 20px; 
	}
	
	.f_table dd div p {
		display: block;
		width: 100%;
		font-size: 100%;
		font-weight: bold;
		padding:0px;
		margin: 10px 0px;
		border-bottom: 1px dotted #999999;
	}
	
/*	 col3 h + txt + img  for - 479px
--------------------------------------*/
	.col3 {
		display: block;
	}
	.col3_sec {
		display: block;
		width: 100%;
		padding: 10px;
	}

/*	 Access  for - 479px
--------------------------------------*/

/*-- google map link btn --*/
	div.gmap_btn a {
		width: 80%;
	}

/*	 img 3col img  for - 479px
------------------------------------------------*/
	.img_col3 ul li {
		display: table-cell;
		float:left;
		width:50%;
		height: auto;
		margin: 0px auto 20px auto;
		padding: 0px;
		text-align:center;
		vertical-align: bottom;
		box-sizing:border-box;
	}
		
	.img_col3 ul li a {
		color:#262626;
		text-decoration: none;
		display: inline-block;
		margin: 0px auto;
		width: 130px;
		height: auto;
		vertical-align:bottom;
	}
	
	.img_col3 ul li span {
		display: table-cell;
		margin: 0px auto;
		width: 130px;
		height: auto;
		vertical-align:bottom;
	}
	
	.img_col3 ul li img {
		width:auto;
		height:auto;
		max-width:130px;
		max-height: auto;
		vertical-align:bottom;
		text-align:center;
	}
	
/*--------------------------------------
	right-columnfor - 479px
--------------------------------------*/
	#right-column {
		*margin-bottom: 0;
	}

	#right-column-inner {
		width: 100%;
	}

/*	link - 479px
--------------------------------------*/

/*-- nav common --*/
	#right-column #right-column-inner .s_menu ul li a {
		display:block;
		padding: 10px 0px 10px 20px;
		background: url(../images/common/lst_m3.png) no-repeat 2% 50%;
	}
	
	#right-column #right-column-inner .s_menu ul li a:hover {
		opacity: 1;
		background: url(../images/common/lst_m3.png) no-repeat 2% 50% #ffedeb;
	}
	
/*--------------------------------------
	Footer - 479px
--------------------------------------*/

/*	company  banner
--------------------------------------*/

	footer .company section {
		padding-top: 20px;
	}
	
	footer .company section h1#test {
		display: block;
		width: 95%;
		color:#FFF;
		text-align:center;
		margin: 0px auto 20px auto;
		padding: 10px 10px;
		box-shadow:rgba(0, 0, 0, 0.45) 0px 1px 3px 1px;
		-webkit-box-shadow:rgba(0, 0, 0, 0.45) 0px 1px 3px 1px;
		-moz-box-shadow:rgba(0, 0, 0, 0.45) 0px 1px 3px 1px;
		background:#c51504;
	}
	
	
	footer .company section h1#test2 {
		display: inline-block;
		color:#333;
		font-size: 135%;
		text-shadow: 1px 0px 3px #FFF;
		margin: 0px 5px;
		padding: 5px 0px;
	}

	footer .company section h1 {
	}

/*--- page top ---*/
	.goto_top {
		max-width: 1100px;
		margin: 0px auto;
		text-align:right;
	}
	
	.goto_top a {
		display:inline-block;
		color: #362e2b;
		text-decoration:none;
		text-shadow: 0px 1px 1px #FFF;
		padding: 0px 7px 3px 7px;
		margin-right: 5px;
		background:#ececec;
	}
	
	.goto_top a div {
		display:none;
	}
	
	.goto_top a span {
		display:inline-block;
		position:relative;
		top: 5px;
		width: 20px;
		height: 20px;
		margin-right: 0px;
		background: url(../images/common/lst_m5.png) no-repeat 50% 50% #ececec;
	}
	
	.goto_top a:hover {
		opacity:1;
		display:inline-block;
		color: #FFF;
		text-decoration:none;
		text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
		padding: 0px 7px 3px 7px;
		background: #c51504;
	}
	
	.goto_top a:hover span {
		display:inline-block;
		position:relative;
		top: 5px;
		width: 20px;
		height: 20px;
		margin-right: 0px;
		background: url(../images/common/lst_m4.png) no-repeat 50% 50% #c51504;
	}
	
}

/*--------------------------------------
	Item 商品検索
--------------------------------------*/

#container {
	width:100%;
	margin: 0px auto;
}

#left-col,
#right-col,
#item_left,
#item_right {
	padding-bottom: 20px;
	margin: 20px auto 50px auto;
}

#left-col {
	float: left;
	width: 210px;
}
		
#right-col {
	float: right;
	width: 830px;
}

#item_left {
	float: left;
	width: 350px;

}

#item_right {
	float: right;
	width: 690px;
}

#item_right:before {
	display:block;
	content:"";
	clear:both !important;
}

@media screen and (max-width: 979px) {

	#container {
		width:95%;
	}
	
#left-col,
#right-col {
	float:none;
	width:100%;
}
	
	#item_left {
		float: none;
		width: 100%;
		margin: 0px auto;
	}
	
	#item_right {
		clear:both;
		float: none;
		width: 100%;
		margin: 0 auto;
		padding-top: 50px;
		box-sizing:border-box;
	}
}

@media screen and (max-width: 767px) {
	
	#item_right {
		float: none;
		margin: 0 auto;
		*margin: 0 auto 20px;
		overflow: hidden;
		*zoom: 1;
	}
}
	
@media screen and (max-width: 479px) {
	#item_right {
		*margin-bottom: 0;
	}
}

/*	 Search Form
-----------------------------------------------------------*/
.results {
	position: relative;
	top:0px;
	text-align:right;
}

.results > span {
	position:absolute;
	right:0px;
}

/*	 Search Form
-----------------------------------------------------------*/
.search_form {
}
.search_form > label {
	display:block;
	width: 100%;
	padding: 5px;
	color: #fff;
	text-align:center;
	font-weight: bold;
	background: #0080cb;
	box-sizing:border-box;
}
.search_form > ul {
	display:block;
	width: 100%;
	border-left: 1px solid #0080cb;
	border-right: 1px solid #0080cb;
	border-bottom: 1px solid #0080cb;
	background: #fff;
	box-sizing:border-box;
}
.search_form > ul > li {
	padding: 10px 20px;
	color:#0090ff;
	border-bottom: 1px dotted #0080cb;
	cursor: pointer;
}
.search_form > ul > li:hover {
	text-decoration:underline;
	background: #daedff;
}
.search_form > ul > li:last-child {
	border-bottom: none;
}
.search_form > ul > li > span {
	display:inline-block;
	padding: 1px 5px;
	margin-left: 10px;
	color: #fff;
	font-size: 80%;
	border-radius: 5px;
	-webki-radius: 5px;
	-moz-border-radius: 5px;
	background: #F90;
	text-decoration: none;
}

/*	 Pagination
-----------------------------------------------------------*/
.pagination ul {
	display: table;
	margin: 0px auto 30px auto;
	border-radius: 3px;
	-webki-radius: 3px;  
	-moz-border-radius: 3px;
	border: 1px solid #999;
	background:#fff;
}
	.pagination ul li {
		display: table-cell;
		border-left: 1px solid #999;
	}
	.pagination ul li:first-child {
		border-left: none;
	}
	.pagination ul li.active a,
	.pagination ul li a:hover {
		color: #fff;
		background:#0080cb;
		opacity: 1;
	}
		.pagination ul li a {
			display:block;
			padding: 5px 10px;
			color:#337ab7;
			text-decoration: none;
		}
		
.pagination ul li.disabled a {
	display:block;
	padding: 5px 10px;
	color: #999;
	text-decoration: none;
	cursor: default;
}
	.pagination ul li.disabled a:hover {
		color: #999;
		background:#fff;
		opacity: 1;
	}


/*	 List 01 [ img + txt 1col ]
-----------------------------------------------------------*/
.list01 ul {
	display: block;
	width: 100%;
	max-width: 100%;
	padding: 0px;
	margin: 0px auto;
	list-style:none;
	box-sizing:border-box;
}
  .list01 ul li {
	  margin: 0px auto;
	  vertical-align:top;
	  border-bottom: 1px dotted #999;
	  padding-bottom: 25px;
	  margin-bottom: 30px;
  }
  .list01 ul li:last-child {
	  border-bottom:none;
  }
  
  .list01 ul li:hover > div > h3 {
	  text-decoration:underline;
  }

/*----- txt -----*/
.list01 ul li > div,
.list01 ul li > span {
	display:table-cell;
	vertical-align:top;
}
.list01 ul li > div {
	width:90%;
	padding-left: 20px;
}
	.list01 ul li > div > h3 {
		color:#337ab7;
		font-size: 100%;
		font-weight: normal;
		margin: 0px 0px 5px 0px !important;
		padding:0px;
		border:none !important;
	}
		.list01 ul li > div > h3 > span {
			display:block;
		}
	.list01 ul li > div > p {
		font-size: 90%;
		line-height: 150%;
	}
	
/*----- img Vertically and horizontally Fix 縦横比固定 -----*/
.list01 ul li > span {
	display: table-cell;
	margin: 0px auto;
	width: 130px;
	height: 130px;
	vertical-align: middle;
	border: 1px solid #CCC;
	background:#fff;
}
.list01 ul li > span > span {
	display:inline-block;
	width: 130px;
	height: auto;
	text-align:center;
}
.list01 ul li > span img {
	width:auto;
	height:auto;
	max-width:130px;
	max-height:130px;
	text-align:center;
}


/*	 List 03 [ img thumnail 4col ]
------------------------------------------------*/
.list03 ul {
	width: 100%;
	display: table;
	margin: 30px auto 0px auto;
}
	.list03 ul li {
		display: table-cell;
		float:left;
		width: auto;
		margin: 10px 20px 25px 20px;
	}
	.list03 ul li a {
		display: inline-block;
		color: #337ab7;
		text-align:center;
		text-decoration: none;
		margin: 0px auto;
	}
	.list03 ul li a:hover {
		text-decoration: underline;
	}
		.list03 ul li img {
			width: 100%;
		}
			.list03 ul li p {
				display:block;
				height: 15px;
				padding: 3px 0px;
				line-height: 150%;
				color:#ffa500;
				font-size: 90%;
				text-align:center;
			}
				.list03 ul li p > span {
					display:block;
					color:#0090ff;
				}
			
/*----- img Vertically and horizontally Fix 縦横比固定 -----*/
.list03 ul li a > span {
	display: table-cell;
	margin: 0px auto;
	width: 130px;
	height: 130px;
	vertical-align: middle;
	border: 1px solid #CCC;
	text-align:center;
	background:#fff;
}
.list03 ul li a > span > span {
	display:inline-block;
	width: 130px;
	height: auto;
	text-align:center;
}
.list03 ul li a > span img {
	width:auto;
	height:auto;
	max-width:130px;
	max-height:130px;
	text-align:center;
}

@media screen and (max-width: 479px) {

/*	 List03 [ img thumnail 2col ]  for - 479px	
-----------------------------------------------------------*/
	.list03 ul {
		width: 100%;
		display: table;
		margin: 0px auto;
	}
	
	.list03 ul li {
		display: table-cell;
		float:left;
		width: 48%;
		margin: 10px 1%;
		text-align:center;
	}
	
}


/*	 Table
-----------------------------------------------------------*/

/*	 table01,02
--------------------------------------*/
.dl_tbl01,
.dl_tbl02 {
	width: 100%;
	max-width: 100%;
	margin: 0px auto 30px auto;
	border-left: solid 1px #ddd;
	box-sizing:border-box;
	background: #FFF;
}
.dl_tbl01 .dl_tbl_thead,
.dl_tbl01 .dl_tbody,
.dl_tbl02 .dl_tbl_thead,
.dl_tbl02 .dl_tbody {
	display: table-row-group;
	width: 100%;
}
	.dl_tbl01 ul,
	.dl_tbl01 dl,
	.dl_tbl02 ul,
	.dl_tbl02 dl {
		display: table-row;
		font-size: 100%;
		line-height: 160%;
		overflow: hidden;
		*zoom: 1;
	}
	.dl_tbl01 dl dt,
	.dl_tbl01 dl dd,
	.dl_tbl02 dl dt,
	.dl_tbl02 dl dd {
		border-bottom: solid 1px #ddd !important;
	}
		.dl_tbl01 ul,
		.dl_tbl02 ul {
			width: 100%;
			font-weight:bold;
			background-color: #eee;
		}
			.dl_tbl01 ul li,
			.dl_tbl01 dl dt,
			.dl_tbl01 dl dd,
			.dl_tbl02 ul li,
			.dl_tbl02 dl dt,
			.dl_tbl02 dl dd {
				display: table-cell;
				*display: inline;
				padding: 10px 8px;
				border-top: solid 1px #ddd;
				border-right: solid 1px #ddd;
				*border-top: none;
				*border-left: none;
				vertical-align: middle;
				*zoom: 1;
				box-sizing:border-box;
			}
			
.dl_tbl01 .t01,
.dl_tbl02 .t01,
.dl_tbl01 .t02,
.dl_tbl02 .t02 {
	width: 50%;
}
.dl_tbl01 .t03,
.dl_tbl02 .t03 {
	width: 100%;
}


/*	 Item 01 [ img 品 ]
-----------------------------------------------------------*/
.item_img ul {
	display: block;
	width: 100%;
	max-width: 350px;
	margin: 0px auto;
	box-sizing: border-box;
}
.item_img ul li:first-child > span {
	display: table-cell;
	margin: 0px auto;
	width: 350px;
	height: 350px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #CCC;
	background:#fff;
}
.item_img ul li:first-child > span > span {
	display:inline-block;
	width: 350px;
	height: auto;
	text-align:center;
}
.item_img ul li:first-child > span img {
	width:auto;

	height:auto;
	max-width:350px;
	max-height:350px;
	text-align:center;
}

/*----- img Vertically and horizontally Fix 縦横比固定 -----*/
.item_img ul li:nth-child(2),
.item_img ul li:nth-child(3) {
	margin-top: 30px;
}
.item_img ul li:nth-child(2) {
	float:left;
}
.item_img ul li:nth-child(3) {
	float:right;
}
.item_img ul li:nth-child(2) > span,
.item_img ul li:nth-child(3) > span {
	display: table-cell;
	margin: 0px auto;
	width: 150px;
	height: 150px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #CCC;
	background:#fff;
}
.item_img ul li:nth-child(2) > span > span,
.item_img ul li:nth-child(3) > span > span {
	display:inline-block;
	width: 150px;
	height: auto;
	text-align:center;
}
.item_img ul li:nth-child(2) > span img,
.item_img ul li:nth-child(3) > span img {
	width:auto;
	height:auto;
	max-width:150px;
	max-height:150px;
	text-align:center;
}


@media screen and (max-width: 979px) {

/*	 List 01 [ img + txt 1col ]　　for 979px
-----------------------------------------------------------------------------*/
.list01 ul {
	max-width: 100%;
	list-style:none;
	margin: 0px auto;
}

}
			
@media screen and (max-width: 767px) {
	
	
/*	 Search Form
-----------------------------------------------------------*/
.results {
	position: static;
	text-align: center;
	margin-bottom: 10px;
}
.results > span {
	position: static;
}

/*	 List 01 [ img + txt 1col ]　　for 767px
-----------------------------------------------------------------------------*/
.list01 ul {
	display:block;
	max-width: 100%;
	list-style:none;
	margin: 0px auto;
}
  .list01 ul li {
	  display: block;
	  width: 100%;
	  margin: 0px auto 15px auto;
	  padding: 0px;
  }

/*----- txt -----*/
	.list01 ul li > div,
	.list01 ul li > span {
		display: block;
	}
	.list01 ul li > div {
		width:100%;
		margin-bottom: 15px;
		padding-left: 0px;
	}
	.list01 ul li > span {
		text-align:center;
	}

/*----- img Vertically and horizontally Fix 縦横比固定 -----*/
.list01 ul li > span {
	display: table;
	margin: 0px auto 20px auto;
	width: 130px;
	height: 130px;
}
.list01 ul li > span > span {
	display: table-cell;
	vertical-align:middle;
}
}

/*--------------------------------------
	screensize 	
--------------------------------------*/

/*スマホのみ表示*/
@media screen and (min-width: 479px){
.sp_only { display:none !important;}
}

/*iPad スマホのみ表示*/
@media screen and (min-width: 767px){
.sp_i_only { display:none !important;}
}

/*PC縮小 iPad スマホのみ表示*/
@media screen and (min-width: 979px){
.sp_i_only2 { display:none !important;}
}


/*--------------------------------------
	print css only	
--------------------------------------*/

@media print {
	
	.sp_i_only2 {
		display: none !important;
	}
	
}


/*--- add  20180424 ---*/

/*==============================================================

	Text and Img 2column List
	
===============================================================*/
.timg2colst * {
	box-sizing:border-box;
}
.timg2colst > ul {
	width: 100%;
	margin: 0px auto;
}
.timg2colst > ul:after {
	display:block;
	content:"";
	clear:both;
    visibility: hidden;  
    height: 0.1px;  
    font-size: 0.1em;  
    line-height: 0;  
}
	.timg2colst > ul > li {
		display: block;
		vertical-align:middle;
		border-bottom: 1px dashed #ccc;
		margin: 30px auto 0px;
		padding-bottom: 20px;
	}
	.timg2colst > ul > li:after {
		display:block;
		clear:both;
		content: "";
	}
	.timg2colst > ul > li:first-child {
		margin: 0px auto;
	}
	.timg2colst > ul > li:last-child {
		padding-bottom: 0px;
		margin-bottom: 0px;
		border-bottom: none;
	}	
	
.timg2colst > ul > li > div.imgR,
.timg2colst > ul > li > div.imgL,
.timg2colst > ul > li > div.txtR,
.timg2colst > ul > li > div.txtL {
	display: inline-block;
	vertical-align: middle;
	word-break:break-all;
}
	.timg2colst > ul > li > div.txtL,
	.timg2colst > ul > li > div.imgL {
		float:left;
	}
	.timg2colst > ul > li > div.txtR,
	.timg2colst > ul > li > div.imgR {
		float:right;
	}

/*----- Image -----*/
.timg2colst > ul > li > div.imgL,
.timg2colst > ul > li > div.imgR {
	text-align:center;
	margin: 0px auto;
	overflow:hidden;
}
	.timg2colst > ul > li > div.imgL p,
	.timg2colst > ul > li > div.imgR p {
		display:inline-block;
		text-align:left;
	}
	.timg2colst > ul > li > div.imgL > small,
	.timg2colst > ul > li > div.imgR > small {
		display:block;
		text-align:left;	
		margin-bottom: 10px;
		line-height: 110%;
	}
	.timg2colst > ul > li > div.imgL img,
	.timg2colst > ul > li > div.imgR img {
		width: auto;
		max-width: 96%;
		box-sizing:border-box;
	}
	.timg2colst > ul > li > div.imgL img:first-child,
	.timg2colst > ul > li > div.imgR img:first-child {
		margin-bottom: 10px;
	}
	
/*----- Text -----*/
.timg2colst > ul > li > div.txtL {
	padding-right: 30px;
}
.timg2colst > ul > li > div.txtR {
	padding-left: 30px;
}

	.timg2colst > ul > li > div.txtL small,
	.timg2colst > ul > li > div.txtR small {
		font-weight: normal;
	}
		.timg2colst > ul > li > div.txtL > p,
		.timg2colst > ul > li > div.txtR > p {
			display:block;
			font-weight:normal;
			padding: 0px;
			margin: 5px auto 20px;
		}
	
/*	Size Adjust
--------------------------------------*/
.timg2colst > ul > li > .size5 { width: 5%;}
.timg2colst > ul > li > .size10 { width: 10%;}
.timg2colst > ul > li > .size15 { width: 15%;}
.timg2colst > ul > li > .size20 { width: 20%;}
.timg2colst > ul > li > .size25 { width: 25%;}
.timg2colst > ul > li > .size30 { width: 30%;}
.timg2colst > ul > li > .size35 { width: 35%;}
.timg2colst > ul > li > .size40 { width: 40%;}
.timg2colst > ul > li > .size45 { width: 45%;}
.timg2colst > ul > li > .size50 { width: 50%;}
.timg2colst > ul > li > .size55 { width: 55%;}
.timg2colst > ul > li > .size60 { width: 60%;}
.timg2colst > ul > li > .size65 { width: 65%;}
.timg2colst > ul > li > .size70 { width: 70%;}
.timg2colst > ul > li > .size75 { width: 75%;}
.timg2colst > ul > li > .size80 { width: 80%;}
.timg2colst > ul > li > .size85 { width: 85%;}
.timg2colst > ul > li > .size90 { width: 90%;}
.timg2colst > ul > li > .size95 { width: 95%;}
.timg2colst > ul > li > .size100 { width: 100%; padding:0px !important;}

/*iPad スマホのみ表示*/
@media screen and (min-width: 767px){
  .timg2colst > ul > li > div.imgL > small,
  .timg2colst > ul > li > div.imgR > small {
	  display:none;
  }
}

@media screen and (max-width: 767px) {
  .timg2colst > ul > li > div.body_txt > h3 small > span {
	  display:block;
	  margin-right: 0px;
  }
}

@media screen and (max-width: 479px) {

.timg2colst > ul {
	width: 100%;
	max-width: 100%;
	margin: 0px auto;
	box-sizing:border-box;
}
.timg2colst > ul > li > div {
	display: block;
	vertical-align:top;
}

.timg2colst > ul > li > div.imgL,
.timg2colst > ul > li > div.imgR,
.timg2colst > ul > li > div.txtL,
.timg2colst > ul > li > div.txtR {
	float:none;
}
	.timg2colst > ul > li > div.txtL,
	.timg2colst > ul > li > div.imgL {
		margin-bottom: 0px;
	}
	.timg2colst > ul > li > div.txtR,
	.timg2colst > ul > li > div.imgR {
		margin-top: 0px;
	}
.timg2colst > ul > li > div.imgL,
.timg2colst > ul > li > div.imgR {
	width: 100%;
	text-align:center;
}
	.timg2colst > ul > li > div.imgL img,
	.timg2colst > ul > li > div.imgR img {
		float:none;
		width: auto;
		margin:0px auto;
	}
.timg2colst > ul > li > div.txtL,
.timg2colst > ul > li > div.txtR {
	width: 100%;
	padding-left: 0px;
	margin-top: 0px;
}

}

/*	pr
--------------------------------------*/
.pr_text {
   text-indent: 1em;
}
.pr_item_name {
   font-weight: bold;
}
@media screen and (min-width: 601px){

.pr_img ul {
   display: -webkit-flex;
   display: flex;
   justify-content: center;
   align-items: center;
}

.pr_img ul li {
    width: 33%;
    max-height: 175px;
    margin-top: 20px;
}
.pr_img ul li:nth-child(n+2) {
    margin-left: 20px;
}
.pr_img img{
    border-radius: 20px;
}
.pr_img img.fix_tate{
    max-height: 175px;
}
}
@media screen and (max-width: 600px) {
.pr_img ul li {
    margin-top: 20px;
}
}

/*   pr_list
--------------------------------*/
.pr_list dl dt{
   display: -webkit-flex;
   display: flex;
   justify-content: left;
   align-items: center;
   border-bottom: 1px dotted #666;
   padding-top: 5px;
   padding-bottom: 5px;
}

.pr_list img {
   margin-right: 20px;
}

.pr_link {
   margin: 0 0 0.5em 1em;
   padding: 0;
}