@charset "UTF-8";

body{
	margin:0;
	padding:0;
	font:normal 14px/26px "Futo Go B101" , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing:1px;
	text-align:left;
	color:#000;
	-webkit-text-size-adjust:none;
}

*{margin: 0px;padding: 0px;}/**/
body, html{height: 100%;}/**/

/*////////// reset //////////*/

/* reset */
div,
h1,h2,h3,h4,p,
ul,ol,li,
dl,dt,dd,
table,tr,th,td,
form,input,
img{
	margin:0;
	padding:0;
}

iframe{
	margin:0;
	padding:0;
	border:none;
}

/* link */
a{
	margin:0;
	padding:0;
	color:#007B94;
}
a:hover{ color:#666666; text-decoration:none; }

a:link{
	color: #007B94!Important;
}

/* list */
ul,ol{ list-style:none; }

/* image */
img{
	border:none;
	vertical-align:bottom;
}

/* table */
table{
	border-collapse:collapse;
	border-spacing:0;
	text-align:left;
}



/*////////// 汎用クラス //////////*/

/* text */
.indent,
.indentList li{
	margin-left:1em;
	text-indent:-1em;
}

.small{ font-size:12px; }
.red{ color:#D10000; }

.alnC{ text-align:center; 
		padding-top: 20px;}
.alnR{ text-align:right; }

/* clearfix */
.clrfx:after{
	content:"";
	display:block;
	clear:both;
}
.clrfx{ zoom:1; }

.clr{ clear:both; }

/* layout */
.fltL{ float:left; }
.fltR{ float:right; }

.mt5{ margin-top:5px; }
.mt10{ margin-top:10px; }
.mt15{ margin-top:15px; }
.mt20{ margin-top:20px; }
.mt30{ margin-top:30px; }
.mt40{ margin-top:40px; }

.mt20_sp{
	display: none;
}

.hoverOp:hover{
	filter: alpha(opacity=60);
	opacity: 0.6;
}


/*////////// メイン //////////*/
.wrapper{
	background-color: #FFF;
	font-family: "Futo Go B101", sans-serif;
}

.backtohead{
	margin: 20px 80px 50px 0;
	text-align: right;
}

/*footer1*/

ul .footer1{
	float: left;
	width: 785px;
}
#notice{
	width: 600px;
	margin: 0 auto;
	margin-top: 50px;
	line-height: 1.7em;
}

#notice span{
	line-height: 2.3em;
}

#notice span.notice_title{
	font-size: 17px;
}

.notice_sub{
	color: #f0583b;
}

/* footer */
#footer{
	width: 600px;
	margin: 0 auto;
	padding-bottom: 70px;
	margin-top: 50px;
}

#footerNav{ float:left; }
#footerNav li{
	float:left;
}
#footerNav li a,
#footerNav li img{ 
	display:block; 
    height: 15px;
    width: auto;
    margin-right: 12px;
    }

#copyright{ float:right; }


/*////////// インデックス //////////*/

#top h1{ display: none; }

#top .section{
	width: 500px;
	margin: 0 auto;
	padding-bottom: 50px;
}

#top .section2{
	width: 480px;
	margin: 0 auto;
	font-size: 15px;
	line-height: 1.5em;
	padding-bottom: 30px;
}

#top .subtitle{
	margin-top: 30px;
}

#top .navi{
	width:335px;
	margin-left: 34px;
}

#top .Ttitle{
	margin-bottom: 30px;
}

#top .yodogawa{
	width: 500px;
	margin: 0 auto;
	font-family: "Futo Go B101", sans-serif;
	font-size: 17px;
	line-height: 2.0em;
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 30px;
}

header{
	height: 560px;
	background-size: cover;
}

.slider{
	text-align: center;
}

.index_name{
	text-align: center;
}

#topMain li{
	display: none;
	position: absolute;
	background-size: cover;
	width: 100%;
	min-width: 1000px;
	background-position: center center;
	background-size: 100%;
}

#bg01 { background-image: url(../images/top/header_img_01.png);background-position: top center;}
#bg02 { background-image: url(../images/top/header_img_02.png);background-position: top center;}
#bg03 { background-image: url(../images/top/header_img_03.png);background-position: top center;}
#bg04 { background-image: url(../images/top/header_img_04.png);background-position: top center;}
#bg05 { background-image: url(../images/top/header_img_05.png);background-position: top center;}

#top #pnav{
	width: 755px;
	margin: 0 auto;
}
#top #pnav ul li{float: left; }

#top .product{
	width: 750px;
	margin: 0 auto;
	margin-top: 20px;
}

#top .pText{
	width: 410px;
	margin: 0 auto;
	font-family: "Futo Go B101", sans-serif;
	font-size: 17px;
	line-height: 1.9em;
	margin-top: 30px;
}

#top .pNotice{
	width: 410px;
	margin: 0 auto;
	margin-top: 20px;
	font-size: 13px;
	line-height: 1.7em;
	margin-bottom: 20px;
}

#top .detail{
	width: 410px;
	margin: 0 auto;
}

#top .color{
	font-size: 10px;
	text-align: center;
	letter-spacing: 0.01em;
}

#top .product_title_01{
	text-align: center;
	font-size: 13px;
}

#top .product_title_02{
	text-align: center;
    font-size: 44px;
    padding-top: 7px;
    padding-bottom: 16px;
    letter-spacing: 0em;
}

#top .product_title_03{
	text-align: center;
	font-size: 16px;
	padding-bottom: 13px;
}

#top .productPH{
	margin-top: 30px;
}

#top .pList{
	width: 755px;
	margin: 0 auto;
}

#top .pList li{
	float: left;
	width: 150px;
}

#top .last_line{
	width: 750px;
    margin: 20px auto;
}

#credit{
	width: 600px;
	margin: 0 auto;
	text-align: right;
	font-size: 12px;
	margin-top: 20px;
  padding-left: 20px;
}

.end{
	font-size: 13px;
	color: #E20008;
	line-height: 1.5em !Important;
}

/*////////// 中ページ //////////*/

/*/// window ///*/
.bwin{ background: none; }

#about{
	width: 680px;
	margin: 0 auto;
}

/* detail */
#detail{
	width: 800px;
	margin: 0 auto;
	padding: 40px;
}

#detail .detail_no{
	position: absolute;
}

#detail .detail_logo img{
	float: right;
	padding-bottom: 30px;
	position: relative;
	top: 5px;
}

#detail .spec{
	float: left;
	width: 240px;
}

#omo, #ura, #naka{ position: relative; cursor: pointer; }
.zoomicon{
	position: absolute;
	bottom: 10px;
	right: 10px;
}
#ura, #naka{ margin-top: 20px; }

#detail .spec dl{ margin-top: 40px; font-size:12px; }
#detail .spec dl.mt10{ margin-top: 10px; }
#detail .spec dd{
	margin-left: 60px;
	margin-top: -26px;
}

#detail .viewer{
	float: right;
	width: 534px;
	height: 520px;
}

#zoomCont{
	width: 166px;
	margin-top: 15px;
	margin-left: 480px;
}

.zoom_in{
	float: left;
	cursor: pointer;
}

.zoom_out{
	float: right;
	cursor: pointer;
}

/*/// demerit ///*/

#demerit .deme_title{
	width: 600px;
	margin: 0 auto;
}

#demerit .text{
	width: 400px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 2.0em;
	margin-bottom: 30px;
	}

#demerit .sub{
	width: 650px;
	margin: 0 auto;
	margin-top: 50px;
	}

#demerit .img{
	width: 486px;
	margin: 0 auto;
	margin-top: 20px;
}
/*/// howtomake ///*/

#howto h1{
	width: 880px;
	margin: 0 auto;
}

#howto .yodogawa{
	padding-top: 70px;
	padding-bottom: 30px;
	}

#howto .iContent{
	width: 440px;
	margin: 0 auto;
	}

#howto .title{
	width: 770px;
	margin: 30px auto;
	margin-top: 70px;
	}

#howto .line{
	width: 440px;
	margin: 0 auto;
	}
#howto .content_img{
	width: 770px;
	margin: 20px auto;
	}
/*/// itoi ///*/

#itoi h1{
	width: 880px;
	margin: 0 auto;
}

#itoi .iContent{
	width: 520px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 40px;
	}
#itoi .iCaption{
	text-align: center;
	font-size: 12px;
	color: #666666;
}
#itoi .iImg{ 
	padding-top: 30px;
	margin-bottom: 30px;
	}

/*/// shop ///*/
#shop .sContent{ padding: 0 60px; }
#shop .sContent .fltL{ width: 360px; font-size:13px; line-height:1.75; letter-spacing:0; }

/*///////// スライド //////////*/
#slideWrap{
	width:800px;
	margin: 0 auto;
	padding-top: 50px;
	position:relative;
}

.slideImg{
	display:none;
	position:absolute;
	width:800px;
	text-align:center;
}

.active{ display:block; }

.slideImg p{ margin-top:15px; }

#prevBtn{
	position:absolute;
	top:600px;
	left:0;
	cursor: pointer;
}

#nextBtn{
	position:absolute;
	top:600px;
	right:0;
	cursor: pointer;
}

.back_btn{
	width: 90px;
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 20px;
}

/* スマホ対応
 * --------------------------------------------------------*/

@media only screen and (max-device-width: 600px) {

br.br__{
	display: none;
	letter-spacing: -0.5em;
}

img{
	width:100%;
}

.wrapper{
	width: 100%
}

header{
	width: 100%;
}

/*footer1*/

ul .footer1{
	width: 100%;
}
#notice{
	width: 90%;
}

#notice span{
}

#notice span.notice_title{
}

.notice_sub{
}

/* footer */
#footer{
	width: 50%;
	margin-top: 20px;
	padding-bottom: 50px;
	}

#footerNav{ 
	float: none;;
	}
#footerNav li{
	float: none;
	padding-bottom: 20px;
	}
#footerNav li a,
#footerNav li img{ 
    }

#copyright{
	float:right;
	}


/*////////// インデックス //////////*/


#top .section{
	width: 90%;
}

#top .section2{
	width: 85%;
}


#top .navi{
	width:100%;
}

#top .yodogawa{
	width: 80%;
	padding-left: 0px;
}

header{
	height: 100%;
}

.slider img{
	min-height: 600px;
}

#topMain li{
	width: 100%;
	min-width: 100%;
	background-repeat: no-repeat;
}

#bg01 { background-image: url(../images/top/header_img_01_sp.png);background-position: top center;}
#bg02 { background-image: url(../images/top/header_img_02_sp.png);background-position: top center;}
#bg03 { background-image: url(../images/top/header_img_03_sp.png);background-position: top center;}
#bg04 { background-image: url(../images/top/header_img_04_sp.png);background-position: top center;}
#bg05 { background-image: url(../images/top/header_img_05_sp.png);background-position: top center;}

#top #pnav{
	width: 90%;
}
#top #pnav ul li{
	padding-left: 12px;
	padding-top: 13px;
	width: 42%;
	}

#top .product{
	width: 85%;
	}

#top .pText{
	width: 100%;
	}

#top .pNotice{
	width: 100%;
	}

#top .detail{
	width:100%;
	}

#top .product_title_02{
	font-size: 35px;
	font-weight: bold;
	letter-spacing: -0.05em;
	}

#top .product_title_03{
	font-size: 14px;
	padding-left: 10px;
	}

#top .pList{
	width: 100%;
	}

#top .pList li{
	width: 50%;
	}

#top .last_line{
	width: 90%;
	}

#credit{
	width: 83%;
	padding-left: 0px;
	}

/*////////// 中ページ //////////*/

/*/// window ///*/
.bwin{ background: none; }

#about{
	width: 90%;
}

#demerit{
	width: 100%;
}

#howto{
	width: 100%;
}

#itoi{
	width: 100%;
}

/*/// howto ///*/

#howto h1{
	width: 100%;
	padding: 0 0 0 0;
}

#howto .yodogawa{
	width: 90%
	}

#howto .iContent{
	width: 90%;
	padding: 30px 0 0 0;
	}

#howto .title{
	width: 95%;
	margin-top: 40px;
	margin-bottom: 0px;
}

#howto .line{
	width: 90%;

	}

#howto .content_img{
	width: 90%;
	}

/*/// itoi ///*/

#itoi h1{
	width: 100%;
}

#itoi .iContent{
	width: 90%;
	}

/*/// itoi ///*/

#demerit .deme_title{
	width: 100%;
}

#demerit .text{
	width: 90%;
	}

#demerit .sub{
	width: 100%;
	}

#demerit .img{
	width: 90%;
}


/* detail */
#detail{
	width: 90%;
	padding:0 0 0 0;
}

#detail .detail_no{
	position: absolute;
	width: 20%;
}

#detail .detail_logo img{
	float: right;
	padding-bottom: 30px;
	position: relative;
	top: 5px;
	width: 30%
}

#detail .spec{
	float: none;
	width: 100%;
}

#detail .mt20 img{
	display: none;
}

#detail .mt20_sp{
	width: 100%;
	display: block;
}

#detail .mt20_sp img{
	padding-bottom: 20px;
}

#omo, #ura, #naka{ 
	display: none;
}

.zoomicon{
	display: none;
}

#ura, #naka{
	 margin-top: 20px;
}

#detail .spec dl{
	margin-top: 40px; font-size:12px;
}

#detail .spec dl.mt10{
	margin-top: 10px;
}

#detail .spec dd{
	margin-left: 60px;
	margin-top: -26px;
}

#detail .viewer{
	display: none;
}

#zoomCont{
	display: none;
}

.zoom_in{
	display: none;
}

.zoom_out{
	display: none;
}

.alnC{
    margin: 0 auto;
    margin-top: 50px;
    padding-bottom: 50px;
    width: 100px;
}

.back_btn{
	width: 90px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
}