@charset "euc-jp";

body{
	background-image:url(/images/washi.png);
	background-repeat: repeat!important;
	min-width:1020px;
}

img{
	max-width:100%;
}

#header01{
	background-color:#FFF;
}

@media screen and (max-width: 1680px) {

#header01{
	padding-top:30px;
}

}

#inner-header01{
	width:1080px;
	max-width:100%;
	margin:0 auto;
	display: flex;
}

#header01 ul{
	width:calc(50% - 165px);
	display:flex;
}

#new_logo{
	width:330px;
	text-align:center;
	padding:1rem 0;
}

#header01 ul li{
	padding:0.5rem 0;
}

#header01 ul li a{
	display:block;
	text-align:center;
	padding:0 0.5rem;
}

#cart_button a{
	background-color:#ff9f17;
	color:#FFF;
	border-radius: 5px;
   -webkit-box-shadow: 0 3px 5px #ccc;
    -moz-box-shadow: 0 3px 5px #ccc;
    box-shadow: 0 3px 5px #ccc;
}

#header02{
	background-image:url(/images/navbg.jpg);
	box-sizing:border-box;
	font-family:"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", "sans-serif";
}

#header02 ul{
	width:1080px;
	max-width:100%;
	margin:0 auto;
	font-size:0;
}

#header02 li{
	display:inline-block;
	font-size:1rem;
}

#header02 li a{
	color:#FFF;
	padding:1rem;
	display:block;
	text-decoration:none;
	font-weight: bold;
	font-family:"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", "sans-serif";
	position:relative;
}

#header02 li a:after{
	content:"";
	height:1em;
	border-right:1px solid #FFF;
	right:0;
	position:absolute;
}

#header02 li:nth-last-of-type(1) a:after{
	display:none;
}

#topsl li a{
	
}

#topsl li a:hover img{
	opacity:1;
}

#new_main{
	width:1160px;
	display:flex;
	margin:-2.5rem auto 0 auto;
	min-height:500px;
	z-index:1000;
	position:relative;
}

#new_main_left{
	width:22%;
}

#new_main_right{
	width:78%;
	padding:0 1rem;
}

#side_menu{
	background-color:#FFF;
	background-image:url(/images/menubg.jpg);
	background-position:left top;
	background-repeat: no-repeat;
	margin:1rem 0;
	padding:0.5rem;
}

#side_menu h2{
	color:#c98600;
	padding:1rem;
	font-size:1.5em;
	line-height:1.3;
	letter-spacing: 0.1em;
}

#side_menu_ul{
	margin-bottom:1.5rem;
}

#side_menu_ul li.ca1 a {
	background-image:none;
}

#side_menu_ul li.ca1 {
	border-top:0px solid;
	border-bottom:2px solid #CCC;
}

#side_menu_ul li.ca1 a{
	padding:0.3rem;
	font-family:"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", "sans-serif";
}

#side_menu_ul li.ca1 a:hover{
	background-color:rgba(255,255,255,0.8);
	color:#333;
}

#side_soryo{
	background-color:#FFF;
   -webkit-box-shadow: 0 3px 5px #ccc;
    -moz-box-shadow: 0 3px 5px #ccc;
    box-shadow: 0 3px 5px #ccc;
	display:block;
}

#sidebn02{
	margin:1rem 0;
}

#sidebn02 li{
	margin-bottom:0.5rem;
}

#sidebn02 li a{
	border:1px solid #e2ac48;
	display:block;
}

#sbb_x{
	margin:1rem 0;
}

#sidebn03{
	margin:1rem 0;
}
#sidebn03 li{
	margin-bottom:1rem;
}

#sidebn03 li a{
	display:block;
}



#topsl{
	position:relative;
}

#topsl_ab{
	width:800px;
	position:absolute;
	z-index:10000;
	left:50%;
	margin-left:-400px;
	display:block;
	top:0;
}



#topsl_catch{
	width:15%;
	position:absolute;
	top:0;
	right:5%;
}

#topsl_button{
	width:64%;
	margin:22% auto 0 auto;
	display:flex;
}

#hajimetebn{
	display:block;
	margin-bottom:1rem;
}

#lang_bn{
	position:absolute;
	width:280px;
	right:30px;
	top:0;
}

#lang_bn a{
	display:inline-block;
	margin-right:10px;
}


#EST_SPS_cart #container,
#EST_SPS_regi #container{
	width:765px;
	margin:0 auto;
}

#EST_SPS_cart .mainFrame{
	margin-bottom:60px;
}


#EST_SPS_regi #center3{
	width:785px;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
}


.itemPic{
	height:auto!important;
}


.itemPic img{
	height:auto!important;
}










@media screen and (max-width: 1280px) {

#topsl_catch{
	width:10%;
}

#topsl_button{
	margin:11% auto 0 auto;
}

}

#topsl_button li{
	width:48%;
	margin:1%;
}

#topsl_button li a{
	display:block;
	background-color:#eb6100;
	padding:0.6rem;
	color:#FFF;
	text-decoration:none;
	border-radius:5px;
	font-size:1.2rem;
	font-family:"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", "sans-serif";
    transition-duration: 0.2s;
    transition-timing-function: linear;
}

#topsl_button li:nth-of-type(2) a{
	background-color:#ad3d6f;
}


#topsl_button li:nth-of-type(1) a:hover{
	background-color:#BF4E00;
}
#topsl_button li:nth-of-type(2) a:hover{
	background-color:#881A4B;
	
}











#seco_sl{
	margin-bottom:2.5rem;
}





.top_ranking{
	margin-bottom:1.5rem;
}

.top_ranking h2{
	padding:1rem;
	font-size:1.3rem;
	text-align:center;
	background-color:#e2892b;
	color:#FFF;
	letter-spacing: 0.05em;
	-webkit-box-shadow: 0 3px 5px #ccc;
    -moz-box-shadow: 0 3px 5px #ccc;
    box-shadow: 0 3px 5px #ccc;
	background:url(/images/ttl.gif) no-repeat top right;
}

.top_ranking ul{
	display:flex;
	margin:1% 0;
}

.top_ranking li{
	width:24.33%;
	margin-right:1%;
	background-color:#FFF;
   -webkit-box-shadow: 0 3px 5px #ccc;
    -moz-box-shadow: 0 3px 5px #ccc;
    box-shadow: 0 3px 5px #ccc;
}

.top_ranking li:nth-last-of-type(1){
	margin-right:0;
}

.top_ranking li a{
	display:block;
	padding:0.5rem;
	text-decoration:none;
    transition-duration: 0.2s;
    transition-timing-function: linear;  
}

.top_ranking li a:hover{
	color:#E77200;
}

.top_ranking li h3{
	font-family:"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", "sans-serif";
	margin:0.5rem 0;
	font-size:1.1rem;
}

.top_ranking li em{
	font-style:normal;
	display:block;
	color:#D40003;
	text-align:right;
	font-family:"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", "sans-serif";
}

.top_ranking li span{
	background-color:#af9800;
	color:#FFF;
	padding:0.4rem 0.5rem;
	display:block;
	margin-top:0.5rem;
	border-radius: 5px;
	font-family:"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", "sans-serif";
	font-weight:bold;
	
}


#tofu_bn{
	
}

#tofu_bn ul{
	display:flex;
	flex-wrap: wrap;
}

#tofu_bn ul li{
	width:32.66%;
	margin-right:1%;
	margin-bottom:1%;
}

#tofu_bn ul li:nth-of-type(3n){
	margin-right:0;
}

#tofu_bn ul li a{
	display:block;
	border:1px solid;
	border-color:#D9BF73;
}

#topsearch{
	background-color:#FFF;
	padding:1.5rem;
	display:flex;
	margin:1rem 0;
}

#topsearch_left{
	width:48%;
	margin-right:1%;
	padding:1rem;
	background-image:url(/images/search_bg.jpg);
	background-size:cover;
	color:#FFF;
	font-family:"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", "sans-serif";
}

#topsearch_right{
	width:48%;
	margin-left:1%;
	padding:1rem;
	background-image:url(/images/search_bg02.jpg);
	background-size:cover;
	color:#FFF;
}

#topsearch_left h2{
	font-size:1.1rem;
	line-height:1.5;
	margin-bottom:0.5rem;
}

#topserchbox{
	width:12rem;
	padding:0.2rem;
}

#topserchbutton{
	background-color:rgba(0,0,0,0);
	color:#FFF;
	border:0px solid;
	font-family:"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", "sans-serif";
	font-size:1.2rem;
	cursor:pointer;
    transition-duration: 0.2s;
    transition-timing-function: linear;
}

#topserchbutton:hover{
	color:#F8A100;
}

#topserchwrap{
	text-align:left;
}

#topsearch_right{
	
}
#topsearch_right p{
	text-align:left;
	font-size:1rem;
	font-family:"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", "sans-serif";
}

#topsearch_right p em{
	font-size:1.6rem;
	color:#FFC600;
	display:inline-block;
	margin:0.3rem 0;
	font-style:normal;
}

#infolist{
	margin:1rem 0;
	background-color:#FFF;
	background-image:url(/images/rssbg.png);
	background-position:center right;
	background-size:auto 100%;
	background-repeat: no-repeat;
	padding:1rem;
}

#infolist h3{
	font-family:"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", "sans-serif";
	font-size:1.3rem;
	color:#d86c1f;
	line-height:1.5;
	letter-spacing: 0.05em;
}

#newf{
	border-top:5px solid #bfab8a;
	background-color:#faf8f5;
}

#inner-newf{
	width:1280px;
	max-width:100%;
	margin:0 auto;
	display:flex;
}

#f01{
	width:40%;
}
#f02{
	width:30%;
}
#f03{
	width:30%;
}

#f01,
#f02,
#f03{
	padding:1rem;
}

#newf h3{
	font-family:"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", "sans-serif";
	font-size:1.2rem;
	margin-bottom:1rem;
}

#newf ul{
	text-align:left;
	padding-left:1rem;
	font-size:0.9rem;
	font-family:"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", "sans-serif";
}

#newf li{
	margin-bottom:1rem;
}

#newf li a{
	text-decoration:none;
}

#newf_copy{
	text-align:center;
	background-image: url(/images/navbg.jpg);
	padding:1rem 0;
	color:#FFF;
	font-family:"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", "sans-serif";
}

#fr_box{
	background-color:#fcf4e7;
	margin:1rem;
	border:3px solid;
	border-color:#bfab8a;
	padding:1rem;
}

#fr_box_chui{
	font-size:0.7rem;
	text-align:left;
	font-family:"¡¦Ää#¡¦£çáãïä2¡¦¡¦Pro W3", "Hiragino Kaku Gothic Pro", "¡¦¡ã£âá㡦£å , Meiryo, Osaka, "ï¼­ï¼³ ï¼°ã£êáâ·ã¥ã¡¦°Ä, "MS PGothic", "sans-serif";
	font-family:"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", "sans-serif";
}