@charset "utf-8";
/* CSS Document */

html{
	scroll-behavior: smooth; /*スムーススクロール*/
}


body{
width: 100%;
height: 100%;	
font-size: 62.5%; 	/* font-size 10px */
color:#333;
background: #eae8e1;/*オイスターホワイト*/	
height: 100%;
position: relative;	
-webkit-overflow-scrolling: touch;/*スマホのスクロールをスムーズにする*/
word-break: break-word;/*自動改行*/	
	
 font-family: Quicksand, 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
	
}


/***************************************

common

***************************************/




a {
	text-decoration: none;
	color: #333;
	outline: none;
}

a:hover {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	opacity: 0.5;
	filter: alpha(opacity=50);
	webkit-transition: 0.6s;
	transition: 0.6s;
}

.clearfix:after {/*親要素に display: flow-root Chrome と Firefox */
  content: "";
  clear: both;
  display: block;
}	

ul{
	list-style-type: none;
	overflow:hidden;
	
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}

	
/***************************************

header

***************************************/



header{
    width: 100%;
	position: fixed;
    top: 0;
    left:0;
	z-index: 100000;
	background: #fff;
	
}

nav{
	width: 95%;
	margin: 0 auto 1%;
}



ul.navi{
	width: 100%;
	margin: 0 auto;
	font-size: 0.8rem;
	
}	

img.Logo{
	width: 50%;
	text-align:left;
	vertical-align:middle;	
}

ul.navi li{
	  float: left;
	  margin: 1% 0 0;
	font-size: 0.7rem;
}

 li.li7 {  
  width: 7%;
padding-top: 0.5rem;	 
}
 li.li19 {  
  width: 19%;	
}

 li.li60 {  
  width: 60%;	
}

ul.navi li p{
	  font-size: .1rem;		
}


@media (max-width:768px) {
	
	
	

header{
    width: 100%;
	position: fixed;
    top: 0;
    left:0;
	z-index: 100000;
	background: #fff;
	
}

nav{
	width: 100%;
	margin: 0 auto 1%;
}



ul.navi{
	width: 100%;
	margin: 0 auto;
	font-size: 0.6rem;
	
}	

img.Logo{
	width: 30%;
	
	vertical-align:middle;	
}

ul.navi li{
	  float: left;
	  margin: 2.5% 0 0 0;		
}

 li.li7 {  
  display: none;	
}
 li.li19 {  
  width: 80%;
	
	 text-align:center;
		 
}

 li.li60 {    
  display: none;	 
}

ul.navi li p{
	  display: none;
}	
	
	
	
	}

/***************************************

CONTENTS

***************************************/


/*----------------------------------
はじめ
----------------------------------*/

section.phase_001{
	width: 90%;
	margin: 5% auto 0 ;
	background: #fff;
	overflow: hidden;
}


.top-wrapper {
	background-color: #eeeeee;
	text-align: center;
}


.title {
    position: absolute;
    top: 280px;
    width: 30%;
    max-width: 1000px;
    right:550px;
    
    
}



.top-image {

	max-width: 1200px;
	margin: 0 auto;
	
}

h1{
padding: 3%	0; 
font-size: 2.5rem;
text-align: center;
font-family: 'Noto Serif SC', serif;	
letter-spacing: 0.3rem;	
}

article{
	
	width: 100%;
	margin: 0% auto;
}


h2{
	
font-size: .8rem;	
letter-spacing: 0.2rem;	
margin-top: -3%;	
text-align: center;	
font-weight: 500;	
}


p.title_Disp{
	margin: 3.5% auto;
	width: 40%;
	font-size: .9rem;
	line-height: 2rem
	
}



article.Swipe{
width: 80%;
margin: 0 auto;}

.swiper-slide{
	font-size: 0.6rem;
	line-height: 1.2rem;
}

.swiper-slide img{
	width: 100%
}




/*ナビ*/

nav.select_nav{
	
	width: 100%;
	margin: 2% auto 5%;
	
	

	
	
	
}

.select_nav ul{
	
	width: 40%;
	margin: 0 auto;
	
	
}

.select_nav ul li{
	
	width: 30%;
	text-align: center;	
	background:#000;	
	font-size:.8rem;	
    height: 1.5rem;
  	padding:2% 0 1% 0;
	margin-right: 0.5%;
	margin-top: 0.5%;
	float: left;
	
}

.select_nav ul li a{
	color:#fff;
}


.select_nav_tit{
	
	width: 80%;
	margin: 5% auto 1%;
	font-size:1.2rem;
	text-align: center;
	font-weight: 900;
	
	
}


/*
.swiper-slide-prev{
	margin: 0 0 0 35px!important;
	
}



.swiper-slide-active,
.swiper-slide-next{
	margin: 0 -10px 0 -15px!important;
	
}

.swiper-slide-active img,
.swiper-slide-prev img,
.swiper-slide-next img{
	text-align: center!important;
	
}
*/

@media (max-width:768px) {
	
	
section.phase_001{
	width: 90%;
	margin:9% auto 0 ;
	background: #fff;
	overflow: hidden;
}

	
.title {
    position: absolute;
    top: 280px;
    width: 70%;
    max-width: 1000px;
    right:100px;
    
    
}
	
	
h1{
padding: 3%	0; 
font-size: 2.0rem;
text-align: center;
font-family: 'Noto Serif SC', serif;	
letter-spacing: 0.3rem;	
}

article{
	
	width: 100%;
	margin: 0% auto;
}


h2{
	
font-size: .6rem;	
letter-spacing: 0.1rem;	
margin-top: -4%;	
text-align: center;	
font-weight: 500;	
}


p.title_Disp{
	margin: 10% auto;
	width: 90%;
	font-size: .8rem;
	line-height: 2rem
	
}



article.Swipe{
width: 80%;
margin: 0 auto;}


.swiper-slide img{
	width: 100%
}
	
	
	

/*ナビ*/

nav.select_nav{
	
	width: 100%;
	margin: 2% auto 5% -15px;
	
	
	

	
	
	
}

.select_nav ul{
	
	width: 95%;
	margin: 0 auto;
	
	
}

.select_nav ul li{
	
	width: 30%;
	text-align: center;	
	background:#000;	
	font-size:.7rem;	
    height: 1.3rem;
  	padding:2% 0 .5% 0;
	margin-right: 0.5%;
	
	float: left;
	
}

.select_nav ul li a{
	color:#fff;
}


.select_nav_tit{
	
	width: 100%;
	margin: 0 0 0 15px;
	font-size:1.2rem;
	text-align: center;
	font-weight: 900;

	
	
}

	
	
	
	
}


/*----------------------------------
レコメンドブランド
----------------------------------*/

ul.brand{
	
	width: 70%;
	margin: 20% auto 0;
	
}


ul.brand li{	
	float: left;
}

ul.brand li.number{
	
	font-size: 6rem;
}


ul.brand li p.brandname{
	width: 90%;
	
	text-align: left;
font-family: 'EB Garamond', serif;
font-size: 2.3rem;
line-height: .1rem;
	margin-left: 4%;
	letter-spacing: 0.05rem;

	
}

ul.brand li hr{
	width: 90%;
	
	margin-top: -7%;
	
	border-top: 1px solid #1A1A1A;
	
}


.brandname_Disp{
	width: 90%;
	font-size: 2.2rem;
	margin-left: 4%;
}

.brandname_Disp_small{
	width: 90%;
	font-size: 0.3rem;
	margin-left: 6%;
}

p.other_Disp{
	
	width: 85%;
	padding: 0 0 0 1%;
	font-size: .9rem;
	line-height: 2rem
	
}

p.other_Disp strong{
	
	width: 85%;
	padding: 0 0 0 0%;
	font-size: 1.1rem;
	line-height: 2rem;
	font-weight: 900;
	
	
}


 li.li10 {  
  width: 10%;	
	 
}
 li.li30 {  
  width: 30%;	
}

 li.li50 {  
  width: 47%;	
	
}


h3{
	
font-size: 1.3rem;	
letter-spacing: 0.2rem;	
margin:5% auto 2%;	
text-align: center;	
font-weight: 900;	
}

.series_disp{
	
	width: 40%;
	margin: 0 auto 2%;
	font-size: .9rem;
	line-height: 1.7rem;
}

div.code_item{
	max-width: 1100px;
	margin: 0 auto;
	
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	
}

.code_item_left{
	width: 500px;

			
}

.code_item_left img{
	width: 100%;

			
}

.code_item_right{
	width: 600px;
	
	
}	

p.series_item{
	font-size: .5rem;
	font-weight: 300;
	
}

ul.code_item_bara{
	margin-left: -30px;
	width: 98%;
	clear: both;
	overflow:hidden;
	
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}


ul.code_item_bara li{
	width: 33.333%;
	text-align: center;
	float: left;
	margin-bottom: 2%;
}

ul.code_item_bara li.li100{
	width: 100%;
	text-align: center;
	margin: 2% 0;
	font-size: 1.0rem;
	
	font-weight: 900;
}

p.Item_brand{
	
	width: 90%;
	margin: 1% auto;
	font-size: 0.6rem;
	line-height: 1.0rem;
	letter-spacing: 0.1rem;
	
	
}

ul.code_item_bara li img{
	width: 95%;
	margin: 1% auto;
	
}


p.series{
	width: 100%;
	background: #000;
	color: #fff;
	font-size: .9rem;
	font-weight: 500;
	padding: 2% 2%;
}


p.series a{
	color: #fff;
}

ul.brand_item{
	
	width: 75%;
	margin: 5% auto 5% ;

}

ul.brand_item li{
	
	margin: 0 auto;
	text-align: center;
	float: left;
}
	




ul.brand_item img{
	width: 80%;
	
}	
	
p.vertical{
	text-align: center;
}

p.sub{
	
	width: 85%;
	margin: 0 auto;
	font-size: 1rem;
	font-weight: 600;
	line-height: 2rem;
	letter-spacing: .2rem
	
}

p.brand_item_name{
	
	width: 50%;
	margin: 2% auto;
	text-align: left;
	font-size: .7rem;
	line-height: 1.4rem;
	letter-spacing: .2rem
	
}


p.brand_item_others{
	
	width: 100%;
	margin: 0% auto 2%;
	text-align: center;
	font-size: 1.5rem;
	line-height: 1.4rem;
	letter-spacing: .2rem;
	font-weight: 700;
	
	
}


ul.brand_item_others_item{
	width: 70%;
	margin: 0 auto;
	text-align: center;
	
}

ul.brand_item_others_item li{
	float: left;
	width: 25%
}

ul.brand_item_others_item li img{
	width: 90%;
	
}

p.brand_item_others_name{
	
	width: 100%;
	margin: 0% auto;
	text-align: center;
	font-size: .5rem;
	line-height: 1.2rem;
	letter-spacing: .1rem;
	font-weight: 400;
	
	
}


@media (max-width:768px) {
	
	ul.brand{
	
	width: 100%;
	margin: 20% auto 0 -30px;
	
}


ul.brand li{	
	float: left;
}

ul.brand li.number{
	
	font-size: 3rem;
}


ul.brand li p.brandname{
	width: 90%;
	
	text-align: left;
	font-family: 'EB Garamond', serif;
	font-size: 1.5rem;
	line-height: .1rem;
	margin-left: 4%;
	letter-spacing: 0.05rem;
	
	
}

ul.brand li hr{
	width: 90%;
	
	margin-top: -3%;
	
	border-top: 1px solid #1A1A1A;
	
}
	
	
ul.brand li.li30{
		width: 80%;
	}	
	
	
h3{
	
font-size: 1.3rem;	
letter-spacing: 0.2rem;	
margin:5% auto 2%;	
text-align: center;	
font-weight: 900;	
}

.series_disp{
	
	width: 95%;
	margin: 0 auto 2%;
	font-size: .9rem;
	line-height: 1.7rem;
}

div.code_item{
	width: 90%;
	margin: 10% auto 3%;
	
	display:block;
	
}





.code_item_left{
	width: 100%;
	text-align: center;

			
}

.code_item_left img{
	width: 80%;

			
}

.code_item_right{
	width: 100%;
	
}	

p.series_item{
	font-size: .5rem;
	font-weight: 300;
	
}
	
p.vertical{
	text-align: center;
}

p.sub{
	
	width: 100%;
	margin: 0 auto;
	font-size: .8rem;
	font-weight: 600;
	line-height: 2rem;
	letter-spacing: .1rem
	
}

p.brand_item_name{
	
	width: 100%;
	margin: 2% auto;
	text-align: left;
	font-size: .7rem;
	line-height: 1.3rem;
	letter-spacing: .1rem
	
}


p.brand_item_others{
	
	width: 100%;
	margin: 10% auto 2%;
	text-align: center;
	font-size: 1.5rem;
	line-height: 1.4rem;
	letter-spacing: .2rem;
	font-weight: 700;
	
	
}


ul.brand_item_others_item{
	width: 90%;
	margin: 0 auto 0 -20px;
	text-align: center;
	
}

ul.brand_item_others_item li{
	float: left;
	width: 50%
}

ul.brand_item_others_item li img{
	width: 90%;
	
}

p.brand_item_others_name{
	
	width: 100%;
	margin: 0% auto;
	text-align: center;
	font-size: .5rem;
	line-height: 1.0rem;
	letter-spacing: .1rem;
	font-weight: 400;
	
	
}
	
}


/*----------------------------------
シーンカテゴリー
----------------------------------*/



/*ナビ*/

nav.item_category_nav{
	
	width: 100%;
	margin: 2% auto;
	
	

	
	
	
}

.item_category_nav ul{
	
	width: 40%;
	margin: 0 auto;
	
	
}

.item_category_nav ul li{
	
	width: 30%;
	text-align: center;	
	background:#ddc855;	
	font-size:.8rem;	
    height: 1.5rem;
  	padding:2% 0 1% 0;
	margin-right: 0.5%;
	
	float: left;
	
}

.item_category_nav ul li a{
	color:#fff;
}




article.item_category_article{

margin: 0 auto 10%;}



p.item_category_title{
	
	width: 100%;
	margin: 15% auto 0 ;
	text-align: center;
	font-size: 3rem;
	font-weight: 600;
	line-height: 2rem;
	letter-spacing: .2rem;
	font-family: 'Noto Serif SC', serif;
	
}




p.item_category{
	
	width: 80%;
	margin: 12% auto 0;
	text-align: center;
	
	
	font-size: 2rem;
}




p.item_category_Disp{
	
	width: 45%;
	margin: 1% auto 0 ;
	text-align: left;
	font-size: 1.0rem;
	line-height: 2rem;
	letter-spacing: .2rem;
		
	
} 


.item_category_img{
	
	margin: 2% auto 0;
	text-align: center;
}

.item_category_code{
	width: 50%;
	margin: 0 auto 0;
	text-align: left;
	font-size: 0.7rem;
	line-height: 1.3rem;
	letter-spacing: .2rem;
	
}


ul.item_category_item{
	
	width: 74%;
	margin: 3% auto 0;
	
	
	
}	
	
ul.item_category_item li{	
	float: left;
	text-align: center;
	margin: 0 auto;
	
	
}

ul.item_category_item li img{	
	width: 99%;
	
}

ul.item_category_item  li.li30{	
	margin: 3% auto 0;
	
}



.item_category_bettyuu	{
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	
	border: 1px solid #1F1F1F;
	padding: 1% 2%;
	font-size: .2rem;
}

.item_category_newup	{
	
	padding: 1% 2%;
	font-size: .4rem;
}


p.item_category_itemcode{
	
	width: 95%;
	margin: 1% auto 0 ;
	text-align: left;
	font-size: .75rem;
	line-height: 1.3rem;
	letter-spacing: .2rem
	
} 

.piu{
	display: none;
}


.new	{
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	
	border: 1px solid #1F1F1F;
	margin-right: 1%;
	padding: .5% 1%;
	font-size: .4rem;
	letter-spacing: 0.1rem;
}



/*0301追加分*/

article.manner_article{
margin: 0 auto 10%;}


p.manner_article_title{
	
	width: 100%;
	margin: 15% auto 0 ;
	text-align: center;
	font-size: 3rem;
	font-weight: 600;
	line-height: 2rem;
	letter-spacing: .2rem;
	font-family: 'Noto Serif SC', serif;
	
}

ul.manner_ul{
	
	width: 60%;
	margin: 5% auto 2%;
}

p.manner_ul_title{
	font-size: 1.7rem;
	font-weight: 900;
	letter-spacing: 0.5rem
}
p.manner_ul_txt{
	width: 90%;
	margin: 0 auto;
	font-size: 1.0rem;
	font-weight: 400;
	letter-spacing: 0.1rem;
	line-height: 1.8rem;
}

ul.manner_ul li{
	
	width: 100%;

}



.manner_link{
	width: 55%;
	margin: 2% auto;
	
	
}

.jump_sty {
	width: 100%;
	background: #000;
	color: #fff;
	font-size: 1.0rem;
	padding: 1% 3%;
	letter-spacing: 0.2rem;
}

.jump_sty a{
	
	color: #fff;
	
}


.manner_item_ul{
	
	width: 60%;
	margin: 0 auto;
}



.manner_item_ul li.li25{
	
	width: 25%;
	float: left;
	font-size: 0.5rem;

	letter-spacing: 0.1rem;
	line-height: 1.0rem;
	
	margin-top: 2%;
}

.manner_item_ul li img{
	
	width: 95%;
	text-align: center;
}




@media (max-width:768px) {
	
	
/*ナビ*/



/*ナビ*/

nav.item_category_nav{
	
	width: 100%;
	margin: 2% auto 0 -15px;
	
	

	
	
	
}

.item_category_nav ul{
	
	width: 95%;
	margin: 0 auto;
	
	
}

.item_category_nav ul li{
	
	width: 30%;
	text-align: center;	
	background:#ddc855;	
	font-size:.7rem;	
    height: 1.4rem;
  	padding:2% 0 0 0;
	margin-right: 0.5%;
	
	float: left;
	
}

.item_category_nav ul li a{
	color:#fff;
}




article.item_category_article{

margin: 0% auto 10%;}



p.item_category_title{
	
	width: 100%;
	margin: 25% auto 0 ;
	text-align: center;
	font-size: 2.3rem;
	font-weight: 600;
	line-height: 3rem;
	letter-spacing: .2rem
	
}




p.item_category{
	
	width: 80%;
	margin: 5% auto 0;
	

	
	text-align: center;
	font-size: 2rem;
}


.item_category_img img{
	
	width: 100%;
}

.item_category_code{
	width: 95%;
	margin: 0 auto 0;
	text-align: left;
	font-size: 0.7rem;
	line-height: 1.3rem;
	letter-spacing: .1rem;
	
}

p.item_category_itemcode{
	
	width: 95%;
	margin: 1% auto 0 ;
	text-align: left;
	font-size: .5rem;
	line-height: 1.3rem;
	letter-spacing: .2rem
	
} 

p.item_category_Disp{
	
	width: 95%;
	margin: 1% auto 0 ;
	text-align: left;
	font-size: .9rem;
	line-height: 2rem;
	letter-spacing: .2rem;
		
	
} 

ul.item_category_item{
	
	width: 95%;
	margin: 3% auto 0 -25px;
	
	
	
}	
	
ul.item_category_item li{	
	float: left;
	text-align: center;
	margin: 0 auto;
	
	
}
	
ul.item_category_item li.li30{	
	width: 50%;
	
	
}	

ul.item_category_item li img{	
	width: 98%;
	
}
	
	

ul.item_category_item  li.li30{	
	margin: 3% auto 0;
	
}



.item_category_bettyuu	{
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	
	border: 1px solid #1F1F1F;
	padding: 1% 2%;
	font-size: .4rem;
}

.item_category_newup	{
	
	padding: 1% 2%;
	font-size: .4rem;
}


p.item_category_brand{
	
	width: 100%;
	margin: 0% auto 0 ;
	text-align: center;
	font-size:.5rem;
	line-height: 2rem;
	letter-spacing: .1rem
	
} 

	

/*0301追加分*/

article.manner_article{
margin: 0 auto 10%;}


p.manner_article_title{
	
	width: 100%;
	margin: 15% auto 0 ;
	text-align: center;
	font-size: 3rem;
	font-weight: 600;
	line-height: 2rem;
	letter-spacing: .2rem;
	font-family: 'Noto Serif SC', serif;
	
}

ul.manner_ul{
	
	width: 90%;
	margin: 5% auto 2%;
}

p.manner_ul_title{
	font-size: 1.7rem;
	font-weight: 900;
	letter-spacing: 0.5rem
}
p.manner_ul_txt{
	width: 95%;
	margin: 0 auto;
	font-size: 1.0rem;
	font-weight: 400;
	letter-spacing: 0.1rem;
	line-height: 1.8rem;
}

ul.manner_ul li{
	
	width: 100%;

}



.manner_link{
	width: 80%;
	margin: 2% auto;
	
	
}

.jump_sty {
	width: 100%;
	background: #000;
	color: #fff;
	font-size: 0.7rem;
	padding: 1% 3%;
	letter-spacing: 0.2rem;
}

.jump_sty a{
	
	color: #fff;
	
}


.manner_item_ul{
	
	width: 90%;
	margin: 0 auto;
}



.manner_item_ul li.li25{
	
	width: 50%;
	float: left;
	font-size: 0.5rem;

	letter-spacing: 0.1rem;
	line-height: 1.0rem;
	
	margin-top: 2%;
}

.manner_item_ul li img{
	
	width: 95%;
	text-align: center;
}



	
	
	
}



/*----------------------------------
アイテムカテゴリー
----------------------------------*/


article.item_category_link_article{

	margin: 0 auto 10%;}



p.item_category_link_title{
	
	width: 100%;
	margin: 15% auto 0 ;
	text-align: center;
	font-size: 3rem;
	font-weight: 600;
	line-height: 2rem;
	letter-spacing: .2rem;
	font-family: 'Noto Serif SC', serif;
	
}


/***************************************

BUTTON　ジャンプ

***************************************/


p.jump{
	font-size: 1.3rem;
	width: 50%;
	margin: 2% auto;
	text-align: center;
	background: #fff;
	border:1px solid #1B1B1B;
	text-decoration: none;
	color: #1B1B1B;
	padding: 0.8em;
	
	}




p.jump:hover {
	 background: #1B1B1B;	 
	
	opacity: 1;
}

p.jump a:hover {
	 
     color: #fff;
	 cursor: pointer;
	 text-decoration: none;
	
	opacity: 1;
}


@media (max-width:768px) {
	
	p.jump{
	font-size: 1.0rem;
	width: 80%;
	margin: 5% auto;
	text-align: center;
	background: #fff;
	border:1px solid #1B1B1B;
	text-decoration: none;
	color: #1B1B1B;
	padding: 0.8em;
	
	}




p.jump:hover {
	 background: #1B1B1B;	 
	
	opacity: 1;
}

p.jump a:hover {
	 
     color: #fff;
	 cursor: pointer;
	 text-decoration: none;
	
	opacity: 1;
}
	
}

/***************************************

サイド固定

***************************************/


#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 0.8rem;
}
#page-top a {
	width: 30px;/*幅*/
	height: 30px;/*高さ*/
	border-radius: 50%;/*角丸*/
	
    background:#272727;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
	
	text-align:center;
 	 line-height: 30px;
    
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}


#item-category_side {
    position: fixed;
    bottom: 140px;
    right: 20px;
    font-size: 0.8rem;
}
#item-category_side a {
	width: 30px;/*幅*/
	height: 30px;/*高さ*/
	border-radius: 50%;/*角丸*/
	
    background:#337DAC;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
	
	text-align:center;
 	 line-height: 30px;
    
}
#item-category_side a:hover {
    text-decoration: none;
    background: #999;
}


@media (max-width:768px) {


#page-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    font-size: 0.7rem;
}
#page-top a {
	width: 10px;/*幅*/
	height: 30px;/*高さ*/
	border-radius: 50%;/*角丸*/
	
    background:#272727;
    text-decoration: none;
    color: #fff;
    width: 75px;
    padding: 20px 0;
    text-align: center;
    display: block;
	
	text-align:center;
 	 line-height: 30px;
    
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}


#item-category_side {
    position: fixed;
    bottom: 140px;
    right: 20px;
    font-size: 0.8rem;
}
#item-category_side a {
	width: 30px;/*幅*/
	height: 30px;/*高さ*/
	border-radius: 50%;/*角丸*/
	
    background:#337DAC;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
	
	text-align:center;
 	 line-height: 30px;
    
}
#item-category_side a:hover {
    text-decoration: none;
    background: #999;
}
}


/***************************************

footer

***************************************/


footer{
	width: 100%;
	margin: 0 auto;
	text-align: center;	
}


footer.p{
	font-size: 1.3rem;
	
	margin: 2% 0 ;
}