@charset "UTF-8";

/* ----------------------------------------------------------------
SLICK
----------------------------------------------------------------- */
/* Slider */
.slick-slider
{
position: relative;

display: block;
box-sizing: border-box;

-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}

.slick-list
{
position: relative;

display: block;
overflow: hidden;

margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}

.slick-track
{
position: relative;
top: 0;
left: 0;

display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;

content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}

.slick-slide
{
display: none;
float: left;

height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;

height: auto;

border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}




/* Slider */
.slick-loading .slick-list
{
/*background: #fff url('ajax-loader.gif') center center no-repeat;*/
}

/* Arrows */
.slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;

position: absolute;
top: auto;
bottom:-30px;
display: block;

width: 10px;
padding: 0;

cursor: pointer;

color: transparent;
border: none;
outline: none;
background: transparent;
z-index: 2;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
left: 15px;
}
[dir='rtl'] .slick-prev
{
right: 0;
left: auto;
}
.slick-prev:before
{
content: '';
}
[dir='rtl'] .slick-prev:before
{
content: '';
}

.slick-next
{
right: 15px;
}

[dir='rtl'] .slick-next
{
right: auto;
left: 0;
}
.slick-next:before
{
content: '';
}
[dir='rtl'] .slick-next:before
{
content: '';
}

/* Dots */
.slick-dotted.slick-slider
{
margin-bottom: 30px;
}

.slick-dots
{
position: absolute;
bottom: -28px;

display: block;

width: 100%;
padding: 0;
margin: 0;

list-style: none;

text-align: center;
z-index: 1;
}
.slick-dots li
{
position: relative;

display: inline-block;
float:none !important;
width: 11px;
height: 11px;
margin: 0 5px;
padding: 0;

cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;

display: block;

width: 11px;
height: 11px;
padding: 0 15px 0 15px;

cursor: pointer;

color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-size: 11px;
line-height: 11px;
position: absolute;
top: 0;
left: 0;

width: 11px;
height: 11px;

content: '';
background:url(../../images/img_index_contents_slide_inactive.png) no-repeat;
background-size:contain;
text-align: center;

color: #0096e5;

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
width:11px;
background:url(../../images/img_index_contents_slide_active.png) no-repeat;
background-size:contain;
}

/* ----------------------------------------------------------------
COMMON
----------------------------------------------------------------- */
.for-sp{
display: none;
}
#content-body-wrapper{
margin-bottom: 0 !important;
}
#content-body-wrapper img{width:100%;}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
#content-body-wrapper .clearfix{zoom:100%;}
#content-body-wrapper .clearfix:after{display:block;clear:both;height:0;content:url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');}
@media print{
#content-body-wrapper .clearfix:after{display:table;width:100%;font-size:0;line-height:0;}
}

#content-body-wrapper a img.btn,#content-body-wrapper ul.btn li a img{filter:alpha(opacity=100);opacity: 1.0;}
#content-body-wrapper a:hover img.btn,#content-body-wrapper ul.btn li a:hover img{filter:alpha(opacity=75);opacity: 0.75;}

/* ----------------------------------------------------------------
TITLE
----------------------------------------------------------------- */
#content-body-wrapper .vol1{
background:url(../images/bg_vol1_title.jpg) no-repeat center top;
}
#content-body-wrapper .content-level1-wrapper h1{
line-height: 0;
}
#content-body-wrapper .content-level1-wrapper h1 img{
vertical-align: bottom;
}
@media only screen and (min-width:901px){
#content-body-wrapper .content-level1-wrapper h1{
width: 900px;
margin: 0 auto;
}
}
@media only screen and (max-width:900px){
#content-body-wrapper .content-level1-wrapper{
background-size: cover;
}
}
@media only screen and (min-width:1381px){
#content-body-wrapper .content-level1-wrapper{
background-size: cover;
}
}
/* ----------------------------------------------------------------
CONTENTS
----------------------------------------------------------------- */
#content-body-wrapper .content-level2-wrapper{
width: 900px;
margin: 50px auto;
}
#content-body-wrapper .content-level2-wrapper p{
margin-bottom: 50px;
font-size:16px;
color: #000;
line-height: 2;
}
#content-body-wrapper .content-level2-wrapper p.list{
margin-bottom: 20px;
}
#content-body-wrapper .content-level2-wrapper p.att{
font-weight: bold;
margin-bottom: 20px;
}
#content-body-wrapper .content-level2-wrapper p a,
#content-body-wrapper .content-level2-wrapper p a:hover{
color: #0196e5;
}
#content-body-wrapper .content-level2-wrapper .map{
border-top: 1px solid #CBCBCB;
border-bottom: 1px solid #CBCBCB;
padding-top:40px;
text-align: center;
color: #000;
}
#content-body-wrapper .content-level2-wrapper .map .thumb{
width: 156px;
display: inline-block;
*display: inline;  /* IE用ハック */
*zoom: 1;  /* IE用ハック */
}
#content-body-wrapper .content-level2-wrapper .map .text{
margin-left: 20px;
text-align: left;
display: inline-block;
*display: inline;  /* IE用ハック */
*zoom: 1;  /* IE用ハック */
}
#content-body-wrapper .content-level2-wrapper .map .text h3{
font-size: 18px;
font-weight: normal;
margin-top: 0;
line-height: 1;
margin-bottom: 30px;
}
#content-body-wrapper .content-level2-wrapper .map p{
margin-bottom: 30px;
}
#content-body-wrapper .content-level2-wrapper .map .text span{
font-weight: normal;
font-size: 14px;
}
#content-body-wrapper .sns-content{
text-align: center;
margin: 50px auto;
}
#content-body-wrapper .sns-content ul{
font-size: 0;
text-align: center;
}
#content-body-wrapper .sns-content ul li{
width: 100px;
margin: 10px 20px;
display: inline-block;
*display: inline;  /* IE用ハック */
*zoom: 1;  /* IE用ハック */
}
#content-body-wrapper .sns-content ul li a:hover{
filter:alpha(opacity=75);opacity: 0.75;
}

#content-body-wrapper .content-level3-wrapper{
background: #f2f2f2;
padding-top: 40px;
padding-bottom: 74px;
margin-bottom: 50px;
}
#content-body-wrapper .content-level3-wrapper h2{
text-align: center;
font-size: 24px;
color: #333333;
font-weight: normal;
}
#content-body-wrapper ul.under-backnumber{
margin: 32px auto;
width: 1000px;
font-size: 0;
text-align: center;
}
#content-body-wrapper ul.under-backnumber img{
vertical-align: bottom;
}
#content-body-wrapper ul.under-backnumber li:first-child{
margin-left: 0;
}
#content-body-wrapper ul.under-backnumber li{
width: 230px;
margin-left: 20px;
font-size: 16px;
color: #000;
background: #fff;
vertical-align: top;
display: inline-block;
*display: inline;  /* IE用ハック */
*zoom: 1;  /* IE用ハック */
}
#content-body-wrapper ul.under-backnumber li a,
#content-body-wrapper ul.under-backnumber li a:hover{
text-decoration: none;
display: block;
}
#content-body-wrapper ul.under-backnumber li a:hover{
filter:alpha(opacity=75);opacity: 0.75;
}
#content-body-wrapper ul.under-backnumber li .text{
margin: 5px;
color:#333333;
text-align: left;
}

#content-body-wrapper .btn-top{
width:auto;
text-align:center;
margin-bottom: 20px;
}
#content-body-wrapper .btn-top .btn-top_img{
width:367px;
vertical-align: bottom;
}

/* ----------------------------------------------------------------
SP
----------------------------------------------------------------- */
@media only screen and (max-width:768px){
.for-sp{
display: inherit;
}
.for-pc{
display: none;
}
/* ----------------------------------------------------------------
TITLE
----------------------------------------------------------------- */
#content-body-wrapper .vol1{
background:url(../images/bg_vol1_title_sp.jpg) no-repeat center top;
background-size: cover;
}

/* ----------------------------------------------------------------
CONTENTS
----------------------------------------------------------------- */
#content-body-wrapper .content-level2-wrapper{
width: 90%;
margin: 30px auto;
}
#content-body-wrapper .content-level2-wrapper p{
margin-bottom: 20px;
line-height: 1.5;
font-size: 14px;
}
#content-body-wrapper .content-level2-wrapper p span{
font-size: 12px;
}
#content-body-wrapper .content-level2-wrapper p.att{
margin-bottom: 30px;
}
#content-body-wrapper .content-level2-wrapper .map{
padding-top:20px;
}
#content-body-wrapper .content-level2-wrapper .map .thumb{
width: 30%;
margin: 0;
}
#content-body-wrapper .content-level2-wrapper .map .text{
margin-left: 4%;
width: 66%;
}
#content-body-wrapper .content-level2-wrapper .map .text h3{
margin-bottom: 14px;
font-size: 16px;
}
#content-body-wrapper .content-level2-wrapper .map .text span{
font-size: 10px;
}
#content-body-wrapper .sns-content{
margin: 20px auto;
}
#content-body-wrapper .sns-content ul li{
width: 34%;
margin: 5%;
}

#content-body-wrapper ul.under-backnumber{
width: 90%;
margin: 10px auto;
text-align: left;
}
#content-body-wrapper .content-level3-wrapper{
padding-top: 30px;
padding-bottom: 40px;
margin-bottom: 30px;
}
#content-body-wrapper .content-level3-wrapper h2{
font-size: 20px;
}
#content-body-wrapper ul.under-backnumber li:first-child{
margin-left: 2%;
}
#content-body-wrapper ul.under-backnumber li{
width: 46%;
margin:2%;
}
#content-body-wrapper ul.under-backnumber li .text{
font-size: 12px;
}
#content-body-wrapper .btn-top .btn-top_img{
max-width:453px;
width:71%;
	}
}
/* Localized */