@charset "UTF-8";
/* CSS Document */

/*
フォントサイズ指定
10px	 77%
11px	 85%
12px	 93%
13px	 100%
14px	 108%
15px	 116%
16px	 123.1%
17px	 131%
18px	 138.5%
19px	 146.5%
20px	 153.9%
21px	 161.6%
22px	 167%
23px	 174%
24px	 182%
25px	 189%
26px	 197%
27px	 207.7%
28px	 215.4%
29px	 223.1%
30px	 230.8%
48px	 369.2%
*/


/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
Customized by DRI (Last-Modified @JUNE 24 2017)
*/

html{
color:#000;background:#FFF;
font-size: 62.5%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,
p,blockquote,th,td,
figure
{
margin:0;padding:0
}

table{border-collapse:collapse;border-
spacing:0}

fieldset,img{border:0}

address,caption,cite,
code,dfn,em,strong,
th,var{
font-style:normal;
font-weight:normal
}

ol,ul{list-style:none}

caption,th{text-align:left}

h1,h2,h3,h4,h5,h6{
font-size:100%;font-weight:normal
}

q:before,q:after{content:''}

abbr,acronym{
border:0;font-variant:normal
}

sup {
vertical-align:super;
font-size:60%;
}
sub {
vertical-align:baseline;
font-size:60%;
}

input,textarea,select{
font-family:inherit;
font-size:inherit;
font-weight:inherit;
*font-size:100%
}

legend{color:#000}

body{font:1.3rem/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}
table{font-size:inherit;font:100%}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}

/*YUIここまで*/


.cmn-flx,.cmn-flx-rev {
display:-webkit-flex;
display:flex;
-webkit-justify-content:space-between;
justify-content:space-between;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}

.cmn-flx-rev {
-webkit-flex-direction:row-reverse;
flex-direction:row-reverse;
}

@media print,screen and (min-width: 641px) {

	.cmn-flx-rsp,.cmn-flx-rev-rsp {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	}

	.cmn-flx-rev-rsp {
	-webkit-flex-direction:row-reverse;
	flex-direction:row-reverse;
	}

}

/* +++++++++++++++++ 余白 +++++++++++++++++ */

.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt45 {margin-top:45px;}
.mt50 {margin-top:50px;}
.mt55 {margin-top:55px;}
.mt60 {margin-top:60px;}
.mt65 {margin-top:65px;}
.mt70 {margin-top:70px;}
.mt75 {margin-top:75px;}
.mt80 {margin-top:80px;}
.mt85 {margin-top:85px;}
.mt90 {margin-top:90px;}
.mt95 {margin-top:95px;}
.mt100 {margin-top:100px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}
.ml60 {margin-left:60px;}
.ml70 {margin-left:70px;}
.ml80 {margin-left:80px;}
.ml90 {margin-left:90px;}
.ml100 {margin-left:100px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}
.mb55 {margin-bottom:55px;}
.mb60 {margin-bottom:60px;}
.mb65 {margin-bottom:65px;}
.mb70 {margin-bottom:70px;}
.mb75 {margin-bottom:75px;}
.mb80 {margin-bottom:80px;}
.mb85 {margin-bottom:85px;}
.mb90 {margin-bottom:90px;}
.mb95 {margin-bottom:95px;}
.mb100 {margin-bottom:100px;}
.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}
.pb35 {padding-bottom:35px;}
.pb40 {padding-bottom:40px;}
.pb45 {padding-bottom:45px;}
.pb50 {padding-bottom:50px;}
.pb55 {padding-bottom:55px;}
.pb60 {padding-bottom:60px;}
.pb65 {padding-bottom:65px;}
.pb70 {padding-bottom:70px;}
.pb75 {padding-bottom:75px;}
.pb80 {padding-bottom:80px;}
.pb85 {padding-bottom:85px;}
.pb90 {padding-bottom:90px;}
.pb95 {padding-bottom:95px;}
.pb100 {padding-bottom:100px;}

/* +++++++++++++++++ その他 +++++++++++++++++ */

header,footer,nav,main,section,article,figure,aside,
figure img
 { display:block;}

.clearfix::after {
	content: '';
	display: block;
	clear: both;
}
.hidden {
	display: none;
}
.text-center {
	text-align:center;
}
.text-left {
	text-align:left;
}
.text-right {
	text-align:right;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.F-l {
	font-size:108%;
}
.F-s {
	font-size:85%;
	line-height:138.5%;
}
.F12 {
	font-size:1.2rem;
}

/*ロールオーバー画像拡大*/
.ro-expand img {
	-moz-transition:-moz-transform 0.15s linear;
	-webkit-transition:-webkit-transform 0.15s linear;
	-o-transition:-o-transform 0.15s linear;
	-ms-transition:-ms-transform 0.15s linear;
	transition:transform 0.15s linear;
}
.ro-expand img:hover {
	-webkit-transform:scale(1.07);
	-moz-transform:scale(1.07);
	-o-transform:scale(1.07);
	-ms-transform:scale(1.07);
	transform:scale(1.07);
}

.ro-expand2 img {
	-moz-transition:-moz-transform 0.3s ease-out;
	-webkit-transition:-webkit-transform 0.3s ease-out;
	-o-transition:-o-transform 0.3s ease-out;
	-ms-transition:-ms-transform 0.3s ease-out;
	transition:transform 0.3s ease-out;
}
.ro-expand2 img:hover {
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
}

.ro-expand3 img {
	-moz-transition:-moz-transform 0.3s ease-out;
	-webkit-transition:-webkit-transform 0.3s ease-out;
	-o-transition:-o-transform 0.3s ease-out;
	-ms-transition:-ms-transform 0.3s ease-out;
	transition:transform 0.3s ease-out;
}
.ro-expand3 img:hover {
	-webkit-transform:scale(1.03);
	-moz-transform:scale(1.03);
	-o-transform:scale(1.03);
	-ms-transform:scale(1.03);
	transform:scale(1.03);
}


/*
画像の下に重なる透過帯　基本ライブラリ

<div class="LIB-imgtextbox-container">
<img src="****************">
<span class="LIB-imgtextbox"><span><span>
<p>****************</p>
</span></span></span>
</div>

*/

.LIB-imgtextbox-container {
	position:relative;
}
.LIB-imgtextbox-container img {
	display:block;
}
.LIB-imgtextbox {
	width:100%;
	left:0px;
	bottom:0px;
	display:block;
	position:absolute;
	background:rgba(0, 0, 0, 0.6);
}
.LIB-imgtextbox > span {
	display:table;
	width:100%;
}
.LIB-imgtextbox > span > span {
	display:table-cell;
}

/*レスポンシブ用*/

.pc-block {
  display: none !important;
}
.mt40-30 {
	margin-top:30px;
}
.mt50-40 {
	margin-top:40px;
}
.mt60-40 {
	margin-top:40px;
}
.mt80-50 {
	margin-top:50px;
}
.mt100-60 {
	margin-top:60px;
}
.pb40-30 {
	padding-bottom:30px;
}
.pb50-40 {
	padding-bottom:40px;
}
.pb60-40 {
	padding-bottom:40px;
}
.pb80-50 {
	padding-bottom:50px;
}
.pb100-60 {
	padding-bottom:60px;
}

@media print,screen and (min-width: 641px) {
  .pc-block {
    display: block !important;
  }
  .sp-block {
    display: none !important;
  }
	.mt40-30 {
		margin-top:40px;
	}
	.mt50-40 {
		margin-top:50px;
	}
	.mt60-40 {
		margin-top:60px;
	}
	.mt80-50 {
		margin-top:80px;
	}
	.mt100-60 {
		margin-top:100px;
	}
	.pb40-30 {
		padding-bottom:40px;
	}
	.pb50-40 {
		padding-bottom:50px;
	}
	.pb60-40 {
		padding-bottom:60px;
	}
	.pb80-50 {
		padding-bottom:80px;
	}
	.pb100-60 {
		padding-bottom:100px;
	}
}


/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}