@charset "UTF-8";

/* =================================== */
/*
/* 	Name: lyout CSS
/*	Description: lyout Settings
/*	
/*	Create: 160829
/*
/* =================================== */


/************************************************
	      
1.container
	        
************************************************/

div#container {
	width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: relative;
	padding-bottom: 0;
}

/************************************************
	      
2.contents
	        
************************************************/

div#contents {
	width: auto;
	margin: 0 auto;
	text-align: left;
	clear: both;
	display: block;
	position: relative;
	padding-top: 0;
	overflow: hidden;
    background-image: url(../images/bg01.png);
}

.theme_contents div#contents {
    padding-top: 150px;
}



/************************************************
	      
3.header & nav
	        
************************************************/

header {
	background-color:#fff;
	width:100%;
	z-index:5001;
	min-width:1000px;
}

.cover_wrap header {
	position: absolute;
	bottom:0;
}

.theme_contents header {
	position: fixed;
	top:0;
	bottom: auto !important;
}

div#header {
	clear: both;
	margin: 0 auto;
	text-align: left;
	width: 100%;
	border-bottom:1px solid #ccc;
	
}

header.scroll {
	position: fixed;
	top:0;
	bottom: auto !important;
}


#product-logo {
	float: left;
	margin-left: 0 !important;
	width: 250px;
	margin-bottom: 0;
	padding-top: 20px;
}

#product-logo img {
}
div.navbox {
	margin: 0 auto;
	border-bottom: 1px solid #A8A8A8;
}

header.scroll div.navbox {
	max-width: none;
	width:100%;
	margin: 0 auto;
}
ul.nav {
	position: relative;
	padding: 0px;
	height: 80px;
	float:left;
	z-index:502;
}

ul.nav li {
	font-size: 14px;
	height: 80px;
	display: block;
	margin: 0;
	padding: 0px;
	list-style-type: none;
	float: left;
	z-index: 70;
}

ul.nav li a {
	white-space:nowrap;
	text-decoration: none;
	display: block;
	height:80px;
	line-height:80px;
	text-align:center;
	color:#333C3C;
	padding:0 20px;
	font-family: 'Noto Serif JP','ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
	font-weight:600;
}

ul.nav li a:link { color: #333333; text-decoration: none;	outline: 0;}
ul.nav li a:visited { color: #333333; text-decoration: none;}
ul.nav li a:hover { color:#888888; text-decoration:none;}
ul.nav li a:active { color:#888888; text-decoration:none; }
ul.nav li a.current { color:#888888; text-decoration:none; }
ul.nav li a.parent { color:#888888; text-decoration:none; }
ul.nav li.li_home a.parent { color: #333333; text-decoration: none;}

.nav-container {
	position: fixed;
	z-index: 5002;
	top: 50%;
	right: 35px;
	margin-top: -74px;
}

.nav-container li {
	margin-bottom:12px;
}

.nav-container li a {
  display: block;
  background-color:rgb(204,204,204);
width:15px;
height:15px;
-webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;

}

.nav-container li a:hover {
	background-color:#D10F1D;
}

.nav-container li.current a {
background-color:#D10F1D;
}
@media only screen and (max-width: 480px) {/*スマフォ・タブレット用*/
.nav-container  {
	display:none;
	}
}

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

4: Footer 

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

/*
 foot [
----------------------------------------------------------- */

/* #footer  ================ */

.totop {
	padding:40px 0;
	margin-bottom:0;
	text-align:center;
}


footer {
	clear: both;
	margin: 0 auto;
	padding: 40px 20px;
	background-color: #333333;
	position: relative;
	text-align:left;
	color:#fff;
}

div#footer {
	max-width:1140px;
	margin: 0 auto;
	position:relative;
}

div#footer p {
	font-size:12px;
	text-align:center;
}

.footer-copy {
	margin:0;
	padding: 0;
	line-height:1.6;
	font-size:12px;
}

/* =================================== */
/*
/* 	Name: Object CSS
/*	Description: Object Settings
/*	
/*	Create: 160711
/*
/*	1:Component - .c-*
/*	2:Project - .p-*
/*	3:Utility - .u-*
/*
/*
/* =================================== */

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

1: Component

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

/* heading
------------------------------------------ */

h1, h2, h3, h4, h5, h6 {
	padding: 0;
	font-size: 12px;
	clear: both;
	margin: 0;
	font-weight:normal;
}

.ttlXl { /* 基本h2に適用 */
	font-size: 56px;
	margin-bottom: 15px;
	line-height: 1.3;
	text-align: center;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
}

.ttlL { /* 基本h3に適用 */
	font-size: 30px;
	margin-bottom: 10px;
	line-height:1.3;
	text-align:center;
	font-weight:bold;
	font-family: 'Noto Serif JP','ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
	
}

.ttlM {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 20px;
    font-family: 'Noto Serif JP','ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
}

.ttlS {
	font-size: 20px;
	font-weight: bold;
	line-height:1.6;
	margin-bottom:20px;
}

.ttl-laed {
	font-size:18px;
	text-align:center;
	position:relative;
	margin-bottom:20px;
}

.ttl-min {
	font-family: 'Noto Serif JP','ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
}

.ttlL-en {
	font-size: 40px;
	margin-bottom: 10px;
	line-height: 1.4;
	text-align: center;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
}

.ttlL-request {
	font-size: 30px;
	margin-bottom: 20px;
	line-height: 1.4;
	text-align: center;
	font-weight: bold;
	color:#fff;
}

/* button
------------------------------------------ */

/* button
------------------------------------------ */

.btn {
  position: relative;
  overflow: hidden;
  display: block;
  height: 50px;
  transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  letter-spacing:0;
}

.btn > * {
  height: 50px;
  line-height: 46px;
  color: #fff !important;
  display: block;
  text-align: center;
  text-decoration: none;
  position: relative;
  border: 2px solid #fff;
  box-sizing: border-box;
  font-size: 14px;
border-radius:50px;
border-style:solid;
letter-spacing:0;

}

.btn > *:before {
  content: "";
  display: block;
}

.btn > *:after {
  content: "";
  display: block;
}

.btn > *:before,
.btn > *:after {
  position: absolute;
  width: 0;
  height: 0;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  -ms-transition-delay: 0.1s;
  opacity: 0;
}

.btn.black > * {
  color: #222222 !important;
  border: 2px solid #222222;
  background-color:#fff;
  font-weight:700;
}


.btn.red > * {
  color: #fff !important;
  border: 2px solid #D6006C;
  background-color:#D6006C;
  font-weight:700;
}
.btn.red:hover > * {
	background-color:#fff;
  border-color: #95004B;
  color:#95004B !important;
}

.btn.arrow:after {
  content: "";
  display: block;
}

.btn.arrow:after {
	position: absolute;
	width: 8px;
	height: 14px;
	background: url("../images/common/cursol_to-right_wh.png") no-repeat left center; 
	background-size: 9px 14px;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 20px;
}

.btn.arrow.black:after {
	background: url("../images/common/cursol_to-right_green.png") no-repeat left center; 
	background-size: 9px 14px;
}


.btn.center {
  margin-left: auto;
  margin-right: auto;
}

.btn:hover > * {
  border-color: transparent;
}

.btn.black:hover > * {
	background-color:#222222;
  border-color: #222222;
  color:#fff !important;
}

.btn.arrow.black:hover:after {
	background: url("../images/common/cursol_to-right_wh.png")  no-repeat left center;
	background-size: 9px 14px;
}

.btn.arrow.green:hover:after {
	background: url("../images/common/cursol_to-right_green.png")  no-repeat left center;
	background-size: 9px 14px;
}

.btn.arrow:hover:after {
  -webkit-animation: movebtnArrow 400ms ease;
  -moz-animation: movebtnArrow 400ms ease;
  -ms-animation: movebtnArrow 400ms ease;
}

.btn.arrow.reverse:hover:after {
  -webkit-animation: movebtnArrowReverse 400ms ease;
  -moz-animation: movebtnArrowReverse 400ms ease;
  -ms-animation: movebtnArrowReverse 400ms ease;
}

@-webkit-keyframes movebtnArrow {
  from {
    opacity: 0;
    right: 30px;
  }
  to {
    opacity: 1;
    right: 20px;
  }
}

@-moz-keyframes movebtnArrow {
  from {
    opacity: 0;
    right: 30px;
  }
  to {
    opacity: 1;
    right: 20px;
  }
}

@-ms-keyframes movebtnArrow {
  from {
    opacity: 0;
    right: 30px;
  }
  to {
    opacity: 1;
    right: 20px;
  }
}

@-webkit-keyframes movebtnArrowReverse {
  from {
    opacity: 0;
    left: 30px;
  }
  to {
    opacity: 1;
    left: 20px;
  }
}

@-moz-keyframes movebtnArrowReverse {
  from {
    opacity: 0;
    left: 30px;
  }
  to {
    opacity: 1;
    left: 20px;
  }
}

@-ms-keyframes movebtnArrowReverse {
  from {
    opacity: 0;
    left: 30px;
  }
  to {
    opacity: 1;
    left: 20px;
  }
}


/*
 list_glid
----------------------------------------------------------- */

.list_glid {
	display:table;
	table-layout:fixed;
}

.list_glid li {
	display:table-cell;
	padding-right:10px;
	vertical-align:top;
	text-align:center;
}

.list_glid li:last-child {
	padding-right:0;
}

.list_glid li img {
	max-width: 100%;
	height:auto;
}

.list_glid li span {
	display:block;
	text-align:center;
	font-size:12px;
	padding-top:6px;
}

/* accordion
------------------------------------------ */

dl.c-accordion {
	height:auto;
}

.section-anshin_ouchi dl.c-accordion {
	margin: 10px 20px; 
}

dl.c-accordion dt {
	min-height: 44px;
	height: auto !important;
	cursor: pointer;
	margin: 1px 0 0 0;
	line-height: 1.6;
	display: block;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-image: url(../images/ico_plus.png);
	background-repeat: no-repeat;
	background-position: right center;
	font-weight: bold;
	background-color: #222222;
}

dl.c-accordion dt span {
	font-size: 16px;
	text-decoration: none;
	display: block;
	color: #fff;
	font-weight: bold;
	padding: 10px 50px 10px 20px;
	line-height:1.6;
}

dl.c-accordion dt.hovered {
	display: block;
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

dl.c-accordion dt.active {
	background-image: url(../images/ico_minus.png);
	background-repeat: no-repeat;
	background-position: right center;
}

dl.c-accordion dd {
	display: block;
}

dl.c-accordion dd p,
dl.c-accordion dd li {
	line-height:2;
}

dl.c-accordion dd div.inbox {
	display: block;
	padding: 30px;
	font-size: 14px;
}
dl.c-accordion dd div.inbox th,
dl.c-accordion dd div.inbox td {
	font-size: 14px;
	padding-left:0;
}

/*
 list ul ol 
----------------------------------------------------------- */
ul.c-listnomal {
    margin-left: 20px;
}

ul.c-listnomal li {
	list-style-type: disc !important;
	margin-bottom:6px;
}

ul.c-listnomal li:last-child {
	margin-bottom:0;
	border-bottom:none;
}

ol.c-listnomal li {
	list-style-type: decimal !important;
}

ul.c-listnomal li.u-leftline-bk {
	list-style-type: none !important;
	margin-bottom:20px;
	padding-bottom:20px;
	padding-left: 70px;
    text-indent: -70px;
	font-size:18px;
	letter-spacing: 0.05em;
}

/*
 list_ib
----------------------------------------------------------- */

.list_ib {
	text-align: left;
	margin-bottom:15px;
}

.list_ib li {
	display: inline-block;
	padding:0 5px;
	vertical-align:top;
}

/*
 list_ibc
----------------------------------------------------------- */

.list_ibc {
	text-align: center;
	margin-bottom:15px;
}

.list_ibc li {
	display: inline-block;
	padding:0 10px;
	vertical-align:top;
}

.list_ibc li span {
	display: block;
	padding:0 0 10px;
}
.list_ibc li span img {
	max-width:100%;
	height:auto;
}

/*
 glid [
----------------------------------------------------------- */

.c-glid {
	clear: both;
	display: block;
	margin-top: 0;
	margin-right: -50px;
	margin-left: 0;
	margin-bottom: 0;
	position:relative;
	/zoom: 1;/* for IE6,7 */
}

.section-col05 .c-glid {
    clear: both;
    display: table;
    table-layout: fixed;
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 0;
    position: relative;
}


.c-glid__item--12 {
  width: 100%;
}
.c-glid__item--11 {
  width: 91.66666667%;
}
.c-glid__item--10 {
  width: 83.33333333%;
}
.c-glid__item--9 {
  width: 75%;
}
.c-glid__item--8 {
  width: 66.66666667%;
}
.c-glid__item--7 {
  width: 58.33333333%;
}
.c-glid__item--6 {
  width: 50%;
}
.c-glid__item--5 {
  width: 41.66666667%;
}
.c-glid__item--4 {
  width: 33.33333333%;
}
.c-glid__item--3 {
  width: 25%;
}
.c-glid__item--2 {
  width: 16.66666667%;
}
.c-glid__item--1 {
  width: 8.33333333%;
}

.c-glid__item--12,.c-glid__item--11,.c-glid__item--10,.c-glid__item--9,.c-glid__item--8,.c-glid__item--7,.c-glid__item--6,.c-glid__item--5,.c-glid__item--4,.c-glid__item--3,.c-glid__item--2,.c-glid__item--1 {
	min-height: 1px;
	margin-top: 0;
	padding-right: 50px;
	margin-left: 0;
	margin-bottom: 0;
	position: relative;
	float: left;
	display: inline;  /* IE6 fix */
}

.c-glid__item--12 img,.c-glid__item--11 img,.c-glid__item--10 img,.c-glid__item--9 img,.c-glid__item--8 img,.c-glid__item--7 img,.c-glid__item--6 img,.c-glid__item--5 img,.c-glid__item--4 img,.c-glid__item--3 img,.c-glid__item--2_5 img,.c-glid__item--2 img,.c-glid__item--1 img {
	max-width:100%;
	height:auto;
}

/*
 c-pointbox
----------------------------------------------------------- */

.c-pointbox {
	background-color:#fff;
	padding:30px 30px 30px 40px;
	text-align:left;
	position: relative;
	margin-bottom:0;
	content:"";
}

.c-pointbox:before {
    border-bottom: 6px solid #531E8A;
    width: 40px;
    position: absolute;
    left: -20px;
    top: 40px;
}

.c-pointbox p {
	margin-bottom:10px;
}

.c-pointbox p:last-child {
	margin-bottom:0;
}

.c-pointbox h3 {
	font-weight:bold;
}


/*
 list_glid
----------------------------------------------------------- */

.list_glid {
	display:table;
	table-layout:fixed;
	width: 100%;
}

.list_glid li {
	display:table-cell;
	padding-right:10px;
	vertical-align:top;
	width:50%;
	text-align:center;
}

.list_glid li:last-child {
	padding-right:0;
}

.list_glid li img {
	max-width: 100%;
	height:auto;
}

.list_glid li span {
	display:block;
	text-align:center;
	font-size:12px;
	padding-top:6px;
}

/*
 c-blk
----------------------------------------------------------- */

.c-blk {
	background-color: #EEEEEE;
-webkit-transition: opacity 0.3s ease;
-webkit-transition-delay: 0s;
-moz-transition: opacity 0.3s ease 0s;
-o-transition: opacity 0.3s ease 0s;
transition: opacity 0.3s ease 0s;
	display: block;
	padding: 20px 20px;
}

.c-blk dl {
	font-size:14px;
	line-height:1.8;
}
.c-blk dt{     
  padding-bottom : 10px;
  width : 150px;
  float : left;
  clear : both;
}
 
.c-blk dd{    
  padding-right : 10px;
  padding-bottom : 10px;
/* dtの幅分の設定 */
  margin-left : 160px;
}

/*
 tableoutline [
----------------------------------------------------------- */

/*
 tableoutline [
----------------------------------------------------------- */

table.tableoutline {
	width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}

table.tableoutline thead tr {
	margin: 0px;
	padding: 0px;
}

table.tableoutline thead td {
	color: #FFF;
	padding: 10px;
	margin: 1px;
	background-color: #666;
	font-weight: bold;
}

table.tableoutline thead th {
	background-image: none;
	margin: 0px;
	font-weight: bold;
	white-space: nowrap;
	color: #FFF;
	text-align:left;
	background-color: #EA5098;
	padding: 10px;
}

table.tableoutline tbody tr {
	margin: 0px;
	padding: 0px;
}

table.tableoutline tbody tr.odd {
}

table.tableoutline tbody tr.even {
	background-color: #fff;
}

table.tableoutline tbody td {
	padding: 3px 10px;
	margin: 0px;
	vertical-align: top;
	text-align: left;
	font-size:16px;
}

table.tableoutline tbody th {
	background-image: none;
	margin: 0px;
	text-align: left;
	vertical-align: top;
	padding: 3px 10px;
	font-weight: bold;
	font-size:16px;
	white-space: nowrap;
	    width: 80px;
}

table.tableoutline tfoot tr {
	margin: 0px;
	padding: 0px;
}

table.tableoutline tfoot td {
	color: #FFF;
	padding: 10px;
	margin: 1px;
}

table.tableoutline tfoot th {
	background-image: none;
	margin: 0px;
	font-weight: bold;
	vertical-align: top;
	white-space: nowrap;
	color: #FFF;
	background-color: #424C50;
	padding: 10px;
}

table p {
	margin-top: 10px;
	font-size: 100%;
	margin-bottom: 0px;
	line-height:36px;
	vertical-align: baseline;
}

table .taC {
	text-align: center;
	display: table-cell;
}

table .taR {
	display: table-cell;
	text-align: right;
	clear: none;
}

table .even {
	background-color: #F9F9F9;
}

table.tableoutline.formbox th {
	width:20%;
}

/*
 form [
----------------------------------------------------------- */

form {
	display:block;
	margin:0 auto;
}

.ico-req {	
color:#F15253;
font-weight:bold;
font-size:16px;
border-bottom: none;
} 

abbr.ico-req {
	color:#fff;
font-weight:bold;
font-size:12px;
border-bottom: none !important;
background-color:#E95413;
padding:3px 8px;
margin-right:10px;
} 

table.tableoutline input[type="text"] {
	padding:0 10px;
	height:36px;
	line-height:36px;
	font-size:16px;
	outline: 0;
	border-radius: 3px;
	border: 1px solid #ccc;
}

.attention { 
margin: .5em 0 0;
display: block;
color: #F15253;
}

table.tableoutline label {
	padding-right:8px;
}

table.tableoutline select {
	padding:0 0 0 10px;
	height:36px;
	line-height:36px;
	font-size:16px;
	outline: 0;
	border: 1px solid #ccc;
}

/* IE8 */
html>/**/body table.tableoutline select {
	padding /*\**/: 0 0 0 10px \9;
	height /*\**/:auto \9;
	line-height /*\**/:1.6 \9;
	font-size /*\**/:16px \9;
	outline /*\**/: 0 \9;
	border /*\**/: 1px solid #ccc \9;
}

table.tableoutline input[type="text"],
table.tableoutline input[type="password"] {
	padding:0 10px;
	height:36px;
	line-height:36px;
	font-size:16px;
	outline: 0;
	border-radius: 3px;
	border: 1px solid #ccc;
}

input[type=radio],
input[type=checkbox] {
    display: inline-block;
    margin-right: 6px;
}
input[type=radio] + label,
input[type=checkbox] + label {
    position: relative;
    display: inline-block;
    margin-right: 12px;
    font-size: 16px;
    line-height: 30px;
    cursor: pointer;
}
 
@media (min-width: 1px) {
    input[type=radio],
    input[type=checkbox] {
        display: none;
        margin: 0;
    }
    input[type=radio] + label,
    input[type=checkbox] + label {
        padding: 0 0 0 24px;
    }
    input[type=radio] + label::before  {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 18px;
        height: 18px;
        margin-top: -9px;
        background: #FFF;
    }
    input[type=checkbox] + label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 18px;
        height: 18px;
        margin-top: -9px;
        background: #FFF;
    }
    input[type=radio] + label::before {
        border: 1px solid #ddd;
        border-radius: 30px;
    }
    input[type=checkbox] + label::before {
        border: 1px solid #ddd;
    }
    input[type=radio]:checked  + label::before {
        border: 1px solid #EE86A1;
    }
    input[type=checkbox]:checked  + label::before {
        border: 1px solid #EE86A1;
    }
    input[type=radio]:checked + label::after,
    input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;  
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    input[type=radio]:checked + label::after {
        left: 5px;
        width: 8px;
        height: 8px;
        margin-top: -4px;
        background: #EE86A1;
        border-radius: 8px;
    }
    input[type=checkbox]:checked + label::after {
        left: 3px;
        width: 16px;
        height: 8px;
        margin-top: -8px;
        border-left: 3px solid #EE86A1;
        border-bottom: 3px solid #EE86A1;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}

table.tableoutline textarea {
	padding: 15px;
	width: 400px;
	height: 200px;
	border: 1px solid #dcdcdc;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

table .attention {
    margin: .5em 0 0;
    display: block;
    color: #E95413;
}


.attenstion {
    padding: 6px 6px;
    line-height: 1.4;
    font-size: 18px;
    text-align: center;
    display: inline-block;
    color: #fff;
    background-color: #E95413;
    vertical-align: middle;
}


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

2:Project

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

/* index
------------------------------------------ */

div#loader {
    width: 100%;
    height: 100%;
    position: fixed;
    display: table;
	z-index: 9999999;
	opacity:0;
}

.loader_ico {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	position: relative;
	background-image: url(../images/kv_logo.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 200px 200px;	
}

div#fade {
	width: 100%;
	height: 100%;
	position: absolute;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0;
	display: block;
	z-index: 5000;
	background-color: #222222;
}

div#fade2 {
	width: 100%;
	height: 100%;
	position: absolute;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0;
	display: block;
	z-index: 5003;
	background-color: #222222;
}

/*
 cover [
----------------------------------------------------------- */
.cover_wrap {
	width: 100%;
	overflow: hidden;
	position: relative;
	max-height: 1000px !important;
	min-height: 600px !important;
	height:100%;
/*	background-image: url(../images/kv.jpg);
	background-size: cover;*/
}

.cover {
	text-align: left;
	clear: both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0;
	position: relative;
	overflow: hidden;
	z-index: 5001;
	width: 100%;
	display: table;
	max-height: 1000px !important;
	min-height: 600px !important;
	height:100%;
	background-color:rgba(0,0,0,0.2);

}

#logo {
	position:absolute;
	right:25px;
	top:25px;
	margin-bottom:0;
	z-index:5002;
}

.cover .cover__valign {
  display: table-cell;
  vertical-align: middle;
  width:100%;
position: relative;
padding-bottom:80px;
overflow:hidden;
}

.kv_left {
	text-align: center;
	padding: 0 6% 0 6%;
}

.kv_left img {
	max-width:100%;
	height:auto;
}

.cover .cover__valign p {
	margin-bottom:0;
}

.cover .cover__valign .kv_logo {
	font-weight: bold;
	font-size:14px;
	line-height:1.5;
	margin-bottom:0;
	position:relative;
	font-family: 'Poppins', sans-serif;
	color:#fff;
	font-weight:700;
}

.cover .cover__valign .kv_logo span {
	font-weight:400;
}

.cover .cover__valign h2 {
	font-weight: bold;
	font-size:22px;
	line-height:1;
	margin-bottom:0;
	position:relative;
}

.copy02 {
	position:relative;
	display:block;
}

.copy01 {
	position:relative;
	display:block;
}

.cover .cover__valign h1 {
	margin-bottom:10px;
	position:relative;
}

.copy-fade {
	background-color: #eee;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
	width: 100%;
	height: 100%;
}

.cover .cover__valign p span {
	color:#fff;
	position:relative;
}

#kv-title {
	position:absolute;
	left: 30px;
    top: 30px;
	margin-bottom:0;
	z-index:5002;
	text-align: left;
}

#kv-title * {
	font-size:15px;
	color:#fff;
	line-height:1.8;
}

#kv-title li {
    padding: 0 0 0 0;
    vertical-align: top;
	font-family: 'Poppins', sans-serif;
	font-weight:700;
}

#kv-title li span {
	font-weight:400;
}

#kv-bnr {
	position:absolute;
	right: 30px;
    top: 30px;
	margin-bottom:0;
	z-index:5002;
	text-align: left;
}

#kv-bnr * {
	font-size:14px;
	color:#222;
	font-weight:bold;
}

.cl {
    padding: 4px 10px 4px 10px;
    background-color: #fff !important;
    display: inline-block;
    line-height: 1.3;
}

.cl_red {
padding: 4px;
    border: 1px solid #D6006C;
    background-color: #D6006C;
    display: inline-block;
    line-height: 1;
    color: #fff;
    font-size: 12px;
    border-radius: 6px;
    margin-right: 10px;
}
.mega_txt .cl_red {
    vertical-align: super;
}

.cl_bk {
    padding: 6px 20px 6px 20px;
	border:1px solid #000000;
    display: inline-block;
    line-height: 1.3;
	color:#000000;
}

#kv-date{
	position:absolute;
	left: 30px;
    bottom: 110px;
	margin-bottom:0;
	z-index:5002;
	text-align: left;
}

.bg-dot {
    background: url(../images/bg_dot.png) repeat center;
    z-index: 2;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: transform .6s ease, opacity .6s ease;
    -moz-transition: transform .6s ease, opacity .6s ease;
    transition: transform .6s ease, opacity .6s ease;
    opacity: 0.4;
}

.video {
    background-position: center center;
    background-size: cover;
    width: 100%;
    min-width: 1100px;
    max-height: 1000px !important;
	min-height: 600px !important;
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
}

video {
    display: block;
}
.bg-video {
    max-width: 100%;
    min-height: 600px;
    width: auto;
    height: auto;
}

.section-news {
	position: relative;
	padding:40px 20px 30px;
	margin:0 auto;
	background-color: #531E8A;
}

.section-news .colpd {
	max-width:1000px;
	margin:0 auto 0;
	position:relative;
}

.section-news .colpd * {
	color:#fff;
}

.c-newslist {
	padding:0;
}

.c-newslist .news_cl {
	text-align:left;
	margin-bottom:10px;
}

.c-newslist .news_cl span.day {
	font-size: 16px !important;
    float: left;
}

.c-newslist .news_cl span.news_contents {
    display: block;
    font-size: 16px !important;
    margin-left: 160px;
}
.bg-sns {
    background-color: #192350;
    background-image: url(../images/bg_texstyle.png);
}

/*
 section-col [
----------------------------------------------------------- */

.section-col01 {
	position: relative;
	padding:0 20px 70px;
	margin:0 auto;
}

.section-col01 .colpd {
	max-width:1000px;
	margin:0 auto 0;
	position:relative;
}

.section-col02 {
	position: relative;
	padding: 70px 20px;
	margin: 0 auto;
}

.section-col02 .colpd {
	margin:0 auto 0;
	position:relative;
	
}

.section-col02 .colpd-min {
max-width: 1000px;
    position: relative;
    margin: 0 auto 0;
}

.section-col03 {
	position: relative;
	padding:0 20px;
	margin:0 auto;
}

.section-col03 .colpd {
	max-width:1240px;
	margin:0 auto 0;
	position:relative;
}

.section-col04 {
	position: relative;
	padding: 70px 20px;
	margin: 0 auto;
}

.section-col04 .colpd {
	max-width:1000px;
	margin:0 auto 0;
	position:relative;
}

.section-col04 .colpd-min {
	max-width: 1000px;
	margin: 0 auto 0;
	position: relative;
}

.scedule-sec .c-glid__item--6 {
	margin-bottom:40px;
}

.section-col05 {
	position: relative;
	padding:70px 20px 0;
	overflow: hidden;
	margin:0 auto;
}

.section-col05 .colpd {
	max-width:800px;
	margin:0 auto 0;
	position:relative;
	    text-align: center;
}


.section-col06 {
	position: relative;
	padding:70px 20px;
	background-color: #531E8A;
	margin:0 auto;
}

.section-col06 * {
	color:#fff;
}

.section-col06 p,.section-col06 h3 {
	text-align:left;
}

.section-col06 .colpd {
	max-width:1240px;
	margin:0 auto 0;
	position:relative;
	text-align:center;
}
.section-col06 .colpd-min {
	max-width: 1000px;
	margin: 0 auto 0;
	position: relative;
}

.section-col07 {
	position: relative;
	padding:70px 20px 70px;
	background-color:#fff;
	margin:0 auto;
	background-image:url(../images/bg01.png);
}

.section-col07 .colpd {
	max-width:1000px;
	margin: 0 auto 0;
	position: relative;
	text-align: center;
}


.sponcer-area li {
	    text-align: left !important;
    font-size: 13px;
    margin-bottom: 10px;
}

.txt-area {
	max-width:1000px;
	margin:0 auto;
}

.interview-area .c-glid__item--6 {
	margin-bottom:30px;
}

.sns_regyu {
    border: 4px solid #222;
    background-color: #fff;
    padding: 40px;
    border-radius: 8px;
}

.sns_regyu h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
    font-family: 'Noto Serif JP','ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
}

.sns_regyu h4 {
    font-size: 18px;
    font-weight: 700;
    font-family: 'Noto Serif JP','ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
    color: #D6006C;
    border-bottom: 2px solid #111;
    padding: 0 0 10px;
    margin-bottom: 10px;
}
/*
 product-area [
----------------------------------------------------------- */


.c-gridin {
	overflow: hidden;
    position: relative;
	transition:.5s;
	background-color:#333;
    border-radius: 8px;
}

.c-img {
    margin-bottom: 0;
	 z-index: 1;
    position: relative;
	overflow:hidden;
}
.c-img img {
	width:100%;
	height:auto;
}

.ec-overlay {
	z-index: 3;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	padding: 0;
	height: 100%;
	width: 100%;
	display: block;
}

.ec-overlay-in {
	height:100%;
	width:100%;
	display:table;
	opacity:1;
}

.ec-text {
	display: table-cell;
    vertical-align: middle;
    text-align: left;
    opacity: 1;
    padding: 0 30px;
}

.ec-text * {
	color:#fff;
}

.ico_info {
	
}

.ec-overlay h3 {
	font-size:20px;
	font-weight:bold;
	line-height:1.6;
	color:#FFF;
	margin-bottom:6px;
	font-family: 'Noto Serif JP','ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
}

.cl_wh {
    padding: 4px 10px 4px 10px;
	border:1px solid #fff;
    display: inline-block;
    line-height: 1.3;
	color:#fff;
	font-size:13px;
	font-weight:bold;
}

.ec-overlay p {
	font-size:14px;
	line-height:1.6;
	font-family: 'Poppins', sans-serif;
	color:#fff;
	font-weight:700;
	margin-bottom:0px;
}

.ec-overlay h3 a,
.ec-overlay h3 a:hover {
	color:#FFF;
}

.ec-text.titletag {
	display:table-cell;
	vertical-align:middle;
	text-align:left;
	opacity:1;
}

.titletag h3 {
	display:inline-block;
	background-color:#73BE46;
	padding:6px 10px;
	font-size:16px;
	color:#FFF;
	font-weight:700;
	letter-spacing:1pt;
}

.realtime {
	position: relative;	
}

.realtime .mikoshi-icon { position: absolute; left: 0; top: 0;}
.realtime .mikoshi-icon img { display: none;}

 

.realtime .mikoshi-icon.sento { z-index: 50;
	animation: moveY 1s infinite alternate linear;
	-ms-animation: moveY 1s infinite alternate linear;
	-webkit-animation: moveY 1s infinite alternate linear;
	-moz-animation: moveY 1s infinite alternate linear;
}
.realtime .mikoshi-icon.koubi { z-index: 55; 
		animation: moveY 1s infinite alternate linear;
	-ms-animation: moveY 1s infinite alternate linear;
	-webkit-animation: moveY 1s infinite alternate linear;
	-moz-animation: moveY 1s infinite alternate linear;
}

@keyframes moveY {
0% {top:0px;}
50% {	top:-10px;}
100% {top:0px;}
}

dl.dl_schedule {
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
    border-top: 2px solid #111;
    padding: 20px 0;
}

dl.dl_schedule dt {
width: 200px;
    font-weight: 700;
    text-align: left !important;
}

dl.dl_schedule dd {
width: calc(100% - 200px);
    text-align: left !important;
}
.sns_regyu p.border {
    border-top: 2px solid #111;
    padding: 10px 0 0;
    margin-top: 10px;
        margin-bottom: 10px;
}
.dl_schedule hr {
    border: 1px dashed #ccc;
    margin: 20px 0;
}

.pc {
    display: inline-block;
}
.sp {
    display: none;
}
@media only screen and (max-width: 576px){
    .pc {
        display: none;
    }
    .sp {
        display: inline-block;
    }
}

dl.mikoshi_s {
    display: flex;
    justify-content: flex-end;
}

dl.mikoshi_s dt {
    text-align: right;
    width: calc(100% - 60px);
}

dl.mikoshi_s dd {
    margin-left: 20px;
}

dl.mikoshi_e {
    display: flex;
}

.mikoshi_e dd {
    margin-right: 20px;
}
.mikoshi_e dt {
    width: calc(100% - 60px);
}

.mikoshi_now .col-6 {
    padding: 0 40px;
}
.mikoshi_now .col-6:first-child {
    border-right:1px solid;
}
@media only screen and (max-width: 576px){
.mikoshi_now .col-6 {
    padding: 0 20px;
}
.mikoshi_now .ttlS {
    font-size: 14px !important;
}
.mikoshi_now img {
    width: 40px;
    height: auto;
}
    .mikoshi_now p.ttl-min {
    font-size: 12px;
}
}

.panel img {
}

.panel a {
    display: block;
    color: #222;
}

.panel {
    background-color: #fff;
    border-radius: 8px;
}

.panel img {
    border-radius: 8px 8px 0 0;
    width: 100%;
}

.panel .txt {
    padding: 40px 30px;
}

.panel figure {
    margin: 0;
}

.panel h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    padding-bottom: 15px;
    position: relative;
}
.panel h3:after {
    content:"";
    background-color: #222;
    display: block;
    height: 2px;
    width: 150px;
    position: absolute;
    bottom: 0;
}
.panel p {
    margin-bottom: 0;
}
.panel p:after {
    content:"";
    display: block;
    height: 50px;
    width: 50px;
    bottom: 0;
    background-image: url(/fukagawa2023_share/images/ico_cursol.svg);
    margin-top: 15px;
}

#blueray {}

/* =================================== */
/*
/* 	utility CSS
/* 	last update 160711
/*
/*	1:Utility - .u-*
/*
/*
/* =================================== */

.txt_point {
	position:relative;
}

/* font size
------------------------------------------ */
.u-tx10 { font-size: 10px    !important; } /*renders 10px */
.u-tx11 { font-size: 11px    !important; } /*renders 11px */
.u-tx12 { font-size: 12px    !important; } /*renders 12px */
.u-tx13 { font-size: 13px    !important; } /*renders 13px */
.u-tx14 { font-size: 14px    !important; } /*renders 14px */
.u-tx15 { font-size: 15px    !important; } /*renders 15px */
.u-tx16 { font-size: 16px !important; } /*renders 16px */
.u-tx17 { font-size: 17px    !important; } /*renders 17px */
.u-tx18 { font-size: 18px !important; } /*renders 18px */
.u-tx19 { font-size: 19px !important; } /*renders 19px */
.u-tx20 { font-size: 20px !important; } /*renders 20px */
.u-tx21 { font-size: 21px !important; } /*renders 21px */
.u-tx22 { font-size: 22px    !important; } /*renders 22px */
.u-tx23 { font-size: 23px    !important; } /*renders 23px */
.u-tx24 { font-size: 24px    !important; } /*renders 24px */
.u-tx25 { font-size: 25px    !important; line-height:1.3; } /*renders 25px */

/* Form
------------------------------------------ */
/* IME : For Windows IE */
.imeA { ime-mode: active; }
.imeD { ime-mode: disabled; }

/* Margin
------------------------------------------ */

/* ------ margin-top ------ */
.mt0   { margin-top:  0 !important; }
.mt1   { margin-top:  1px !important; }
.mt3   { margin-top:  3px !important; }
.mt5   { margin-top:  5px !important; }
.mt7   { margin-top:  7px !important; }
.mt10  { margin-top: 10px !important; }
.mt15  { margin-top: 15px !important; }
.mt20  { margin-top: 20px !important; }
.mt25  { margin-top: 25px !important; }
.mt30  { margin-top: 30px !important; }
.mt35  { margin-top: 35px !important; }
.mt40  { margin-top: 40px !important; }
.mt45  { margin-top: 45px !important; }
.mt50  { margin-top: 50px !important; }
.mt55  { margin-top: 55px !important; }
.mt60  { margin-top: 60px !important; }
.mt65  { margin-top: 65px !important; }
.mt70  { margin-top: 70px !important; }
.mt75  { margin-top: 75px !important; }
.mt80  { margin-top: 80px !important; }
.mt85  { margin-top: 85px !important; }
.mt90  { margin-top: 90px !important; }
.mt95  { margin-top: 95px !important; }
.mt100 { margin-top: 100px !important; }

/* ------ margin-right ------ */
.mrA   { margin-right: auto !important; }
.mr0   { margin-right:  0 !important; }
.mr1   { margin-right:  1px !important; }
.mr3   { margin-right:  3px !important; }
.mr5   { margin-right:  5px !important; }
.mr7   { margin-right:  7px !important; }
.mr8   { margin-right:  8px !important; }
.mr10  { margin-right: 10px !important; }
.mr15  { margin-right: 15px !important; }
.mr20  { margin-right: 20px !important; }
.mr25  { margin-right: 25px !important; }
.mr30  { margin-right: 30px !important; }
.mr35  { margin-right: 35px !important; }
.mr40  { margin-right: 40px !important; }
.mr45  { margin-right: 45px !important; }
.mr50  { margin-right: 50px !important; }
.mr55  { margin-right: 55px !important; }
.mr60  { margin-right: 60px !important; }
.mr65  { margin-right: 65px !important; }
.mr70  { margin-right: 70px !important; }
.mr75  { margin-right: 75px !important; }
.mr80  { margin-right: 80px !important; }
.mr85  { margin-right: 85px !important; }
.mr90  { margin-right: 90px !important; }
.mr95  { margin-right: 95px !important; }
.mr100 { margin-right: 100px !important; }

/* ------ margin-bottom ------ */
.mb0   { margin-bottom:  0 !important; }
.mb1   { margin-bottom:  1px !important; }
.mb3   { margin-bottom:  3px !important; }
.mb5   { margin-bottom:  5px !important; }
.mb7   { margin-bottom:  7px !important; }
.mb8   { margin-bottom:  8px !important; }
.mb10  {
	margin-bottom: 10px !important;
}
.mb15  { margin-bottom: 15px !important; }
.mb20  { margin-bottom: 20px !important; }
.mb25  { margin-bottom: 25px !important; }
.mb30  { margin-bottom: 30px !important; }
.mb35  { margin-bottom: 35px !important; }
.mb40  { margin-bottom: 40px !important; }
.mb45  { margin-bottom: 45px !important; }
.mb50  { margin-bottom: 50px !important; }
.mb55  { margin-bottom: 55px !important; }
.mb60  { margin-bottom: 60px !important; }
.mb65  { margin-bottom: 65px !important; }
.mb70  { margin-bottom: 70px !important; }
.mb75  { margin-bottom: 75px !important; }
.mb80  { margin-bottom: 80px !important; }
.mb85  { margin-bottom: 85px !important; }
.mb90  { margin-bottom: 90px !important; }
.mb95  { margin-bottom: 95px !important; }
.mb100 { margin-bottom: 100px !important; }
.mb170 { margin-bottom: 170px !important; }

/* ------ margin-left ------ */
.mlA   { margin-left: auto !important; }
.ml0   { margin-left:  0 !important; }
.ml1   { margin-left:  1px !important; }
.ml3   { margin-left:  3px !important; }
.ml5   { margin-left:  5px !important; }
.ml7   { margin-left:  7px !important; }
.ml10  { margin-left: 10px !important; }
.ml15  { margin-left: 15px !important; }
.ml20  { margin-left: 20px !important; }
.ml25  { margin-left: 25px !important; }
.ml30  { margin-left: 30px !important; }
.ml35  { margin-left: 35px !important; }
.ml40  { margin-left: 40px !important; }
.ml45  { margin-left: 45px !important; }
.ml50  { margin-left: 50px !important; }
.ml55  { margin-left: 55px !important; }
.ml60  { margin-left: 60px !important; }
.ml65  { margin-left: 65px !important; }
.ml70  { margin-left: 70px !important; }
.ml75  { margin-left: 75px !important; }
.ml80  { margin-left: 80px !important; }
.ml85  { margin-left: 85px !important; }
.ml90  { margin-left: 90px !important; }
.ml95  { margin-left: 95px !important; }
.ml100 { margin-left: 100px !important; }

/* padding
------------------------------------------ */

.pa10 { padding:10px !important}
.pa20 { padding:20px !important}
.pa30 { padding:30px !important}
.pa40 { padding:40px !important}
.pa50 { padding:50px !important}

/* ------ padding-top ------ */
.p0    { padding: 0 !important; }
.pt0   { padding-top:  0 !important; }
.pt1   { padding-top:  1px !important; }
.pt4   { padding-top:  4px !important; }
.pt3   { padding-top:  3px !important; }
.pt5   { padding-top:  5px !important; }
.pt7   { padding-top:  7px !important; }
.pt10  { padding-top: 10px !important; }
.pt15  { padding-top: 15px !important; }
.pt20  { padding-top: 20px !important; }
.pt25  { padding-top: 25px !important; }
.pt30  { padding-top: 30px !important; }
.pt35  { padding-top: 35px !important; }
.pt40  { padding-top: 40px !important; }
.pt45  { padding-top: 45px !important; }
.pt50  { padding-top: 50px !important; }
.pt55  { padding-top: 55px !important; }
.pt60  { padding-top: 60px !important; }
.pt65  { padding-top: 65px !important; }
.pt70  { padding-top: 70px !important; }
.pt75  { padding-top: 75px !important; }
.pt80  { padding-top: 80px !important; }
.pt85  { padding-top: 85px !important; }
.pt90  { padding-top: 90px !important; }
.pt95  { padding-top: 95px !important; }
.pt100 { padding-top: 100px !important; }

/* ------ padding-right ------ */
.pr0   { padding-right:  0 !important; }
.pr1   { padding-right:  1px !important; }
.pr3   { padding-right:  3px !important; }
.pr5   { padding-right:  5px !important; }
.pr7   { padding-right:  7px !important; }
.pr10  { padding-right: 10px !important; }
.pr15  { padding-right: 15px !important; }
.pr20  { padding-right: 20px !important; }
.pr25  { padding-right: 25px !important; }
.pr30  { padding-right: 30px !important; }
.pr35  { padding-right: 35px !important; }
.pr40  { padding-right: 40px !important; }
.pr45  { padding-right: 45px !important; }
.pr50  { padding-right: 50px !important; }
.pr55  { padding-right: 55px !important; }
.pr60  { padding-right: 60px !important; }
.pr65  { padding-right: 65px !important; }
.pr70  { padding-right: 70px !important; }
.pr75  { padding-right: 75px !important; }
.pr80  { padding-right: 80px !important; }
.pr85  { padding-right: 85px !important; }
.pr90  { padding-right: 90px !important; }
.pr95  { padding-right: 95px !important; }
.pr100 { padding-right: 100px !important; }

/* ------ padding-bottom ------ */
.pb0   { padding-bottom:  0 !important; }
.pb1   { padding-bottom:  1px !important; }
.pb3   { padding-bottom:  3px !important; }
.pb5   { padding-bottom:  5px !important; }
.pb7   { padding-bottom:  7px !important; }
.pb10  { padding-bottom: 10px !important; }
.pb15  { padding-bottom: 15px !important; }
.pb20  { padding-bottom: 20px !important; }
.pb25  { padding-bottom: 25px !important; }
.pb30  { padding-bottom: 30px !important; }
.pb35  { padding-bottom: 35px !important; }
.pb40  { padding-bottom: 40px !important; }
.pb45  { padding-bottom: 45px !important; }
.pb50  { padding-bottom: 50px !important; }
.pb55  { padding-bottom: 55px !important; }
.pb60  { padding-bottom: 60px !important; }
.pb65  { padding-bottom: 65px !important; }
.pb70  { padding-bottom: 70px !important; }
.pb75  { padding-bottom: 75px !important; }
.pb80  { padding-bottom: 80px !important; }
.pb85  { padding-bottom: 85px !important; }
.pb90  { padding-bottom: 90px !important; }
.pb95  { padding-bottom: 95px !important; }
.pb100 { padding-bottom: 100px !important; }

/* ------ padding-left ------ */
.pl0   { padding-left:  0 !important; }
.pl1   { padding-left:  1px !important; }
.pl3   { padding-left:  3px !important; }
.pl5   { padding-left:  5px !important; }
.pl7   { padding-left:  7px !important; }
.pl8   { padding-left:  8px !important; }
.pl10  { padding-left: 10px !important; }
.pl15  { padding-left: 15px !important; }
.pl20  { padding-left: 20px !important; }
.pl25  { padding-left: 25px !important; }
.pl30  { padding-left: 30px !important; }
.pl35  { padding-left: 35px !important; }
.pl40  { padding-left: 40px !important; }
.pl45  { padding-left: 45px !important; }
.pl50  { padding-left: 50px !important; }
.pl55  { padding-left: 55px !important; }
.pl60  { padding-left: 60px !important; }
.pl65  { padding-left: 65px !important; }
.pl70  { padding-left: 70px !important; }
.pl75  { padding-left: 75px !important; }
.pl80  { padding-left: 80px !important; }
.pl85  { padding-left: 85px !important; }
.pl90  { padding-left: 90px !important; }
.pl95  { padding-left: 95px !important; }
.pl100 { padding-left: 100px !important; }

/* line-height
------------------------------------------ */
.lh0   { line-height: 0    !important; }
.lh10  { line-height: 1.0  !important; }
.lh11  { line-height: 1.1  !important; }
.lh12  { line-height: 1.2  !important; }
.lh13  { line-height: 1.3  !important; }
.lh14  { line-height: 1.4  !important; }
.lh15  { line-height: 1.5  !important; }
.lh16  { line-height: 1.6  !important; }
.lh17  { line-height: 1.7  !important; }
.lh175 { line-height: 1.75 !important; }
.lh18  { line-height: 1.8  !important; }
.lh19  { line-height: 1.9  !important; }
.lh20  { line-height: 2.0  !important; }

/* font-weight
------------------------------------------ */
.fwB	{ font-weight:bold !important; }
.fwN	{ font-weight:normal !important; }

/* 固定font size
------------------------------------------ */
.fs10	{ font-size:10px; }
.fs12	{ font-size: 12px; line-height: 160%;}
.fs14	{ font-size: 14px;}
.fs30	{ font-size: 30px; font-weight:normal; line-height:140%;}
.fs44	{ font-size: 44px; font-weight:normal; line-height:140%;}
.fs60	{ font-size: 60px; font-weight:normal; line-height:140%;}

/* display
------------------------------------------ */
.dsB {	display:block;}

/* font color
------------------------------------------ */
.fcO { color:#D6006C !important; }
.fcW { color:#fff !important; }

/* BG color
------------------------------------------ */
.bg_wh { background-color:#fff !important; }
.bg_gr { background-color:#EEEEEE !important; }

/* font decoration
------------------------------------------ */
.fdU	{ text-decoration:underline; }

/* indent
------------------------------------------ */
.indent1	{ padding-left:1em; text-indent:-1em; }
.indent2	{ padding-left:0.5em; text-indent:-0.5em; }
.indent3	{ padding-left:2.2em; text-indent:-2.2em; }

/* letter-spacing
------------------------------------------ */
.ls1	{ letter-spacing:1px; }

/* text-align
------------------------------------------ */
.taL	{ text-align:left !important; }
.taC	{ text-align:center !important; }
.taR	{ text-align:right !important; }

/* vertical-align
------------------------------------------ */
.vaT	{ vertical-align:top !important; }
.vaM	{ vertical-align:middle !important; }
.vaB	{ vertical-align:bottom !important; }

/* float
------------------------------------------ */
.flL	{ float:left; }
.flR	{ float:right; }

/* border
------------------------------------------ */
.lineS {border-top: solid 1px #ccc;	padding-top: 15px;}
.lineD { border-bottom: solid 1px #ccc; padding-bottom:10px; }
.line2D { border-bottom: solid 1px #ccc; padding-bottom:20px; }
.line3D { border-bottom: solid 1px #ccc; padding-bottom:30px; }

/* overflow
------------------------------------------ */
.ofH { overflow:hidden; }

/* clear
------------------------------------------ */
.clear { line-height: 1; clear: both;}
.clearboth { clear: both;}

/* inline block
------------------------------------------ */
.iBlk { display: -moz-inline-box; display: inline-block; }

/* nowrap
------------------------------------------ */
.nwrp	{ white-space:nowrap; }
.wba {word-break: break-all;}


/* smt
------------------------------------------ */
.smt-on { /* スマートフォンのみ表示 */
	display:none !important;}

.responsive img {	width:100%;	height:auto;}




/* width
------------------------------------------ */
.w80 { width: 80px !important; }
.w100 { width: 100px !important; }
.w110 { width: 110px !important; }
.w120 { width: 120px !important; }
.w125 { width: 125px !important; }
.w130 { width: 130px !important; }
.w140 { width: 140px !important; }
.w150 { width: 150px !important; }
.w180 { width: 180px !important; }
.w190 { width: 190px !important; }
.w200 { width: 200px !important; }
.w210 { width: 210px !important; }
.w240 { width: 240px !important; }
.w220 { width: 220px !important; }
.w225 { width: 225px !important; }
.w230 { width: 230px !important; }
.w240 { width: 240px !important; }
.w245 { width: 245px !important; }
.w246 { width: 246px !important; }
.w260 { width: 260px !important; }
.w270 { width: 270px !important; }
.w280 { width: 280px !important; }
.w290 { width: 290px !important; }
.w295 { width: 295px !important; }
.w300 { width: 300px !important; }
.w320 { width: 320px !important; }
.w315 { width: 315px !important; }
.w330 { width: 330px !important; }
.w340 { width: 340px !important; }
.w345 { width: 345px !important; }
.w350 { width: 350px !important; }
.w360 { width: 360px !important; }
.w370 { width: 370px !important; }
.w390 { width: 390px !important; }
.w400 { width: 400px !important; }
.w410 { width: 410px !important; }
.w430 { width: 430px !important; }
.w440 { width: 440px !important; }
.w450 { width: 450px !important; }
.w460 { width: 460px !important; }
.w470 { width: 470px !important; }
.w480 { width: 480px !important; }
.w500 { width: 500px !important; } 
.w520 { width: 520px !important; } 
.w530 { width: 530px !important; } 
.w542 { width: 542px !important; } 
.w550 { width: 550px !important; } 
.w560 { width: 560px !important; }
.w590 { width: 590px !important; }
.w600 { width: 600px !important; }
.w640 { width: 640px !important; }
.w675 { width: 675px !important; }
.w680 { width: 680px !important; }
.w780 { width: 780px !important; }
.w730 { width: 730px !important; }
.w820 { width: 820px !important; }


.mw500 { max-width:450px;}
/*
 clearfix [
----------------------------------------------------------- */
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

body div:before,
body p:before,
body ul:before,
body dl:before,
body ul .news_cl:before,
body div:after,
body p:after,
body ul:after,
body dl:after,
body ul .news_cl:after
{
    content:"";
    display:table;
}

body div:after,
body p:after,
body ul:after,
body dl:after,
body ul .news_cl:after
{
    clear:both; 
}