@charset "utf-8";
/* CSS Document */
body{
}
html>/**/body {font-size:12px;}
a{}
a:link{}
a:visited{}
a:hover{}
a:active{}

/* main_area */
#head{
margin:0 auto;
max-width:1100px;
}
#container{
max-width:1100px;
margin:0 auto;
margin-bottom: 25%;
}
h2,h3{
margin:5% 0 3%;
}
h4{
margin:80px auto 0;
}
ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
ul li{
	margin-bottom: 2%;
}
.item_img{
float:left;
}
.btn{
margin:31px 0 0;
display:block;
}
[class^="item"] ul{
	display: flex;
	justify-content: space-around;
}
#page-top {
bottom: 86px;
position: fixed;
right: 20px;
}
#page-top a img:hover{
opacity:1;
background:none;
}
#foot{
width:880px;
margin:80px auto 0;
text-align: center;
}


@media screen and (min-width: 1100px) {
.sp_header {
display: none;
}
.sp_head {
display: none;
}
}

#page-top {
bottom: 86px;
position: fixed;
right: 20px;
}
#page-top a img:hover{
opacity:1;
background:none;
}



@media screen and (max-width: 1099px) {
  img {
    max-width: 100%;
  }
  
#head iframe {
display: none;
}
.pc_head {
display: none;
}
.sp_header {
display: block;
}
.sp_header img{
width: 100vw;
}
.line_friends{
width: 100vw;
}
img{
	max-width: 100%;
}
img[src*="sample"]{
	width: 50%;
}
img[src*="dummy"]{
	display: none;
}
.item_img{
	padding: 2%;
	margin: 0 auto;
	float: none;
	text-align: center;
}
.item_btn{
	padding: 0 2%;
	text-align: center;
}
.maker_search ul{
  overflow: hidden;
  padding: 0 3%;
}
.maker_search ul li {
  width: 48.5%;
  float: left;
}
.maker_search ul li:nth-child(2n) {
  float: right;
}
.navi ul li{
	width: 48%;
	text-align: center;
}
#content {
width: 100%;
}
h2,h3,h4{
	overflow: hidden;
}
.item_box h3{
margin:15% 0 0;
}
img[src*="caption"],
img[src*="ttl"],
img[src*="maker_search"]{
	min-width: 700px;
	max-width: 100%;
}
section {
margin: 8% 0;
}
section.type_brand ul.brand_list {
padding: 0 3%;
}
section.type_brand ul.brand_list li {
width: 49%;
}

img {
max-width: 100%;
}
section.type_brand section ul {
overflow: hidden;
padding: 0 3%;
}
section.type_brand section ul li {
float: left;
display: block;
width: 49%;
height: auto;
margin: 0;
margin-bottom: 2%;
border-bottom: 1vw solid #606060;
border-radius: 1.2vw;
background: url('../img/bg_item.png') repeat-x 0 100%;
background-size: auto 100%;
}

section.type_brand section ul li:nth-child(2n) {
float: right;
}
section.type_brand section ul li span {
width: 80%;
font-size: 3.6vw;
padding: 6% 0 4%;
margin: 0 auto 3%;
}
section.type_brand section ul li img {
position: absolute;
top: 40%;
right: 5%;
width: 2vw;
}
section.type_brand h3 {
font-size: 5vw;
padding: 3% 0 2% 10%;
line-height: 1.2em;
height: auto;
background-size: cover;
}
section.type_brand section h4 {
font-size: 5vw;
padding: 3% 0 2% 10%;
line-height: 1.2em;
height: auto;
background-size: cover;
}
#line {
overflow: hidden;
}
#line > div {
float: left;
width: 50%;
}
.coupon_bnr {
margin: 5% 0;
}

#page-top {
width: 20%;
bottom: 20px !important;
}

.navi ul {
  display: block;
  padding: 0 3%;
  overflow: hidden;
}

.navi ul li {
  float: left;
  width: 48.5%;
}

.navi ul li:nth-child(2n) {
  float: right;
}

.navi ul li img {
  width: 100%;
}

h2, h3, h4 {
  overflow: hidden;
}
#head iframe{
	display: none;
}

#foot {
  width: 100%;
  box-sizing: border-box;
  padding: 5%;
  margin: 10% 0 0;
}

#foot img {
  height: auto;
}

}