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

body {
	background-color: #FFC7DA;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	line-height: 1.5em;
	color: #000;
    margin:0;
    padding:0;
}


a{
	text-decoration: none;
	border:none;
}

a:hover{opacity: 0.5 ;}
a img:hover{opacity: 0.7;}

/********************* PC/スマホ　オンオフ *****************************/

.smp{display: block;}
.pc{display: none;}



.contents{
	display:block;
	background:#fff;
    background:url("images/bg.png");
	width:100%;
    max-width: 640px;
	margin: 0 auto;
    padding:0
}


.lace{
    width: 100%;
    height:auto;
    display:block;
    margin:0;
    padding:0;}

.headline_img{
width: 95%;
height:auto;
display:block;
margin:0 auto 5px auto;
padding:0;}


#head h1 img, .campaign_img, .pickup_img, .sakuhin_img{
    display:block;
    width: 88%;
    height:auto;
    margin: 0 auto 10px auto;}

#linup div{
    width: 100%;
    height:auto;
    margin: 0 auto 10px auto;}

#linup div p{margin:1em;}


ul.sakuhin{list-style-type: none;}
ul.sakuhin li{margin-bottom:1em;}


.page_top {
	position:fixed;
	bottom:10px;
	right:10px;
}


.sns{ 
margin:5px auto;
text-align:right;
}

.sns span{ display:inline-block; width:82px;}

.copy_right{text-align: center; font-size:x-small}





footer {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #FFF;
	background-color: #666;
	width: 100%;
	text-align: center;
}
  @media screen and (min-width: 768px) {
    footer {
      width: 100%;
      margin: -2px auto 0; } }
	  
  @media screen and (max-width: 767px) {
    footer {
      margin-top: -2px; } }
  footer .footer_nav {
	background-color: #fff;
}
    footer .footer_nav ul {
      text-align: center;
      padding: 10px 0; }
      footer .footer_nav ul li {
        display: inline-block;
        font-size: 12px;
        padding: 0 10px;
        border-left: 1px solid #ccc; }
        footer .footer_nav ul li:last-child {
          border-right: 1px solid #ccc; }


@media screen and (max-width: 767px) {
          footer .footer_nav ul li:nth-child(1) {
            margin-bottom: 10px; }
          footer .footer_nav ul li:nth-child(2) {
            margin-bottom: 10px;
            border-right: 1px solid #666; } }
        footer .footer_nav ul li a {
	color: #000;
	text-decoration: none;
}

footer .copyright {
    font-size: 10px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 15px; }
	
	
a{
	text-decoration: none;
	border:none;
}

#home {
	text-align: center;
	font-size: 14px;
}

#home a {
	color: #000;
	text-decoration: none;
}

	
#additional {
	width: 80%;
	margin: auto;
    clear: both
}


.mecha_link img{display: block; margin:10px auto; width:80%; height:auto; max-width: 480px; clear: both;}

@media screen and (min-width: 767px) {
 

}

@media screen and (min-width: 620px)
{
.smp{display: none;}
.pc{display: block;}
    
.contents{
    max-width: 960px;
}

.headline_img{
    max-width: 920px;
    margin:0 auto;
}
    
#head h1 img{height:auto; float:left;}
#head h1 img.cover{width:40%; margin:0 2% 0 5%}
#head h1 img.title{width:50%} 
    

.campaign_img, .sakuhin_img{margin:0 5% 5% 0; width:45%; height:auto; float:left;}
    
#campaign div{max-width: 920px; margin:1em auto;}
.campaign_img{margin:0 3% 3% 1em;}

    
#linup div{width:45%; float:left; margin:1em 2%}


	
}