@charset "utf-8";
/* basic
 * --------------------------------------------------------*/
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	margin:0;
    padding:0;
}
* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p,th,td,img{
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
ol,ul {list-style:none;}
li {  
    display: inline-block;  
    *display: inline;  
    *zoom: 1;  
} 
img{max-width: 100%;}
a {
	text-decoration:none;
	-webkit-touch-callout:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	outline:none;
	color:#00743c;
}
a:link{color:#00743c;}
a:hover{color:#E60A00;}
a:visited{color:#00743c;}
a:focus{outline:0}
a:hover,a.selected,a:link{text-decoration:none;}
a,img{vertical-align:top}
.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;
}

html {height: 100%;}
body {
	letter-spacing: 1px;
	font:normal 13px/24px "ヒラギノ角ゴ ProN W4", "Hiragino KAku Gothic ProN", "Lucida Grande", "segoe UI", Meiryo, Arial, sans-serif;
	background: #fff url(../images/back.jpg) no-repeat fixed center;
	height: 100%;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.wrapTop {
	width: 860px;
	height: 326px;
	margin: 30px auto 0 auto;
	background: url(../images/wrap_top.png) 0 0 no-repeat;
}

.wrapMid {
	width: 860px;
	margin: 0 auto;
	background: url(../images/wrap_mid.png)  0 0 repeat-y;
}

/* -------------------------------------------------------- 
 * topPage
 * --------------------------------------------------------*/
#wrapper {
  	width: 860px;
	margin: 0 auto;
}

#wrapper #header {
	text-align: center;
}

#wrapper #header h2 {
	margin: 40px auto;
}

#wrapper .mainImg {
	margin-top: -250px;
}

#wrapper .openDate {
	text-align: center;
	margin: 40px auto;
}

#wrapper .yodogawa {
	width: 440px;
	margin: 10px auto 0 auto;
	font-size: 16px;
	line-height:36px;
	position: relative;
	text-align: center;
}

#wrapper .yodogawa .dialyL {
	position: absolute;
	top: 20px;
	right: 450px;
}

#wrapper .yodogawa .dialyR {
	position: absolute;
	top: 80px;
	left: 460px;
}

#wrapper #profile {
	margin: 30px auto 40px auto;
	text-align: center;
}

#wrapper #readMe {
	width: 550px;
	margin: 0 auto;
	font-size: 15px;
	line-height: 28px;
	background: #ECEBD6;
	border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px; 
	padding: 10px;
	padding-bottom: 20px;
}

#wrapper #readMe .readmeTtl {
	text-align: center;
	padding: 30px 0 30px 0;
}

#wrapper #readMe p {
	width: 470px;
	margin: 0 0 20px 50px;
	text-align: left;
}

#wrapper #productsList {
	font-size: 13px;
	line-height: 18px;
}

#wrapper #productsList .title {
	height: 155px;
	background: url(../images/top_product_ttlback.png) no-repeat center;
	margin: 60px auto 30px auto;
}

#wrapper #productsList .title img {
	display: inline-block;
 	padding-top: 78px; 
	padding-left: 200px;
}

#wrapper #productsList ul {
	text-align: center;
}

#wrapper #productsList li {
	width: 150px;
	padding-bottom: 30px;
	line-height: 23px;
	position: relative;
	display: inline-table;
}

#wrapper #productsList .itemInfo {
	height: 40px;
}

/* 個別設定-------------- */
#wrapper #productsList .item .itemImg {/* defult */
	position: relative;
	z-index:1;
	height: 135px;
}

#wrapper #productsList .item p {/* defult */
	height: 50px;
	width: 150px;
	text-align: center;
	margin-top: 10px;
	font-size: 12px;
	line-height: 15px;
	position: relative;
	z-index:2;
}

#wrapper #productsList .list1_5 p,
#wrapper #productsList .list6_10 p,
#wrapper #productsList .list26_30 p,
#wrapper #productsList .list36_last p {
	height: 40px;
}
#wrapper #productsList .list11_15 p,
#wrapper #productsList .list16_20 p,
#wrapper #productsList .list21_25 p,
#wrapper #productsList .list31_35 p {
	height: 60px;
}
/* 個別設定end-------------- */

#wrapper #productsList .stock {
	font-size: 11px;
	color: #E60A00;
}

#wrapper #schedule {
	text-align: center;
	margin: 80px auto 40px auto;
	font-size: 15px;
	line-height: 1.7em;
}

#wrapper #banner {
	text-align: center;
	margin: 20px auto 100px auto;
}

#wrapper #footer {
	margin: 0 auto;
	text-align:center;
}

#wrapper .ftNavi {
	margin: 0 0 20px 0;
}

#wrapper .ftNavi li{
	margin: 0 36px;
}

#wrapper .fb-like {
	padding: 20px 0 0px 10px;
}

#wrapper .ftCopyright {
	padding: 100px 0 0 0;
	font-size:11px;
	color: #828282;
	padding-bottom: 20px;
}

/* -------------------------------------------------------- 
 * プロフィールページ
 * --------------------------------------------------------*/
#prof_wrapper {
	width: 860px;
	height: 100%;
	margin: 0 auto;
	font-size: 13px;
	line-height: 30px;
	text-align: center;
}

#prof_wrapper .wrapTop {
	height: 390px;
}

#prof_wrapper .name {
	padding: 80px 10px 0 0;
}

#prof_wrapper .wrapMid {
	height: 100%;
}

body > #prof_wrapper .wrapMid {
	height: auto;
	padding-bottom: 150px;
}

#prof_wrapper #profile {
	width: 725px;
	margin: -250px auto 0 auto;
}

#profile p {
	width: 400px;
	text-align: left;
	margin: 0 auto;
	padding: 25px 0 30px 20px;
}

#prof_wrapper .boite_link {
	display: block;
	margin: 5px 0 0 -5px;
	padding-bottom: 5px;
}

/* -------------------------------------------------------- 
 * 個別ページ
 * --------------------------------------------------------*/
#detail_wrapper {
	width: 860px;
	height: 100%;
	margin: 0 auto;
}
#detail_wrapper .wrapTop {
	margin: 30px auto -5px auto;
}

#detail_wrapper .wrapMid  {
	padding-top: 180px;
	height: 100%;
}

body > #detail_wrapper .wrapMid {
	height: auto;
	padding-bottom: 100px;
}

#detail_wrapper .photo {
	position: relative;
	padding-top: 50px;
}

#detail_wrapper h1 {
	margin: -5px 0 0 10px;
	position: absolute;
	z-index: 999;
	left: 65px;
}

#detail_wrapper .photo .viewer {
	width: 710px;
	height: 430px;
	margin: 0 auto;
}

#detail_wrapper .photo .zoomBtn {
	position: absolute;
	right: 100px;
	bottom: 20px;
}

#detail_wrapper #itemInfo {
	width: 760px;
	padding : 20px 0 10px 75px; 
}

#detail_wrapper #infoL {
	float: left;
	width: 400px;
}

#detail_wrapper #infoL .title {
	margin-bottom: 35px;
}

#detail_wrapper #infoL .title .itemNm {
	font:normal 19px/33px "ヒラギノ角ゴ ProN W6", "Hiragino KAku Gothic ProN", "Lucida Grande", "segoe UI", Meiryo, Arial, sans-serif;
	display: inline-block;
}

#detail_wrapper #infoL .title .icon {
	padding: 3px;
}

#detail_wrapper #infoL .price {
	font:normal 23px/20px "ヒラギノ角ゴ ProN W6", "Hiragino KAku Gothic ProN", "Lucida Grande", "segoe UI", Meiryo, Arial, sans-serif;	
	margin-bottom: 50px;
}

#detail_wrapper #infoL .price .yen {
	font-size: 18px;
	margin-left: -6px;
}

#detail_wrapper #infoL .explain {
	letter-spacing: 1px;
	font-size: 15px;
	line-height: 31px;
	margin-bottom: 40px;
}

#detail_wrapper #infoR {
	float: right;
	margin-right: 20px;
}

#detail_wrapper #infoR .cart {
	margin-bottom: 45px;
}

#detail_wrapper #infoR .quality dd {
	padding: 5px 0 0 10px;
	margin-bottom: 20px;
	font-size: 13px;
	line-height: 20px;
	letter-spacing: 0.5px;
	width: 316px;
}

#detail_wrapper #infoR .quality dd.flawImg {
	width: 310px;
	margin-left: -8px;
}
#detail_wrapper #infoR .quality dd.flawImg img {
	float: left;
	padding: 0 10px 10px 0
}

#detail_wrapper #infoR .notes {
	font-size: 12px;
	line-height: 22px;
	letter-spacing: 0.1px;
	margin-top: 20px;
	padding-left: 5px;
}

#detail_wrapper #infoR .notes span {
	display: block;
	padding-top: 10px;
	color: #E60A00;
}

/* プロフィール & 個別 ------ */
.backBtn {
	text-align: center;
	margin: 60px 0 30px 0;
}