@charset 'UTF-8';

/* --------------------------------------------------
    reset
-------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, object, iframe, pre, code, p, blockquote, form, fieldset, legend, table, th, td, caption, tbody, tfoot, thead, article, aside, figure, footer, header, hgroup, menu, nav, section, audio, video, canvas, main {
	margin: 0;
	padding: 0;
}
article, aside, figure, figcaption, footer, h1, h2, h3, h4, h5, h6, header, hgroup, menu, nav, section, main {
	display: block;
}
/* --------------------------------------------------
    base
-------------------------------------------------- */
html {
	font-size: 70%;/* へんこう前　62.5%*/
	overflow-y: scroll;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	_overflow: auto;
}
*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}
html, body {
	width: 100%;
	height: 100%;
}
body {
	font-family: "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", Meiryo, "MS PGothic", Arial, Osaka, Sans-Serif;font-weight: 500;
	font-size: 13px;
	font-size: 1.3em;
	line-height: 1.78;
	height: 100%;
	color: #222;
	background: #fff;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
a {
	text-decoration: underline;
	color: inherit;
	position: relative
}
a:hover {
	text-decoration: none;
	color: inherit;
}

@media screen and (max-width: 500px) {
body {
	font-size: 12px;
	font-size: 1.2em;
}
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
ol, ul, li {
	/*overflow: hidden;*/
	zoom: 1;
	list-style: none;
}
table {
	font-size: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}
dl, dt, dd {
	overflow: hidden;
	zoom: 1;
}
img {
	vertical-align: middle;
	border: none;
}
object {
	vertical-align: middle;
	outline: none;
}
em {
	font-style: normal;
}
strong {
	font-weight: bold;
}
small {
	font-size: 100%;
}
abbr, acronym {
	font-variant: normal;
	border: none;
}
address, caption, cite, code, dfn, var {
	font-weight: normal;
	font-style: normal;
}
code, pre {
	font-family: monospace;
}
sup {
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
hr {
	display: none;
}
i {
	line-height: 1;
}
/*::selection {
	color: #fff;
	background: #000;
}
::-moz-selection {
 color: #fff;
 background: #000;
}
*/
[class^='icon-']:before, [class*=' icon-']:before {
	width: auto;
	margin: 0;
}
/* ---------------------
   font
--------------------- */
.ff-en {
	font-family: 'Times New Roman', 'ff-serif', "Yu Mincho", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "MS PMincho", 'Times New Roman', serif;
	font-weight: normal;font-weight: 500;
}
/* ---------------------
   transition
--------------------- */
/*
** trs
*/
.trs {
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
}
.trs-dr02 {
	-webkit-transition-duration: .2s;
	-moz-transition-duration: .2s;
	-ms-transition-duration: .2s;
	-o-transition-duration: .2s;
	transition-duration: .2s;
}
.trs-dr03 {
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-ms-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s;
}
.trs-dr05 {
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-ms-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
}
.trs-dr06 {
	-webkit-transition-duration: .6s;
	-moz-transition-duration: .6s;
	-ms-transition-duration: .6s;
	-o-transition-duration: .6s;
	transition-duration: .6s;
}
.trs-dr08 {
	-webkit-transition-duration: .8s;
	-moz-transition-duration: .8s;
	-ms-transition-duration: .8s;
	-o-transition-duration: .8s;
	transition-duration: .8s;
}
.trs-dr12 {
	-webkit-transition-duration: 1.2s;
	-moz-transition-duration: 1.2s;
	-ms-transition-duration: 1.2s;
	-o-transition-duration: 1.2s;
	transition-duration: 1.2s;
}
/* trs-tf */
.trs-tfCb {
	-webkit-transition-timing-function: cubic-bezier(0, .96, .4, .99);
	-moz-transition-timing-function: cubic-bezier(0, .96, .4, .99);
	-ms-transition-timing-function: cubic-bezier(0, .96, .4, .99);
	-o-transition-timing-function: cubic-bezier(0, .96, .4, .99);
	transition-timing-function: cubic-bezier(0, .96, .4, .99);
}
/* ---------------------
   Frame
--------------------- */
.Frame {
	width: 100%;
	max-width: 1160px;
	margin: 0 auto;
	padding: 0 30px;
}
@media screen and (max-width: 768px) {
.Frame {
	width: 100%;
	padding: 0 35px;
}
}

@media screen and (max-width: 500px) {
.Frame {
	padding: 0 22px;
}
}
/*
** arrow
*/
.arrowPar, .previouspostslink, .nextpostslink, .pNavWrap-detail a:not(.page) {
	position: relative;
}
.previouspostslink:after, .nextpostslink:after {
	content: '';
}
.arrow, .previouspostslink:after, .nextpostslink:after {
	position: absolute;
	top: 5px;
	right: auto;
	width: 30px;
	height: 10px;
	margin-left: 8px;
	-webkit-transition: all .3s cubic-bezier(0, .96, .4, .99);
	-moz-transition: all .3s cubic-bezier(0, .96, .4, .99);
	-ms-transition: all .3s cubic-bezier(0, .96, .4, .99);
	-o-transition: all .3s cubic-bezier(0, .96, .4, .99);
	transition: all .3s cubic-bezier(0, .96, .4, .99);
}
/* ---------------------
   block
--------------------- */
.block {
	position: relative;
}
.blockInner {
	padding-top: 110px;
	padding-bottom: 110px;
}
.blockInner2 {
	padding-top: 0;
	padding-bottom: 110px;
}
.block_head {
	margin-bottom: 70px;
	text-align: center;
}
.block_head2 {
	margin-top:70px;
	margin-bottom: 70px;
	text-align: center;
}
@media screen and (max-width: 768px) {
.block_head2 {
	margin-top:30px;
	margin-bottom: 30px;
}
}
.block_head3 {
	margin-bottom: 30px;
	margin-top:30px;
	text-align: center;
}

.block_head:after {
	display: no;
	width: 110px;
	height: 2px;
	margin: 24px auto 0;
	content: '';
	background: #3d3d3d;
}
.block_ttl { font-size: 28px; font-size: 2.8rem; line-height: 1.4; display: inline-block; padding-bottom: 3px; text-align: center; letter-spacing: .04em; border-bottom: 0px solid #333; 
}
.block_ttl2 { font-size: 20px; font-size: 2rem; line-height: 1.4; display: inline-block; padding-bottom: 3px; text-align: center; letter-spacing: 0; border-bottom: 0px solid #333; 
}

@media screen and (min-width: 769px)  and ( max-width:840px) {
.blockInner, .blockInner2 {
	/*padding-top: 55px;*/
	padding-bottom: 65px;
}
.block_head {
	margin-bottom: 50px;
}
.block_ttl {
	font-size: 28px;
	font-size: 2.8rem;
	padding-bottom: 2px;
}
.block_ttl, .block_ttl2 {
	border-bottom: 1px solid #333; display:block;
}

}

@media screen and (max-width: 768px) {
.blockInner, .blockInner2 {
	padding-top: 10px;
	padding-bottom: 50px;
}
.block_head {
	margin-bottom: 40px;
}
.block_ttl, .block_ttl2 {
	font-size: 16px;
	font-size: 1.6rem;
	border-bottom: 1px solid #333; display:block;
}
}
/* ---------------------
   Btn
--------------------- */
.styleBtnWrap {
	margin-top: 50px;
	padding:0 220px;
}
@media screen and (max-width:1096px) {
.styleBtnWrap {
	margin-top: 50px;
	padding:0 15%;
}
}
@media screen and  (max-width:905px) {
.styleBtnWrap {
	padding:0 7%;
}
}
@media screen and  (max-width:768px) {
.styleBtnWrap {
	padding:0;
}
}

.Btn {
	width: 280px;/*へんこう260px*/
	height: 50px;
	margin: 0 auto;
	border: 1px solid #222;
}
.Btn_Left {
	margin: 0; margin-left:30px;/*左揃えにするため*/
}
.BtnTop {
	width: 280px;
	height: 50px;
	border: 1px solid #222;
	float: left;
}
.BtnTop:nth-child(2){
	margin-left:20px;
} 
@media screen and  (max-width:768px) {
.BtnTop {
	float: none;
	width:auto;
}
.BtnTop:nth-child(2){
	margin-left:0;
	margin-top:20px;
} 
}

@media screen and (max-width: 780px) {
.Btn {
	width: auto;
	height: auto;
	margin: 0 auto;
	padding:10px;
	border: 1px solid #222;
}
}
.Btn a, .BtnTop a {
	font-weight: bold;
	position: relative;
	/*display: block;*/
	display: table;
	width: 100%;
	height: 100%;
	text-align: center;
	text-decoration: none;
}
.Btn_obi {
	position: absolute;
	display: block;
	width: 0;
	height: 100%;
	content: '';
	background-color: #222;
}
.Btn_content {
	z-index: 10;
	/*display: inline-block;*/
	display: table-cell;
	vertical-align: middle;
	letter-spacing:0.1em;/* 追加 */
	font-size:110%;/* 追加 */
}

.Btn_contentInner {
	position: relative;
}
.Btn a:hover, .BtnTop a:hover {
	color: #CCC;
}
.Btn a:hover .Btn_obi, .BtnTop a:hover .Btn_obi {
	width: 100%;
}

@media screen and (max-width: 768px) {
.Btn_obi {
	display: none;
}
.Btn a:hover, .BtnTop a:hover {
	color: inherit;
}
}

/* --------------------------------------------------
    common
-------------------------------------------------- */
#Wrap {
	height: 100%;
}

@media screen and (max-width: 768px) {
#Wrap {
	padding-top: 46px; /*headerHeight-10px*/
}
.page-index #Wrap {
	padding-top: 56px; /*headerHeight*/
}
}


/* ---------------------
   header
--------------------- */
.Header {
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	padding-bottom: 28px;
	background:#000;
/*background-color: rgba( 0, 0, 0, 0.8 );*/
}
/*.Logo {
	float: left;
	width: 300px;
	margin: 30px 0 0 35px;
}
*/
.Logo { 
	position: absolute; 
	width: 300px; 
	min-height:9999px;
	margin: 0px 0 0 30px; 
	background: url(../img/bg_3col_y.gif) repeat-y center top; 
	display: block; 
}

.Logo img {
	width: 100%;
	height: auto;
}
.Header_contents {
	float: right;
	margin: 25px 35px 0 0;
}

@media screen and (max-width: 768px) {
.Header, .Header:hover {
	height: 56px;
	background-color: #000;
}
.Logo {
	width: 150px;
	margin: 2px 0 0 2px;
}
}

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

.Logo { 
	position: absolute; 
	width: 200px; 
	min-height:0;
	margin: 0px 0 0 30px; 
	background: url(../img/bg_3col_y.gif) repeat-y center top; 
	display: block; 
}
}
@media screen and (max-width: 768px) {

.Logo { 
	position: absolute; 
	width: 90px; 
	min-height:0;
	margin: 0px 0 0 30px; 
	background: url(../img/bg_3col_y.gif) repeat-y center top; 
	display: block; 
}
}

/*
** gNav
*/
.gNav {
	margin-bottom: 0px;
}
.gNav_list {
	display: inline-block;
	overflow: visible;
}
.gNav_item {
	font-size: 14px;
	font-size: 1.4rem;
	float: left;
	overflow: visible;
	margin: 0 8px;
	letter-spacing:0.1em;
}
.gNav_item:last-child {
	margin-right: 0;
}
/*.gNav_item {
	font-size: 14px;
	font-size: 1.4rem;
	float: left;
	overflow: visible;
	margin: 0 8px;
}
*/
.gNav_item-rsv {
	display: none;
}
.gNav_item a {
	position: relative;
	padding: 0 3px;
	text-decoration: none;
color:#FFF;
}
.gNav_item a:before {
	position: absolute;
	right: auto;
	bottom: 7px;
	left: 0;
	width: 100%;
	height: 1px;
	content: '';
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-ms-transition: all .1s linear;
	-o-transition: all .1s linear;
	transition: all .1s linear;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0;
	-ms-transform-origin: 0;
	transform-origin: 0;
	border-radius: 5px;
	background: #222;
}
/* hover , current */
/*.gNav_item a:hover:before, .gNav_item.current a:before {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
}*/
.gNav_item a:hover{ color:#b1b1b1;}


/* no-csstransforms */
.no-csstransforms .gNav_item a:before {
	display: none;
}

@media screen and (max-width: 768px) {
.gNav {
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0 22px;
	background-color: rgba(0,0,0,.8);
}
.gNav_inner {
	display: table;
	width: 100%;
	height: 100%;
}
.gNav_list {
	display: table-cell;
	vertical-align: middle;
}
.gNav_item {
	font-size: 20px;
	font-size: 2rem;
	float: none;
	width: 100%;
	margin: 0;
	padding: 5px 0;
	text-align: center;
	color: #fff;
}
.gNav_item:last-child {
	margin-right: auto;
}
.gNav_item-rsv {
	font-size: 14px;
	font-size: 1.4rem;
	display: block;
	width: 260px;
	margin: 15px auto 0;
	border-color: #fff;
}
.gNav_item-rsv a {
	width: 100%;
}
.gNav_item a:before {
	bottom: 9px;
	background-color: #fff;
}
.gNav_item-rsv a:before {
	display: none;
}
}

@media screen and (max-width: 768px) and (orientation: landscape) {
.gNav_list {
	text-align: center;
}
.gNav_item {
	display: inline-block;
	width: auto;
	margin-right: 15px;
	padding: 3px 0;
}
.gNav_item:after {
	margin-left: 15px;
	content: '/';
}
.gNav_item-rsv {
	display: block;
	width: 80%;
	margin-top: 20px;
}
.gNav_item-rsv:after {
	display: none;
}
}

@media screen and (max-width: 500px) {
.gNav_item {
	font-size: 16px;
	font-size: 1.6rem;
	padding: 4px 0;
}
.gNav_item-rsv {
	font-size: 12px;
	font-size: 1.2rem;
}
.gNav_item a:before {
	bottom: 7px;
}
}

@media screen and (min-width: 769px) {
.gNav {
	display: block!important;
}
}
/*
** Header_contact
*/
.Header_contact {
	float: right;
}
.Header_tel {
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.35;
	float: left;
	margin-left: 14px;
	padding-left: 19px;
	color:#FFF;/*ついか*/
}
.Header_tel a {
	text-decoration: none;
}
.Header_telNum {
	font-size: 25px;
	font-size: 2.5rem;
	color:#FFF;/*ついか*/
}
@media screen and (max-width: 768px) {
.Header_contact {
	display: none;
}
}
/*
** menuTrigger
*/
.menuTrigger {
	display: none;
}

@media screen and (max-width: 768px) {
.menuTrigger {
	position: absolute;
	z-index: 6;
	z-index: 601;
	top: 19px;
	right: 18px;
	display: block;
	width: 26px;
	height: 18px;
	cursor: pointer;
}
.menuIcon_line {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background: #FFF;
}
.menuIcon_line:nth-of-type(1) {
	top: 0;
}
.menuIcon_line:nth-of-type(2) {
	top: 8px;
}
.menuIcon_line:nth-of-type(3) {
	top: 16px;
}
/* open */
.menuIcon_line.open {
	background: #fff;
}
.menuIcon_line.open:nth-of-type(1) {
	top: 8px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}
.menuIcon_line.open:nth-of-type(2) {
	opacity: 0;
}
.menuIcon_line.open:nth-of-type(3) {
	top: 8px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
}
}
/* ---------------------
   Main
--------------------- */
.Main {
	position: relative;
	z-index: 30;
	/*background-color: #FFF;*/
}

@media screen and (max-width: 768px) {
}
/* ---------------------
   aside + footer
--------------------- */
.aside, .footer {
	position: relative;
	z-index: 10;
	/*background-color: #F4F5F7;*/
	/*background-color: #000;*/
background-color: rgba( 0, 0, 0, 0.8 );
}

@media screen and (max-width: 768px) {
}
/* ---------------------
   aside
--------------------- */
.aside {
	padding: 30px 0 38px;
}
.asideBlock {
	float: left;
}
.asideBlock_head {
	/* margin-bottom: 30px; */
	position: relative;
}

@media screen and (max-width: 768px) {
.aside {
	padding: 45px 0 20px;
}
}
/*
** asideContents
*/
.asideContents {
	width: 300px;
	width: 35%;
}
.asideContents_list {
	float: left;
	overflow: visible;
	margin-right: 50px;
}
.asideContents_list:last-child {
	margin-right: 0;
}
.asideContents_item {
	font-size: 14px;
	font-size: 1.4rem;
	overflow: visible;
	margin-bottom: 8px;
	letter-spacing:0.1em;
}
.asideContents_item:last-child {
	margin-bottom: 0;
}
.asideContents_item a {
	position: relative;
	text-decoration: none;
}
.asideContents_item a:before {
	position: absolute;
	right: auto;
	bottom: 6px;
	left: 0;
	width: 100%;
	height: 1px;
	content: '';
	-webkit-transition: -webkit-transform 150ms linear;
	transition: transform 100ms linear;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0;
	-ms-transform-origin: 0;
	transform-origin: 0;
	border-radius: 5px;
	background: #222;
}
/* no-csstransforms */
.no-csstransforms .asideContents_item a:before {
	display: none;
}
/* hover,current */
/*.asideContents_item a:hover:before, .asideContents_item.current a:before {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
}*/
.asideContents_item a { color:#FFF;}/*ついか*/
.asideContents_item a:hover { color:#666;}/*ついか*/


@media screen and (max-width: 768px) {
.asideContents {
	float: none;
	width: 100%;
}
.asideContents_list {
	float: none;
	width: 100%;
	margin: 0;
}
.asideContents_item {
	float: left;
	margin-right: 15px;
	margin-bottom: 2px;
}
.asideContents_item:after {
	margin-left: 15px;
	/*content: '/';*/
}
}

@media screen and (max-width: 500px) {
.asideContents_list {
	margin-bottom: 3px;
}
}
/*
** Foot_add
*/
.Foot_add {
	position: absolute;
	top: 30px;
	right: 140px;/*40px*/
	color:#FFF;/*ついか*/
}
.Foot_add span { display: inline-block; float:left; padding-right:20px;}
.Foot_add p { display:inline-block; float:left; padding-top:12px;}


@media screen and (max-width: 768px) {
.Foot_add {
	position: absolute;
	top: 30px;
	right:40px;
	margin-bottom: 15px;
}
.Foot_add span { display: inline-block; float:left; padding-right:20px;}
.Foot_add p { display:inline-block; float:left; padding-top:0;}
}

@media screen and (max-width: 720px) {
.Foot_add {
	position: static;
	margin-top:15px;
	margin-bottom: 15px;
}
.Foot_add span { display: block; float:left; width:20%; padding-right:5px;}
.Foot_add p { display:block; float:left; padding-top:0; padding-right:0px; font-size:1rem;}
}
@media screen and (max-width: 500px) {
.Foot_add span img { width:100%;}
}

/* ---------------------
   footer
--------------------- */
.footer {
	bottom: 0;
	width: 100%;
	padding-bottom: 20px;
}
.footer_copy {
	font-size: 11px;
	font-size: 1.1rem;
	text-align: center;
	color: #9494a4;
}

@media screen and (max-width: 768px) {
.footer {
	padding-bottom: 15px;
}
.footer_copy {
	font-size: 10px;
	font-size: 1rem;
}
}
/* ---------------------
   pagetop
--------------------- */
.pageTop {
	position: fixed;
	z-index: 100;
	right: 40px;
	bottom: 30px;
	display: none;
color:#7b7b88;
}
.pageTop a {
	font-size: 14px;
	font-size: 1.4rem;
	display: block;
	text-decoration: none;
}

@media screen and (max-width: 768px) {
.pageTop {
	right: 15px;
	bottom: 10px;
}
.pageTop a {
	font-size: 12px;
	font-size: 1.2rem;
}
}
/*
** MainImg_01 -----------------------------------------------------------------------------------------
*/
.MainImg_01_Wrap {
	position: relative;
	z-index: 0;
	height: 80%;
	min-height: 540px;
	max-height: 920px;
}
.MainImg_01 {
	position: fixed;
	top: 20px;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background: /*url(../img/mainimg01.jpg)*/ no-repeat center 5%;
	background-size: cover;
    animation: fadeIn 7s ease 0s 1 normal;
    -webkit-animation: fadeIn 7s ease 0s 1 normal;
}
.MainImg_obi01_Wrap, .MainImg_obi02_Wrap, .MainImg_obi03_Wrap, .MainImg_obi04_Wrap {
	position: relative;
	z-index: 0;
	min-height: 520px;
}
.MainImg_obi01 {
	position: relative;
	top: 120px;
	left: 0;
	width: 100%;
	height: 400px;
	margin: 0 auto;
	background: url(../img/mainimg_obi01.jpg) no-repeat center 5%;
	background-size: cover;
    animation: fadeIn 3s ease 0s 1 normal;
    -webkit-animation: fadeIn 3s ease 0s 1 normal;
}
.MainImg_obi02 {
	position: relative;
	top: 120px;
	left: 0;
	width: 100%;
	height: 400px;
	margin: 0 auto;
	background: url(../img/mainimg_obi02.jpg) no-repeat center 5%;
	background-size: cover;
    animation: fadeIn 3s ease 0s 1 normal;
    -webkit-animation: fadeIn 3s ease 0s 1 normal;
}
.MainImg_obi03 {
	position: relative;
	top: 120px;
	left: 0;
	width: 100%;
	height: 400px;
	margin: 0 auto;
	background: url(../img/mainimg_obi03.jpg) no-repeat center 5%;
	background-size: cover;
    animation: fadeIn 3s ease 0s 1 normal;
    -webkit-animation: fadeIn 3s ease 0s 1 normal;
}
.MainImg_obi04 {
	position: relative;
	top: 120px;
	left: 0;
	width: 100%;
	height: 400px;
	margin: 0 auto;
	background: url(../img/mainimg_obi04.jpg) no-repeat center 5%;
	background-size: cover;
    animation: fadeIn 3s ease 0s 1 normal;
    -webkit-animation: fadeIn 3s ease 0s 1 normal;
}

@media screen and (max-width: 768px) {
.MainImg_01_Wrap {
	height: 480px;
	min-height: 0;
	max-height: 100%;
}
.MainImg_01 {
	position: static;
}

.MainImg_obi01_Wrap, .MainImg_obi02_Wrap, .MainImg_obi03_Wrap, .MainImg_obi04_Wrap{
	height: 250px;
	min-height: 0;
	max-height: 100%;
}
.MainImg_obi01, .MainImg_obi02, .MainImg_obi03, .MainImg_obi04 {
	position: static;
	top: 0;
	height: 250px;
}

/*.MainImg_obi01 {
	position: static;
}
*/
}

@media screen and (max-width: 500px) {
.MainImg_01_Wrap, .MainImg_02_Wrap, .MainImg_03_Wrap, .MainImg_04_Wrap{
	height: 250px;
}
.MainImg_obi01_Wrap, .MainImg_obi02_Wrap, .MainImg_obi03_Wrap, .MainImg_obi04_Wrap{
	display: none;
}
}


.TopTxt {
	/*background: #fff;*/
background-color: rgba( 255, 255, 255, 0.7 );
}
.TopTxtInner {
	padding-top: 40px;
	padding-bottom: 100px;
	max-width: 1080px;
}

@media screen and (max-width: 500px) {
.TopTxtInner {
	padding-top: 40px;
	padding-bottom: 50px;
}
}
/*
** stylesIdx
*/
.stylesIdx {
	/*background-color: #F4F5F7;*/
background-color: rgba( 255, 255, 255, 0.7 );
}
.colList {
	margin-bottom: -50px;
}
.ListItem {
	position: relative;
	float: left;
	width: 19.9%;/*21.4%*/
	margin-right: 6.80%;/*4.80%*/
	margin-bottom: 45px;
	cursor: pointer;
}
.ListItem dd {
	display: block;
	text-align: center;
	font-size: 0.9em;
	line-height: 1.3em;
	background: #DBDBDB;
	padding:3px 0;
}
.ListItem dd.ItemName {
	padding: 7px 0;
	font-weight: bold;
	background: #333;
	color: #FFF;
}
.ListItem dd.ItemName span {
	font-weight: nomal;
	font-size:0.9em;
}

.ListItem dd.ItemName2 {
	border-bottom: 1px dashed #999;
}
@media screen and (max-width:500px)  {
.ListItem dd {
	background: none;
	border-top: none;
	padding:2px;
	/*text-align: left;*/
}
}
/*.ListItem dd.ItemName:before {
content:url(../img/icon_03.png);}
.ListItem dd.ItemName:after {content:url(../img/icon_04.png);}

@media screen and (max-width: 500px) {
.ListItem dd { display:block; padding-top:0; text-align:left;}
.ListItem dd:before {content:normal;}
.ListItem dd:after {content:normal;}
}*/

.ListItem:nth-child(4n) {
	margin-right: 0;
}
@media screen and (min-width:501px) and ( max-width:768px)  {
.ListItem:nth-child(4n) {
	margin-right: 4.80%;
}
.ListItem:nth-child(3n) {
	margin-right: 0;
}
}

.ListItem_anchor {
	display: block;
	text-decoration: none;
}
.ListItem_imgWrap {
	position: relative;
	overflow: hidden;
}
.ListItem img {
	width: 100%;
	height: auto;
}
.ListItem_overlay, .ListItem_content, .ListItem_detail {
	opacity: 0;
	filter: alpha(opacity=0);
}
.ListItem_overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);/*重なる色*/
}
.ListItem_content {
	font-size: 14px;
	font-size: 1.4rem;
	position: absolute;
	top: 20px;
	bottom: 0;
	left: 0;
	display: table-cell;
	width: 100%;
	height: 18px;
	margin: auto;
	text-align: center;
	vertical-align: middle;
	color: #fff;
}
.ListItem_label {
	line-height: 1.3;
	margin-top: 18px;
	text-align: center;
}
.ListItem_name {
	font-size: 22px;
	font-size: 2.2rem;
}
.ListItem_position {
	text-transform: lowercase;
}
/* hover 画像拡大*/
.ListItem_anchor:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.ListItem_anchor:hover .ListItem_overlay, .ListItem_anchor:hover .ListItem_content, .ListItem_anchor:hover .ListItem_detail {
	opacity: 100;
	filter: alpha(opacity=100);
}
.ListItem_anchor:hover .ListItem_content {
	top: -5px;
}
.ListItem_anchor:hover .ListItem_line-t, .ListItem_anchor:hover .ListItem_line-b {
	width: 100%;
}
.ListItem_anchor:hover .ListItem_line-r, .ListItem_anchor:hover .ListItem_line-l {
	height: 100%;
}

@media screen and (max-width: 768px) {
.colList {
	margin-bottom: -30px;
}
.ListItem {
	width: 29%;/*22%*/
	margin-right: 4%;
	margin-bottom: 30px;
}
.ListItem_label {
	line-height: 1.1;
}
.ListItem_name {
	font-size: 18px;
	font-size: 1.8rem;
	border-top-style: none;
}
}

@media screen and (max-width: 500px) {
.colList {
	margin-bottom: -20px;
}
.ListItem {
	width: 46%;
	margin-right: 0;
	margin-bottom: 20px;
}
.ListItem:nth-child(even) {
	float: right;
}
.ListItem_label {
	margin-top: 10px;
}
.ListItem_name {
	font-size: 16px;
	font-size: 1.6rem;
}
}

.colList-col5 .ListItem, .colList-col5 .ListItem:nth-child(4n), .colList-col5 .ListItem:nth-child(5n) {
	float: left;
	width: 30%;
	margin-right: 5%;
	margin-bottom: 15px;
}
.colList-col5 .ListItem:nth-child(3n) {
	margin-right: 0;
}
}
/*.infoBtnWrap { margin: 20px 0 70px; padding-bottom: 70px; } へんこう*/
.infoBtnWrap { margin: 20px 0 0px; padding-bottom: 140px; 
}

/*-------------------------------------------------------------------------------------追加分*/

.Catch
 { margin:0 auto; width:100%; text-align:center;}
.Catch img { max-width:100%; margin-top:-400px; margin-bottom:350px;}/*200px*/
@media screen and (max-width: 500px) {
.Catch img { max-width:100%; margin-top:-220px; margin-bottom:0;}
}


.Catch, .FadeIn{
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}
.CatchImage {
	padding-bottom:70px; 
	margin-top:-150px;
	}
@media screen and (max-width: 500px) {
.CatchImage {
	padding-bottom:50px; 
	margin-top:-10px;
	}
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
.Product_Memo {
	/*font-size: 20px;*/
	font-size: 1.8rem;
	line-height: 1.3;
	/*text-transform: uppercase;*/
	padding:30px 0 15px 0;
	clear:both;
	border-bottom:#333 1px solid;
}
.Product_Memo2 {
	font-size: 1.6rem;
	line-height: 1.5;
	padding:30px 0 10px 0;
	clear:both;
	border-bottom:#333 1px solid;
}

@media screen and (max-width: 500px) {
.Product_Memo {
	font-size: 1.5rem;
}
.Product_Memo2 {
	font-size: 1.2rem;
}
}

.Product_Txt { padding-top:20px;
}

.Product_Memo_List {
	padding:0 30px 0;
	display:block;
	width:32%;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align:top;
}

@media screen and (max-width:960px) {
.Product_Memo_List {
	width:49%;
}
}
@media screen and (max-width:500px) {
.Product_Memo_List {
	width:100%;
}
}

.Product_Memo_List dt{
	font-weight: bold;
	padding-top: 30px;
	display: inline-block;
	margin-left: -30px;
	padding-left: 30px;
}
.Product_Memo_List dt.Stock{
	padding-top: 15px;
}
.Product_Memo_List dt.BN{
	background: url(../img/color_icon_bn.png) no-repeat 0px 32px;
}
.Product_Memo_List dt.OB{
	background: url(../img/color_icon_ob.png) no-repeat 0px 32px;
}
.Product_Memo_List dt.WH{
	background: url(../img/color_icon_wh.png) no-repeat 0px 32px;
}

.Product_Memo_List dd{
	font-size: 0.9em;
	display: block;
	border-top: 1px dashed #999;
}
.Product_Memo_List dd.Last{
	border-bottom: 1px dashed #999;
}
.Product_PDF { padding:50px 30px 30px 30px;}

.ClearFix:after {
	display: block;
	clear: both;
	content: '';
}
.Clear{ clear:both;}

/* --------------------
	Product
-------------------- */
.Product_L {
	width: 55%/*47.5%;*/
}
.Product_R {
	width: 42%/*47.5%;*/
}
.Product_L {
	float: left;
}
.Product_L img {
	width: 100%;
	height: auto;
}
.Product_R {
	float: right;
}
.FirstBox {
	margin-right: 2%;
}
.Product_R_Photo {
	margin-right: 1%;
	margin-bottom: 1%;
	width: 17%;
display: inline-block;
}
.Product_R_Photo img {
	width: 100%;
}

/*.Product_txt {
	padding-top: 60px;
	border-top: 1px solid #F00;
}*/
.Product_Spec {
	position: relative;
	/*margin-bottom: 35px;*/
	padding-bottom: 30px;
}
.Product_Spec:after {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 10px;
	height: 1px;
	content: '';
	background: #ffffff;
}
.Product_ttl {
	font-size: 40px;
	font-size: 4rem;
	line-height: 1.3;
	text-transform: uppercase;
}
.Product_ttlJp {
	font-weight: bold
}
.Product_ttlEn {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.2;
	text-transform: lowercase;
}
.Product_body p {
	line-height: 2;
}
.Product_body p:not(:last-child) {
	margin-bottom: 1.5em;
}
.Product_data {
	margin-bottom: 5px;
}
.Product_data dt, .Product_data dd {
	font-size: 18px;
	font-size: 1.8rem;
	float: left;
}
.Product_data dt {
	margin-right: 15px;
}

@media screen and (max-width: 768px) {
.Product_txt {
	/*padding-top: 40px;*/
}
.Product_Spec {
	margin-bottom: 25px;
	padding-bottom: 25px;
}
.Product_ttl {
	font-size: 32px;
	font-size: 3.2rem;
}
.Product_ttlEn {
	font-size: 13px;
	font-size: 1.3rem;
}
.Product_ttlJp {
	font-size: 12px;
	font-size: 1.2rem;
}
.Product_data {
	margin-bottom: 0;
}
}

@media screen and (max-width: 500px) {
.Product_L, .Product_R {
	float: none;
	width: 100%;
}
.Product_L {
	overflow: hidden;
	max-height: 500px;
}
.Product_txt {
	padding-top: 35px;
	border: none;
}
.Product_Spec {
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.Product_ttl {
	font-size: 30px;
	font-size: 3rem;
	margin-bottom: 0;
}
.Product_ttlJp {
	font-size: 12px;
	font-size: 1.2rem;
}
.Product_data dt, .Product_data dd {
	font-size: 16px;
	font-size: 1.6rem;
	float: left;
}
}

/*@media screen and (max-width: 400px) {
.Product_L {
	max-height: 350px;
}
}*/


/*----- Common -----*/

.Midashi,.Midashi2,.Midashi4{ font-weight:bold; font-style:italic;}
.Midashi:before {
content:url(../img/icon_01.png);position : relative ; top:0.3em;
}
.Midashi:after {
content:url(../img/icon_02.png);position : relative ; top:0.3em;
}
.Midashi2:before {
content:url(../img/icon_05.png); 
}
.Midashi2:after {
content:url(../img/icon_06.png);
}
.Midashi4:before {
content:url(../img/icon_01_mini.png); 
}
.Midashi4:after {
content:url(../img/icon_02_mini.png);
}

/*.Midashi3
{ background: repeating-linear-gradient(-45deg, #c9c9c9, #c9c9c9 3px, #fff 3px, #fff 9px);
  padding: 0.5em; display:block;}

.Midashi3
{ background-color: #ccc;
  border-radius: 4px;
  padding: 0.5em; display:block;}
.Midashi3{
padding:0.5em;
	background: -webkit-repeating-linear-gradient(45deg, #333, #333 5px, #252525 5px, #252525 10px);
	background: repeating-linear-gradient(45deg, #333, #333 5px, #252525 5px, #252525 10px);
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
	display: block;
}
.Midashi3{
padding: .5em;
	background: -webkit-linear-gradient(top, #a9a9a9 0%, #333 100%);
	background: linear-gradient(to bottom, #a9a9a9 0%, #333 100%);
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
	display: block;
}
*/

@media screen and (max-width: 1130px) {
.Midashi:before {
content:url(../img/icon_01_mini.png); 
}
.Midashi:after {
content:url(../img/icon_02_mini.png);
}
}

@media screen and (max-width: 840px) {
.Midashi:before, .Midashi2:before {
content: normal;
}
.Midashi:after, .Midashi2:after {
content: normal;
}
}
@media screen and (max-width: 960px) {
.Midashi4:before{
content: normal;
}
.Midashi4:after {
content: normal;
}
}
@media screen and (max-width: 500px) {

.Product_title{
}
}
.Midashi span { font-size:60%;}

.bgBox_01 {
background-color: rgba( 255, 255, 255, 0.7 );
}
.bgBox_02 {
background-color: rgba( 0, 0, 0, 0.5 );
}
.bgBox_Form {
background-color: #fff;
}
.Pager{ text-align:center; padding:80px 20px 20px;}

.Waku { border:#ccc 1px solid;
}
.Pan{
	display: block;
	margin-top: 50px;
}
.Pan li { display: inline;}
.Pan li a {
		 background-image: url(../img/arrow.png);
 background-position: center right;
    background-repeat: no-repeat;
    padding-right: 25px;
}

@media screen and (max-width: 768px) {
.Pan{
	display: none;
}
}

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

.Box_About { margin:0 auto; text-align:center; padding:40px;}
.Box_About p.About_txt { padding:50px 40px 0 40px; text-align:left;}

@media screen and (max-width: 500px) {
.Box_About p.About_txt { padding:30px 0 0 0; text-align:left;}
}

dl.Company_Table { text-align:left;}
dl.Company_Table dt{ float: left; min-width: 8em; line-height: 3em; border-bottom: 1px dashed #999; font-weight: bold; }
dl.Company_Table dd{ line-height: 3em; border-bottom: 1px dashed #999; }


@media screen and (min-width: 630px)  and ( max-width:960px) {
.Box_About { padding:40px 0;}
dl.Company_Table { text-align:left; padding:0; border-bottom: 1px dashed #999;}
dl.Company_Table dt{ float:left; min-width:8em; line-height:2.2em;}
dl.Company_Table dd{ line-height:2.2em;}
dl.Company_Table .Border_none{  border-bottom: none; }

}
@media screen and (max-width: 629px) {
.Box_About { padding:0;}
dl.Company_Table { text-align:left; padding:0; margin-bottom:50px; border-bottom:none;}
dl.Company_Table dt{ float:none; min-width:8em; line-height:1.5em; padding-bottom:0.5em;}
dl.Company_Table dd{ line-height:1.5em; padding-bottom:1em; border:none; padding-top:0.5em; padding-bottom:1.5em;}
}

/*----- Category -----*/

ul.CateList{ padding-bottom:20px; display:block;width:100%;}
ul.CateList li a { display: inline-block; width: 24.5%; float: left; text-align: center; background: #D8D8D8; margin-right: 0.5%;margin-bottom: 0.5%; padding:0.5% 0; border-radius: 5px;}
ul.CateList li a:hover { background: #EAEAEA; }
 
@media screen and (max-width: 768px) {
ul.CateList li a { display: inline; width: 49%; float: left; text-align: center; background: #D8D8D8; margin-right: 0.5%;margin-bottom: 0.5%; padding:0.5% 0; }
}
@media screen and (max-width: 500px) {
ul.CateList{ padding-bottom:5%; display:block;width:100%;}
ul.CateList li a { display: inline; width: 100%; float: left; text-align: center; background: #D8D8D8; margin-right: 0.5%;margin-bottom: 0.5%; padding:3% 0; }
}

#Kit, #Lav{ 
margin-top:-150px;
padding-top:150px;
}

dl.List_link {
	margin-top:30px;
	/*border:1px dashed #000;*/
	background:#ede4cc;
	width:100%;
	padding:10px;
	border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
}
dl.List_link dt{
	float:left;
	width:7em;
	height:2em;
}

dl.List_link dd{
	float:left;
	margin-right:7em;
}

/*----- Form -----*/

.ThanksTxt { text-align:center; padding-bottom:3em;}
.TxtLeft { margin-bottom:20px;}

@media screen and (max-width: 768px) {
.TxtLeft { text-align:left;}
.ThanksTxt { text-align:left;}
}

/*----- Matilda -----*/

.MatildaTxt { padding-bottom:3em;
}
.TxtLeft { margin-bottom:20px;
}
.btn_Link a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.Product_R_Photo2 img {
	float: left;
	width: 24%;
	margin-right: 1%;
border:#ccc 1px solid;
}

/*----- Drawing -----*/
.Drawing { border:#ccc 1px solid; text-align:center; width:60%; display:block;}

@media screen and (max-width: 768px) {
.Drawing { width:100%;}
}

/*----- etc -----*/

/*img.Soon {
     -webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
     -o-filter: grayscale(100%);
     -ms-filter: grayscale(100%);
     filter: grayscale(100%);
}
img.Soon {
     -webkit-filter: opacity(0.6);
     -moz-filter: opacity(0.6);
     -o-filter: opacity(0.6);
     -ms-filter: opacity(0.6);
     filter: opacity(0.6);
}
*/