@charset "utf-8";

/* -------------------------------------------------- */
/* file   : slideshow.css                             */
/* update : 2014/10/09 M.F                            */
/* -------------------------------------------------- */

body{
	background-image: url(../../img/bd_bg.jpg);
	background-repeat: repeat;
	background-position: left top;
	color:#666666;
 /*overflow: hidden;*/
 overflow-x: hidden;
}

#header_wrap{
	background-image: url(../../img/slid_header_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#header{
	/*width:910px;*/
	margin:0 auto;
 position: relative;
 padding: 0 20px;
}
#header h1{
	max-width:761px;
	/*float:left;*/
}

#header h1 img{
 width: 100%;
 height: auto;
}

#header #sound_box{
	width:110px;
	/*float:right;*/
	/*padding-top:28px;*/
 padding: 0;
 position: absolute;
 right: 20px;
 top:50%;
}


#container_wrap{
background-image: url(../../img/img.jpg);
background-repeat: no-repeat;
background-position: center top;
 
	padding:20px;
}
#wrap{
	/*width:910px;*/
	margin:0 auto;
}
#main{
	border:1px solid #C8C8C8;
	/*width:908px;*/
	background-color:#FFFFFF;
	position:relative;
}

#main #mainPrev{
 /*display: none;*/
	position:absolute;
 z-index: 60;
	top:50%;
	left:0;
 transform: translateY(-50%);
	cursor:pointer;
}

#main #mainNext{
 /*display: none;*/
	position:absolute;
 z-index: 60;
	top:50%;
	right:0;
 transform: translateY(-50%);
	cursor:pointer;
}

#main #thumbPrev02{
 /*display: none;*/
	position:absolute;
 /*
	top:630px;
	left:56px;
 */
	cursor:pointer;
 top: 50%;
 left: 10px;
 z-index: 60;
 transform: translateY(-50%);
}

#main #thumbNext02{
 /*display: none;*/
	position:absolute;
 /*
	top:630px;
	right:56px;
 */
	cursor:pointer;
 top: 50%;
 right: 10px;
 z-index: 60;
 transform: translateY(-50%);
}

.slider .bxslider li{
 width: 100%;
}
.slider .bxslider li img{
 width: 100%;
}

#bx-pager .bxslider02 .slick-slide {
  transform: scale(0.8);
 transition: 0.2s;
 max-width: 120px;
}
#bx-pager .bxslider02 .slick-current {
  transform: scale(1);
}

#bx-pager .bxslider02 .thumbnail-item{
 padding: 0;
 box-sizing: border-box;
 cursor: pointer;
 
}
#bx-pager .bxslider02 .thumbnail-item img{
 width: 100%;
 opacity: 0.5;
}

#bx-pager .bxslider02 .thumbnail-item:hover img,
#bx-pager .bxslider02 .slick-current .thumbnail-item img{
 opacity: 1;
}


/*
#main #mainPrev{
	position:absolute;
 z-index: 51;
	top:304px;
	left:0px;
	cursor:pointer;
}
#main #mainNext{
	position:absolute;
	top:304px;
	right:0px;
	cursor:pointer;
}

#main #thumbPrev{
	position:absolute;
	top:710px;
	left:56px;
	cursor:pointer;
}

#main #thumbPrev02{
	position:absolute;
	top:630px;
	left:56px;
	cursor:pointer;
}
.slideshow_2016 #main #thumbPrev{
	top:630px;
}

#main #thumbNext{
	position:absolute;
	top:710px;
	right:56px;
	cursor:pointer;
}

#main #thumbNext02{
	position:absolute;
	top:630px;
	right:56px;
	cursor:pointer;
}

.slideshow_2016 #main #thumbNext{
	top:630px;
}
#main #thumbPrev_2015{
	position:absolute;
	top:630px;
	left:56px;
	cursor:pointer;
}
#main #thumbNext_2015{
	position:absolute;
	top:630px;
	right:56px;
	cursor:pointer;
}
*/


#slid_title01{
	/*width:792px;*/
	height:25px;
	margin:0 auto;
	padding:43px 0 40px;
}
#slid_title01_l{
	width:236px;
	float:left;
}
#slid_title01_r{
	width:361px;
	float:right;
}
#slid_title02{
	/*width:792px;*/
	height:25px;
	margin:0 auto;
	padding:43px 25px 40px;
}
#slid_title02_l{
	/*width:265px;*/
	float:left;
}
#slid_title02_r{
	/*width:392px;*/
	float:right;
}

#main .slider{
 /*width:700px;*/
 position: relative;
 margin: 0 0 20px 0;
}

#main .slider .bxslider{
 margin: 0 auto;
 width: 600px;
}

#bx-pager{
	background-image: url(../../img/bx-pager_bg.jpg);
	background-repeat: repeat;
	background-position: left top;
	/*width:908px;*/
	padding:20px 0;
	/*height:70px;*/
 position: relative;
}

#bx-pager .bxslider02{
 /*width: 90%;*/
 width: calc(100% - 100px);
 margin: 0 auto;
}


.center {
	text-align:center;
	margin:0 0 25px;
}

.right_txt {
	margin:0 20px 0 10px;
	text-align:right;
}
.right_txt a{
	color:#333;
}

.jp-play{
	volume:medium;
}
.jp-stop{
	volume:x-soft;
}

.notes{
 padding: 0 15px;
}

.notes img{
 max-width: 359px;
 width: 100%;
}

/* -------------------------------------------------- */
@media screen and (max-width: 799px) {
 
#header #sound_box{
 right: 0px;
 transform: translateY(-50%) scale(0.8);
}
 
 #slid_title02{
  /*width:792px;*/
  height:auto;
  margin:0 auto;
  padding:25px 20px 25px;
 }
 #slid_title02_l{
  /*
  width:265px;
  float:left;
  */
  /*
  float: none;
  text-align: center;
  */
  /*width: 100%;*/
 }
 #slid_title02_r{
  /*float:right;*/
  margin-top: 15px;
  /*float: none;*/
 }
 
 #slid_title02_r .nedo_menu{
  /*float: none;*/
 }
 
 #slid_title02_r li{
  /*
  float: none;
  display: inline-block;
  */
 }
 
#main .slider .bxslider{
 width: 100%;
}

#main #mainPrev{
 display: none;
}

#main #mainNext{
 display: none;
}
 
#bx-pager .bxslider02{
 width: calc(100% - 100px);
 /*width: 90%;*/
 }

#main #thumbPrev02{
 /*display: none;*/
}

#main #thumbNext02{
 /*display: none;*/
}
 
#bx-pager .bxslider02 .slick-slide {
 max-width:74px;
}
 
 .notes{
  margin-top: 10px;
 }
 
}

/* clearfix */
/* -------------------------------------------------- */
.clearfix:after {
	content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}


	

/* 画像だったのをテキストに */
/* -------------------------------------------------- */
.cm_title {
	font-size: 2.3em;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-weight: bold;
	color: #000;
	letter-spacing: 0.5px;
	margin: -0.4em -0.4em -0.4em 0;
	padding: 0;
}
.cm_title small {
	font-size: 0.8em;
	letter-spacing: 0px;
}
.nedo_menu {
	width: 100%;
	display: block;
	float: right;
	/*margin-right: 1em;*/
	font-size: 1.2em;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-weight: bold;
	color: #000;
}
.nedo_menu li {
	padding: 0 1.5em;
	border-right: solid 1px #ccc;
	float: left;
}
.nedo_menu a {
	color: #999;
	text-decoration: none;
	padding-bottom: 2px;
}
.nedo_menu a:hover {
	color: #000;
	border-bottom: solid 2px #CE252A;
}
.underbar {
	padding-bottom: 2px;
	border-bottom: solid 2px #CE252A;
}


/* -------------------------------------------------- */
/* AUTO CONTROLS (START / STOP) */

.bx-controls-auto {
	text-align: center;
 line-height: 0;
 height: 5px;
}

.bx-controls-auto .bx-controls-auto-item{
 display: inline-block;
margin: 0;
padding: 0;

}

.bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
 cursor:pointer;
}

.bx-controls-auto .bx-start:hover,
.bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
 cursor:pointer;
}

.bx-controls-auto .bx-stop:hover,
.bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* -------------------------------------------------- */
@media screen and (max-width: 799px) {
 
 .cm_title {
  font-size: 1.6em;
  line-height: 1.4;
 }
 
.nedo_menu {
	/*margin-right: 1em;*/
	font-size: 0.9em;
 line-height: 1.2;
}
 
.nedo_menu li {
	padding: 0 1em;
}
 
}