@CHARSET "UTF-8";
@import "default.css";
@import "calendar.css";

/*************************************************************/
/*  */
/*************************************************************/
#top_bar 		{background-color:#282814;height:10px;width:100%;}

#page-border    {/*height:100%;min-height:100%;*/width:950px;text-align:left;margin-left:auto;margin-right:auto;}
#p_header       {padding:0;margin:0;height:140px;position:relative;}
#p_menu         {}
#p_breadcrumbs  {}
#p_body         {margin:80px 0 0 0;}
#p_footer       {height:100px;line-height:100px;background-color:#282814;text-align:center;color:#fff;font-size:1.2rem;margin:70px 0 0 0;}

#img_big img{width:100%;}	


.pc_hide {display:none;}
.sp_hide {display:inline;}

.contents h1{font-size:1.8rem;}

h2 {font-size:1.1rem;line-height:1.1rem;color:#282814;margin:6px 0 0 0;padding:0;font-weight:bold;}
h3 {font-size:1.1rem;line-height:1.1rem;color:#696969;margin:6px 0 0 0;padding:0;font-weight:normal;}
h4 {font-size:1.5rem;line-height:1.6rem;color:#282814;margin:0;padding:0;font-weight:normal;}
h5 {font-size:1rem;line-height:1rem;color:#696969;margin:6px 0 0 0;padding:0;font-weight:normal;}
h6 {font-size:1rem;line-height:1rem;color:#696969;margin:6px 0 0 0;padding:0;font-weight:normal;}


hr{display:block;height:1px;border:0;border-top:1px solid #cdcdcd;margin:0;padding:0;}

.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}

.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}

.pr{margin:0;padding:0;}

.sort {text-align:right;min-width:300px;height:16px;line-height:16px;font-size:1.2rem;}
.page {text-align:right;font-size:1.2rem;}
.txt_overflow{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-webkit-text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.button_wrapper {text-align:center;}

.image-container {height:92px;position:relative;overflow:hidden;margin-left:-10px;width:236px;}
.image-container .image-clopsize {width:246px;height:92px;}


/*************************************************************/
/* HEADER */
/*************************************************************/
header h1,h6 {position:absolute;bottom:10px;left:0;}
header ul {list-style:none;font-size:1.1rem;position:absolute;bottom:5px;right:230px;width:160px;height:24px;}
header li {float:left;margin-right:10px;}
header li:last-child{margin-right:0;}

header .search {position:absolute;bottom:10px;right:0;width:222px;height:24px;}
header .search input[type=text]{width:160px;height:24px;padding:0 5px;margin:0 5px 0 0;float:left;}
header .search button{border:none;color:#fff;width:54px;height:24px;background-color:#696969;padding:2px 6px 3px 6px;margin:0;display:inline-block;float:left;}
header .search button:hover{background-color:#363636;}


/*************************************************************/
/* FOOTER */
/*************************************************************/
footer p{height:1em;margin:0 0 10px 0;padding:0;}
footer a:Link      {color: #fff;text-decoration:none;}
footer a:visited   {color: #fff;text-decoration:none;}
footer a:active    {color: #C50808;text-decoration:none;}
footer a:hover     {color: #C50808;text-decoration:none;}


/*************************************************************/
/* PAGE TOP */
/*************************************************************/
.page_top .category_title {margin:0 0 7px 0;font-size:1.2rem;color:#696969;}

.page_top .unit{width:226px;margin:0 15px 0 0;float:left;}
.page_top .unit:nth-child(4){margin:0;}
.page_top .unit ul{list-style:none;padding:0;height:672px;margin:24px 0 0 0;overflow:hidden;}
.page_top .unit li{height:144px;padding:0;margin:0 0 24px 0;}
.page_top .unit span.discount_rate{color:darkred;}

.page_top .category {width:650px;float:left;}
.page_top .category ul {list-style:none;padding:0;margin:24px 0 0 0;font-size:11px;}
.page_top .category li {width:200px;height:20px;padding:0;margin:0 15px 5px 0;float:left;}
.page_top .category li:nth-child(3n){margin:0 0 5px 0;}

.page_top .ad300x250 {float:left;}

/*************************************************************/
/* PAGE CATEGORY */
/*************************************************************/
.categories .title_page {height:55px;}
.categories .title_page .left{width:450px;float:left;}
.categories .title_page .right{width:500px;float:right;}

.categories .items .left{float:left;width:220px;}
.categories .items .right{float:right;width:708px;}

.categories .items .category{}
.categories .items .category ul{}
.categories .items .category li{margin:0 0 10px 0;font-size:1.2rem;}

.categories .items .pr{}

.categories .items .list{}
.categories .items .list ul{list-style:none;padding:0;margin:0;}
.categories .items .list li{width:226px;height:134px;float:left;margin:0 15px 35px 0;overflow:hidden;}
.categories .items .list li:nth-child(3n){margin:0 0 35px 0;}

.categories .items .list h3{color:darkred;text-align:right;font-size:1.4rem;}


/*************************************************************/
/* PAGE ITEM */
/*************************************************************/
.item h1 {font-size:1.6rem;font-weight:normal;margin:10px 0;width:750px;color:#363636;}
.item h2 {font-size:1.3rem;line-height:1.4rem;color:#696969;font-weight:normal;margin:50px 0 0 0;}

.item button{border:none;margin:0;color:#fff;font-size:1.4rem;background-color:#696969;padding:10px 35px;position: absolute;top:0;right:0;}
.item button:hover{background-color:#363636;}

.item .waku{position:relative;}
.item .title{position:relative;width:100%;}

.item .container {margin:25px 0 0 0;}
.item .container .image {width:300px;float:left;}
.item .container .image ul{list-style:none;margin:0;padding:0;}
.item .container .image li{float:left;margin:10px 5px 0 0;cursor:pointer;}
.item .container .image li:nth-child(5n){margin:10px 0 0 0;}
.item .container .description {width:625px;margin:0 0 0 25px;float:left;font-size:1.1rem;color:#282814;}
.item .container .description h3 {font-size:1.4rem;}
.item .container .description h3 span {font-size:1.8rem;color:#242418;}
.item .container .description h3 span.normal {font-size:1rem;text-decoration:line-through;color:#696969;}
.item .container .description h3 span.discount_rate {color:darkred;}
.item .container .description .contents {margin:25px 0 0 0;word-break: break-all;}

.item .inquiry_msg {text-align:center;padding:20px 0 0 0;border-top:1px solid #cdcdcd;margin-top:10px;font-size:1.2rem;}

.review {margin:50px 0 0 0;}
.review .left {width:600px;float:left;}
.review .right {float:right;width:300px;}

.review .title {}
.review .title .left{float:left;width:30%;}
.review .title .right{float:right;width:70%;}

.review ul {margin:25px 0 0 0;font-size:1.1rem;}
.review li {margin:20px 0 20px 0;border-bottom:1px solid #e5e5e5;}
.review li span.title{width:400px;float:left;display:block;}
.review li span.time{width:200px;float:right;text-align:right;}
.review li div:last-child{padding:10px 0;}
.review li .error {text-align:center;}

/*************************************************************/
/* PAGE SEARCH */
/*************************************************************/
.search .title {}
.search .title .left{float:left;width:50%;}
.search .title .right{float:right;width:50%;}

.search li{margin:25px 0 0 0;padding:0 0 25px 0;border-bottom:1px dotted #e5e5e5;}
.search li .left{float:left;width:150px;height:150px;border:1px solid #e5e5e5;text-align:center;margin-right:20px;}
.search li .left img{width:148px;}
.search li .right{float:left;width:780px;}

.search ul h2{font-size:1.8rem;line-height:2rem;text-align:left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom:5px;}
.search ul h3{font-size:1.6rem;line-height:30px;text-align:right;color:#181a33;font-weight:bold;padding:0 10px 0 0;}
.search ul h4{font-size:1.2rem;text-align:left;color:#dd9f61;font-weight:bold;margin-bottom:5px;}

.search .description {font-size:1.2rem;overflow: hidden;text-overflow: ellipsis;height:50px;width:680px;margin:0 0 18px 0;}
.search .price {height:30px;line-height:30px;}
.search .sort_bottom {margin:50px 0 50px 0;}



/*************************************************************/
/* SP */
/*************************************************************/

@media only screen
 and (min-device-width: 320px)
 and (max-device-width: 568px) {

	html {height:auto;overflow-y:scroll;}
	body {position: static;height: auto;}
	
	#page-border    {width:100%;padding:20px;}	
	#p_header       {height:80px;position:relative;}
	#p_body         {margin:40px 0 0 0;}	

	.sp_hide {display:none;}
	.pc_hide {display:inline;}
	.sp_txtoverflow_off{overflow:visible;white-space: normal;}
	.sort {font-size:1.4rem;min-width:auto;height:auto;line-height:auto;margin-bottom:8px;text-align:center;}
	.page {font-size:1.2rem;margin-bottom:20px;text-align:center;}
	
	.image-container {height:150px;position:relative;overflow:hidden;margin-left:0;width:100%;}
	.image-container .image-clopsize {width:100%;height:150px;}
	
	.btn_search {width:48px;height:48px;position:absolute;right:0;top:0px;} 
	
	/*************************************************************/
	/* HEADER */
	/*************************************************************/
	header h1,h6 {top:0;}
	header ul {display:none;}
	header .search {display:none;position:absolute;bottom:-20px;left:0;width:100%;height:32px;}
	header .search input[type=text]{width:200px;height:32px;font-size:1.4rem;}
	header .search button{font-size:1.4rem;position:static;margin:0;padding:0 10px;height:32px;width:auto;}
	
	/*************************************************************/
	/* FOOTER */
	/*************************************************************/
	footer p{height:1em;margin:0 0 10px 0;padding:0;}


	/*************************************************************/
	/* PAGE TOP */
	/*************************************************************/
	.page_top .category_title {margin:0 0 7px 0;font-size:1.2rem;color:#696969;}
	
	.page_top .unit{width:100%;margin:0 0 20px 0;}
	.page_top .unit ul{height:150px;}
	.page_top .unit li{height:144px;}
	
	.page_top .category {width:auto;margin:0 0 30px 0;}
	.page_top .category li {width:auto;height:auto;padding:0;margin:0;float:none;font-size:1.4rem;line-height:1.8em;}
	.page_top .category li:nth-child(3n){margin:0;}
	
	.page_top .ad300x250 {width:100%;}

	/*************************************************************/
	/* PAGE CATEGORY */
	/*************************************************************/
	.categories .title_page {height:auto;}
	.categories .title_page .left{width:100%;float:none;}
	.categories .title_page .right{width:100%;float:none;}
	
	.categories .items .left{float:none;width:100%;}
	.categories .items .right{float:none;width:100%;margin-top:30px;padding:30px 0;border-top:1px solid #e5e5e5;}
	
	.categories .items .category{width:auto;float:none;margin-top:30px;}
	.categories .items .category ul{}
	.categories .items .category li{margin:0 0 10px 0;font-size:1.4rem;}
	
	.categories .items .list{}
	.categories .items .list ul{list-style:none;padding:0;margin:0;}
	.categories .items .list li{width:100%;height:auto;float:none;margin:0 0 50px 0;overflow:hidden;}
	.categories .items .list li:nth-child(3n){margin:0 0 50px 0;}
	.categories .items .list h2{font-size:1.6rem;line-height:2rem;}
	.categories .items .list h3{font-size:1.8rem;height:2rem;margin:5px 0 0 0;}

	.categories .items .list img{width:100%;}

	/*************************************************************/
	/* PAGE ITEM */
	/*************************************************************/
	.item h1 {width:100%;font-size:2.1rem;}
	.item h2 {margin:30px 0 0 0;font-size:1.4rem;line-height:1.6rem;}
	
	.item .title{position:static;width:100%;}
	.item button{font-size:2.2rem;position:static;margin:20px 0;}
	
	.item .container {margin:25px 0 0 0;}
	.item .container .image {width:100%;float:none;}
	.item .container .image li{float:left;margin:10px 5px 0 0;}
	.item .container .image li:nth-child(5n){margin:10px 0 0 0;}
	.item .container .description {width:auto;margin:0;float:none;font-size:1.4rem;}
	.item .container .description h3 {font-size:2rem;text-align:right;margin:20px 0;padding:20px 0;border-bottom:1px solid #e5e5e5;}
	.item .container .description h3 span {font-size:3rem;}
	.item .container .description h3 span.normal {font-size:1.4rem;}
	.item .container .description h3 span.discount_rate{display:block;font-size:2rem;margin:20px 0 0 0;}
	.item .container .description .contents {margin:25px 0 0 0;word-break: break-all;}
	
	.review {margin:40px 0 0 0;}
	.review .left {width:100%;float:none;}
	.review .right {width:100%;float:none;}
	
	.review .title .left{float:none;width:100%;}
	.review .title .right{float:none;width:100%;margin:20px 0 0 0;}
	.review .title .right .page {text-align:center;}
	
	.review ul {margin:25px 0 0 0;font-size:1.4rem;}
	.review li {margin:10px 0 20px 0;border-bottom:1px solid #e5e5e5;}
	.review li span.title{width:50%;}
	.review li span.time{width:50%;}
	.review li div:last-child{padding:10px 0;}


	/*************************************************************/
	/* PAGE SEARCH */
	/*************************************************************/
	.search .title .left{float:none;width:auto;}
	.search .title .right{float:none;width:auto;margin-top:20px;}
	
	.search li{margin:25px 0 0 0;padding:0 0 25px 0;border-bottom:1px dotted #e5e5e5;}
	.search li .left{float:none;width:100%;height:auto;margin-right:0;}
	.search li .left img{width:100%;}
	.search li .right{float:none;width:100%;}
	
	.search ul h2{font-size:1.8rem;line-height:2rem;margin-bottom:5px;overflow:visible;white-space: normal;}
	.search ul h3{font-size:1.6rem;line-height:30px;text-align:right;color:#181a33;font-weight:bold;padding:0 10px 0 0;}
	.search ul h4{font-size:1.2rem;text-align:left;color:#dd9f61;font-weight:bold;margin-bottom:5px;}
	
	.search .description {font-size:1.2rem;height:auto;width:100%;overflow:visible;white-space: normal;}
	.search .price {height:30px;line-height:30px;}
	.search .sort_bottom {margin:50px 0 50px 0;}

}

@media only screen and (device-width: 375px) {
	.fair .intop .image {width:300px;position:absolute;top:100px;left:190px;}
}

@media only screen and (device-width: 414px) {
	.fair .intop .image {width:300px;position:absolute;top:110px;left:210px;}
}