@charset "UTF-8";
* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p,th,td,img{margin:0;padding:0;}
body, html{height: 100%;}/**/
table {border-collapse:collapse;border-spacing:0;}
ol,ul {list-style:none;}
li {display: inline-block;*display: inline;*zoom: 1;} 
a img {border-style:none;//IE8}
.clrfx:before,.clrfx:after {content: " ";display: table;}
.clrfx:after {clear: both;}
.clrfx {*zoom: 1;}
.fl {float: left;}
.fr {float: right;}
.tac{text-align: center;}
.ml_05 {margin-left: -0.5em;}
.hoverOp:hover{	filter: alpha(opacity=60);	opacity: 0.6;}
.opcity{filter: alpha(opacity=50);opacity: 0.5;}

a{/*リンクされた文字*/
	color:#5F5F5F;
	font-style:normal;
	text-decoration: underline;
}
a:link {/*未訪問のリンク*/
	color:#5F5F5F;
	font-style:normal;
	text-decoration:none;
}
a:visited {/*訪問後のリンク*/
	color:#5F5F5F;
	text-decoration:none;
}
a:hover {/*マウスをのせたとき*/
	color:#5F5F5F;
	font-style:normal;
	text-decoration:underline;
	opacity: 0.5;
}
a:active {/*クリック中*/
	text-decoration:none;
}


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

#wrapper{
	font-family:  "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
	line-height: 1.9em;}
	

.slider{
	position: fixed;
	width: 100%;
	height: 100%;
}
.slider li {
	background-size: cover;
	background-position: top center;
	height: 100%;
}
.bx-wrapper {
  height: 100%;
}
.bx-viewport {
  height: 100% !important;
}
.bxslider {
  height: 100%;
}
	
.box{
	position: relative;
	z-index: 1000;
}
	
#img_1{
	background-image: url(../images/bk_img_1.jpg);
}
	
#img_2{
	background-image: url(../images/bk_img_2.jpg);
}
	
#img_3{
	background-image: url(../images/bk_img_3.jpg);
}
	
#img_4{
	background-image: url(../images/bk_img_4.jpg);
}

#img_5{
	background-image: url(../images/bk_img_5.jpg);
}

#img_6{
	background-image: url(../images/bk_img_6.jpg);
}


.hobo{
	margin-top: 8px;}
	
	
.yodogawa{
	padding-bottom: 20px;
}

.contents ul{
	width: 400px;
}

.contents li{
	padding-top: 5px;
	padding-bottom: 5px;}
	
.header{
	width: 400px;
	height: auto;
	position: absolute;
	top: 0px;
	left: 100px;
	background-color: rgba(240,237,33,0.6);
	}
	
.contents{
	width: 400px;
	background-color: rgba(240,237,33,0.6);
	position: absolute;
	top: 1200px;
	left: 100px;
	padding-top: 20px;
	padding-bottom: 20px;
	}
	
.fixed {
    position: fixed;
	top: 0;
}

.share{
	margin: 0 auto;
    padding-left: 165px;
    padding-top: 20px;
	}

.sub_title{
	position: relative;
	top: -150px;
	text-align: center;}
	
.conv{
	position: absolute;
	top: 200px;
	left: 600px;
	height: auto;
	width: 500px;
	background-color: #FFF;}
	
	
.conv{
	width: 500px;
	margin: 0 auto;}
	
.conv dl{
	display: table;
	width: 100%;
	padding-bottom: 40px;
	padding-top: 30px;}
	
.conv dt{
	vertical-align: top;
	display: table-cell;
	width: 55px;
	padding-left: 25px;}
	
.conv dd{
	display: table-cell;
	vertical-align: top;
	padding-left: 5px;}
	
.conv_area{
	margin-top: -100px;}
	
.conv_area img{
	margin-top: 20px;
	padding-bottom: 10px;}
	

.itoi{
	color: #5CB900;}
	
.minagawa{
	color: #00A2E7;}

.date{
	font-size: 14px;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;}
	
.information{
	color: #292929;
	padding-left: 5px;
	font-size: 14px;
	line-height: 1.7em;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom-style: solid;
	border-bottom-width: thin;
	width: 450px;
	margin: 0 auto;
	border-bottom-color: #292929;
}

h3{
	padding-bottom: 10px;
	font-size: 17px;
}

h4{
	font-size: 14px;
	padding-bottom: 10px;}

.footer{
	padding-top: 20px;
	padding-bottom: 50px;
    padding-left: 50px;
	width: 450px;
	margin: 0 auto;}
	
.btn ul{
	text-align: center;
	width: 500px;
	}