@charset "utf-8";
html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin: 0px;padding: 0px;}/**/
body, html{height: 100%;}/**/
ol,ul {list-style:none;}
li {display: inline-block;*display: inline;*zoom: 1;}
img{max-width: 100%;}
a {color:#000;text-decoration:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none;-webkit-transition: all 0.5s ease-out;	-moz-transition: all 0.5s ease-out;	-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
a img {border-style:none;//IE8}
a:hover {filter: alpha(opacity=50);	opacity: 0.5;}
a:link {color:#000;}
a:visited {color:#000;}
a:focus{outline:0}
a:hover,a.selected,a:link{text-decoration:none;}
a,img{vertical-align:top;border-style:none;}
.clrfx:before,.clrfx:after {content: " ";display: table;}
.clrfx:after {clear: both;}
.clrfx {*zoom: 1;}
.fl {float: left;}
.fr {float: right;}
.tac{text-align: center;}
.dn{display:none;}
.ml_05 {margin-left: -0.5em;}
.opacity{filter: alpha(opacity=50);opacity: 0.5;}
.hoverOp:hover{
	filter: alpha(opacity=50);	opacity: 0.5;
	-webkit-transition: all 0.5s ease-out;
   -moz-transition: all 0.5s ease-out;
   -o-transition: all 0.5s ease-out;
   transition: all 0.5s ease-out;
}
.caption{font-size: 12px;line-height: 1.6;}
/* Common
 * --------------------------------------------------------*/
body {
	font-family:"A1明朝", "A1 Mincho", "MS 明朝","MS Mincho",'Hiragino Mincho ProN', serif;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 26px;
	color:#000;
	max-width: 100%;
	overflow-x: hidden;
}
h3.ttl {
	padding-top: 45px;
	padding-bottom: 20px;
}
hr {margin: 0 auto;}

/* header
 * --------------------------------------------------------*/
#header {
	width: 100%;
	height: 100%;
	position: relative;
}
#header .bx-wrapper .bx-pager,
#header .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 20px;
	/* width: 100%; */
	text-align: center;
	z-index: 999;
	left: 45%;
}
#hdSlider {
	width: 100%;
	overflow: hidden;
}
#hdSlider .hdBar{
	width: 100%;
	z-index:888;
	height: 60px;
	position: absolute;
	bottom: 0;
	background: #FFFFFF;
}
#hdSlider .hdBar .nav {
	padding-top: 10px;
	float: left;
	z-index: 1000;
}
#hdSlider .hdBar .nav a{
	border-right: 2px solid #B5B5B6;
	display: inline-block;
	padding: 0 20px 0 10px;
}
#hdSlider .hdBar .nav a.js-colorbox-inline{
	padding-right: 60px;
}

#hdSlider #staff_inner {
	padding: 35px 0 30px 50px;
	text-align: left;
	font-size:15px;
	width: 250px;
	color:#000;
}

#hdSlider .hdBar .home {
	padding-top: 8px;
	padding-right: 20px;
	float: right;
}
#hdSlider .hdBar .home>img{
	margin-top: 2px;
}

#hdSlider .bx-wrapper .bx-pager {
}

#hdSlider .bx-wrapper .bx-pager .bx-pager-item {
	padding-top: 5px;
}

.container {
    background: #595757 none;
    height: 35px;
    margin: 0 auto;
    width: 100%;
     left: 90px;
      overflow: hidden;
}
.container .wrap {
	 width: 100%;
    padding-top: 8px;
    /*bottom: 5px;*/
    overflow: hidden;
    position: relative;
    line-height: normal;
}
#header ul.hdNav {
	position: absolute;
	z-index: 888;
	width: 60px;
	top: 110px;
	right: 20px;
}
#header ul.hdNav li{
	margin-bottom: 15px;
}
#header {
}
#header #hdTtl {
	height: 90px;
	background-color: #FFFFFF;
	position: absolute;
    z-index: 888;
    width: 100%;
}
#header #hdTtl .hdLogo {
	float: left;
}
#header #hdTtl .hdCredit {
	float: left;
}
#header #hdTtl .hdLogo img {
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
}
#header #hdTtl .hdCredit {
	margin-top: 20px;
}

#header .btnDown {
	text-align: center;
	position: absolute;
	z-index: 999;
	width: 100%;
	bottom: 72px;
}

/* wrapper
 * --------------------------------------------------------*/
.wrapper {
	width: 1000px;
	margin: 0 auto;
}
/* about */
#about {
	width: 1000px;
	margin-top: 80px;
	padding-top: 20px;
	text-align: center;
	position: relative;
}
.topBtn {
	position:relative;
	top: 125px;
	right:0px;
	float: right;
	width: 60px;
}
.fixed {
    position: fixed;
    z-index: 8888;
}
 ul.hdNavFixed {
 	margin-top: 20px;
 	padding-left: 3px;
}
 ul.hdNavFixed li{
	margin-bottom: 15px;
}
ul.attNav {
	padding-top: 10px;
	margin: 0 auto;
	display:table;
}
ul.attNav li {
	display:inline-table;
	padding-left: 14px;
}
ul.attNav li:first-child {
	padding-left: 0;
}
#yodogawa {
	width: 830px;
	padding-top: 50px;
	margin: 80px auto 130px auto;
	letter-spacing: 1px;
	text-align: center;
}

/* lineup */
#lineup_sp {
	display: none;
}
#lineup_pc {
	margin: 100px auto 65px auto;
	width: 950px;
	text-align: center;
}
#lineup_pc .box {
	position: relative;
	padding-bottom: 90px;
}
#lineup_pc  div.photo {
	padding: 8px 0;
}

#lineup_pc .hand {
	margin-bottom:120px;
}

#lineup_pc .boxR .txt,
#lineup_pc .boxL .txt  {
	position: absolute;
	top: 278px;
}
#lineup_pc .boxR .txt {
	right: 120px;
}
#lineup_pc .boxL .txt {
	left: 120px;
}

/* detailInfo */
.detailInfo {
	text-align: left;
	margin: 0 auto;
	padding: 30px 0;
}
.detailInfo .d_photo {
	margin-top: -5px;
	padding-left: 180px;
}
.detailInfo .d_photo.d_ph_dual {
	padding-left: 80px;
}
.detailInfo .d_txt {
	width: 500px;
	padding-left: 30px;
}
.detailInfo .d_txt .d_shopTxt{
	
}

.detailInfo .d_txt .d_shop a{
	display: inline-block;
	padding-left: 15px;
}
.detailInfo .d_name{
	margin-top: 30px;
	font-family: "中ゴシックBBB", "othic Medium BBB", serif;
}

.detailInfo .d_name a,
.detailInfo .d_name a:visited,
.detailInfo .d_name a:link
 {
	color: #172A88;
	display: block;
}



.staff {
	margin-top: 60px;
}
#staff_inner {
	padding: 40px;
}

/* #info_porter */
#porter{
	border-top: 1px solid #B5B5B6;
	border-bottom: 1px solid #B5B5B6;
	width: 950px;
	margin: 150px auto 200px auto;
	padding: 50px 0;
	position: relative;
}

#porter .btn_top{
	position: absolute;
	top: -45px;
    right: 5px;
}

#porter .po_ttl .fl{
	padding-left: 50px;
}

#porter .po_ttl .fr{
	padding-right: 50px;
}

#porter .po_items{
	padding-top: 50px;
}

/* footer */
.footer{
	background-color: #231815;
	padding-top: 80px;
	padding-bottom: 100px;
	text-align: center;
	width: 100%;
}

.footer ul{
	width: 830px;
	margin: 0 auto;
	color: #000000;
	font-size: 12px;
	padding-top: 30px;
}
.footer li{
	vertical-align: top;
	width: 200px;
}
.footer .fb {
	margin: 64px 0 40px 0;
	padding-left: 10px;
}
.footer .copy {
	font-size: 12px;
	color: #FFFFFF;
	font-family: "見出ゴMB1", "Midashi Go MB1", serif;
}


/* plugin
 * ------------------------------------------ */
/*ColorBox Custom*/
#cboxPrevious {right: 50px;}
#cboxNext {right: -5px;}
#cboxCurrent {
  font-size: 10px;
  bottom: -36px;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

/* BxSlider v4.1.2  */
/* RESET AND LAYOUT */
.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}
.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/* LOADER */
.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #EDEAEA;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* THEME */
.bx-wrapper .bx-viewport {
	/*background: #fff;*/
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0);
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	/*width: 100%;*/
}

/* PAGER */
.bx-wrapper .bx-pager {
	text-align: center;
	padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: url(../images/header/pager.png) no-repeat 0 0;
	text-indent: -9999px;
	display: block;
	width: 15px;
	height: 15px;
	margin: 0 5px;
	outline: 0;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: url(../images/header/pager_active.png) no-repeat 0 0;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 45%;
	outline: 0;
	width: 50px;
	height: 50px;
	text-indent: -9999px;
	z-index: 8888;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}
/* header */ 
#hdSlider {
	height: 100% !important;
	position: relative;
}
#hdSlider #main_ttlL {
	position: absolute;
	z-index: 888;
	left: 30px;
	top: 40%;
}
#hdSlider #main_ttlR {
	position: absolute;
	z-index: 888;
	right: 50px;
	top: 35%;
}
ul.slider_header,ul.slider_header li {
	height: 100%;
}
.bx-viewport, .bx-wrapper{
	position:relative;
	width:100%;
	height:100% !important;
	top:0;
	left:0;
}
.slider_header {
 height: 100% !important;
}
.slider_header li {
  background-size: cover;
  background-position: top center;
}
#slideBg6_1{background-image:url('../images/header/slide01.jpg');}
#slideBg6_2{background-image:url('../images/header/slide02.jpg');}
#slideBg6_3{background-image:url('../images/header/slide03.jpg');}
#slideBg6_4{background-image:url('../images/header/slide04.jpg');}
#slideBg6_5{background-image:url('../images/header/slide05.jpg');}
#slideBg6_6{background-image:url('../images/header/slide06.jpg');}
.infoIcon{
	position: absolute;
	left: 0;
	top: 0;
}



/* sp
 * --------------------------------------------------------*/
@media only screen and (max-width: 479px) {
	body {width: 100%;margin: 0 auto;}
	img{max-width:100%;    height: auto;}
	.fl,.fr {float: none;}
	.wrapper {
		width:100%;
		margin: 0 auto;
	}
	/* about */
	#about {
		width:100%;
	}
	/* [sp] header */ 
	#hdSlider .hdBar{
		height: 35px;
		display:none;
	}
	#header .btnDown {
		bottom: 10px;
	}
	#header .btnDown img {
		width: 45px;
	}
	#hdSlider #main_ttlL {
		display: none;
	}
	#header .bx-wrapper .bx-pager{
		width: auto;
	    bottom: 20px;
	    right: 10px;
	}
	#hdSlider .hdBar .nav a {
	    border-right: none;
	    display: inline-block;
	    padding: 0 10px 0 0;
	}
	.bx-wrapper .bx-pager.bx-default-pager a {
		width: 5px;
		height: 5px;
		background-size: 5px 5px;
	}
	#hdSlider #main_ttlR {
		text-align: center;
		position: absolute;
		z-index: 999;
		width: 100%;
		margin:auto;
		right: auto;
	}
	#hdSlider #main_ttlR img {
		width: 45%;
	}
	#hdSlider .hdBar .nav {
		width: 50%;
		padding-top: 0px;
	}
	#hdSlider .hdBar .nav .js-colorbox-inline {
		display: none;
	}
	#hdSlider .hdBar .home {
		width: 45%;
		padding-top: 0;
		padding-right: 5px;
		float: right;
	}
	#hdSlider .hdBar .nav a.js-colorbox-inline{
		padding-right: 0;
	}
	
	#yodogawa {
	 width: 90%; 
	 padding-top: 50px; 
	 margin: 0px auto 30px auto; 
	 text-align: center;
	}
	
	#lineup_pc{display: none;}
	#lineup_sp{
		display: block;
	}
	#lineup_sp .box {
		width: 95%;
		margin: 0 auto;
		text-align: center;
	}
	/* lineup */
	#lineup_sp .box {
		position: relative;
		padding-bottom: 0px;
	}
	#lineup_sp  div.photo {
		padding: 5px 0;
	}
	#lineup_sp .hand {
	margin:0 auto;
	width:90%;
	padding-bottom:50px;
	padding-top:30px;
	}

	
	#lineup_sp .boxR .txt,
	#lineup_sp .boxL .txt  {
		position: absolute;
		top: 205px;
	}
	#lineup_sp .txt img{
		width: 30%;
	}
	#lineup_sp .boxR .txt {
		right: 35px;
		text-align:right;
	}
	#lineup_sp .boxR .txt.txt_2 {
		right: 15px;
		text-align:right;
	}
	#lineup_sp .boxL .txt {
		left: 0px;
	}
	#lineup_sp .boxL .txt.txt_2 {
		left: -55px;
	}
	#lineup_sp  div.photo {
		padding: 5px 0;
	}
	
	#lineup_sp  div.photo img{
		width: 100%;
	}
	
	/* detailInfo */
	.detailInfo {
		text-align: left;
		margin: 0 auto;
		padding: 15px 0;
		width:95%;
	}
	.itemNm{
		padding-top: 10px;
	}
	.itemNm.itemNm_dual{
		text-align: center;
	}
	
	.itemNm.itemNm_dual .d_name{
		float: none;
	}
	.detailInfo .d_photo {
		margin-top: 0;
		padding-left: 0;
		width: 30%;
		float: left;
	}
	.detailInfo .d_name {
		font-size: 11px;
		float: left;
		letter-spacing: 0;
	}
	
	.detailInfo .d_ph_dual {
		padding-left: 0;
		margin-bottom: 20px;
		margin-top: 0;
		padding-left: 0;
	}
	.detailInfo .d_ph_dual a {
		float:left;
		display: block;
	}
	.detailInfo .d_txt .d_shop a {
	    padding-left: 0;
	}
	.detailInfo .d_txt {
		width: 100%;
		padding-left: 0;
	}
	.box .hand {
		margin: -50px 0 -80px 0;	
	}
	.staff {
		margin-top: 30px;
		width: 90%;
		margin: 0 auto;
	}

	/* [sp] info_porter */
	#porter{
		border: none;
		background: #F7F8F8;
		width: 100%;
		margin: 140px auto 0px auto;
		
	}
	
	#porter .btn_top{
		position: fixed;
		top: initial;
	    right: 5px;
	    bottom: 5px;
	}
	#porter img {
		
	}
	#porter .po_ttl,
	#porter .po_items,
	#porter .po_buy{
		margin: 0 auto;
		text-align: center;
	}
	#porter .po_ttl{width: 90%;}
	#porter .po_items{width: 90%;}
	#porter .po_buy{width: 70%;padding-top: 30px;}

	/* footer */
	.footer{
		padding-top: 40px;
		padding-bottom: 100px;
		text-align: center;
	}
	.footer ul{
		width: 100%;
	}
	.footer li{
		vertical-align: top;
		width: 90px;
	}

	
	
	
}