@media(max-width: 414px) {
html{height:100%;}
body {
position: fixed;
height:100%;
top:0px;
left:0px;
bottom:0px;
right:0px;
background-image:url("http://img14.shop-pro.jp/PA01304/682/etc/linkbg2.jpg?20150331005634");
  background-repeat:no-repeat;
  background-size:130% auto;
  background-position:left center;
  background-color:#d6d6d4;
}

#whitein{
  height:100%;
}

#content{
width:90%;
text-align:left;
letter-spacing: 0.5em;
z-index:2;
padding-top:7%;
margin-left:10%;
position:absolute;
  z-index:90;
}

.ttl{
  float:left;
height:78px;
width:154px;
background-image:url(http://img14.shop-pro.jp/PA01304/682/etc/ttl_link0.png?20150402214435);
background-size:154px 78px;
background-repeat:no-repeat;
}

.detail{
  width:90%;
  /*float:left;*/
  margin-left:2px;
  margin-top:35%;
  margin-bottom:500px;
}


.m_text{
  margin-bottom:10%;
  height:1.3%;
}
  
.m_text_long{
  margin-bottom:10%;
  height:1.7%;
}

.m_logo{
  margin-top:15%;
  margin-bottom:30%;
  height:3%;
}

.tr{
width:22%;
height:100%;
z-index:3;
position:absolute;
cursor: pointer;
}
.tr2{
position:absolute;
z-index:1;
}

.sidemenu_close{
width:75%;
height:100%;
z-index:3;
position:absolute;
margin-left:22%;
}
.sp1{
font-size:10px;
letter-spacing: 0.2em;
line-height:2em;
color:#FFF;
}
  
.sp2{
font-size:10px;
letter-spacing: 0.2em;
line-height:2em;
color:#FFF;
}
  
.sp3{
font-size:10px;
letter-spacing: 0.2em;
line-height:2em;
color:#FFF;
}
.logo{width:33%;text-align:center;}
.logo img{margin-left:0%;}
.address{width:72%;color:#FFFFFF;line-height:1.5em;letter-spacing:0.3em;font-size:10px;padding-left:5%;margin-bottom:30px;}
a:link { color: #FFFFFF; }
a:visited { color: #FFFFFF; }
a:hover { color: #FFFFFF; }
a:active { color: #FFFFFF; }
}
@media(max-width:736px) and (min-width: 415px){
html{height:100%;}
body {
position:relative;
height:auto;
min-height: 100%;!important;
top:0px;
left:0px;
bottom:0px;
right:0px;
  background-repeat:no-repeat;
  background-size:100% auto;
  background-position:left center;
background-image:url("http://img14.shop-pro.jp/PA01304/682/etc/backgroundlink.jpg?20150402165400");
  background-color:#C5C6CA;
}


#whitein{

  height:100%;
min-height: 100%;!important;
}

#whitein > #content {
height: auto;
}

.ttl{
  float:left;
height:78px;
width:154px;
background-image:url(http://img14.shop-pro.jp/PA01304/682/etc/ttl_link02.png?20150402214505);
background-size:154px 78px;
background-repeat:no-repeat;
}

#content{
width:75%;
min-width:520px;
margin-left:20%;
text-align:left;
letter-spacing: 0.5em;
z-index:4;
padding-top:7%;
position:absolute;
  z-index:90;
}

#content > .detail {
height: auto;
}

.detail{
width: 48%;
float: clear;
margin-left: 0px;
margin-top: 20px;
margin-bottom: 90px;
}


.m_text{
  margin-bottom:10%;
  height:1.3%;
}
  
.m_text_long{
  margin-bottom:10%;
  height:1.7%;
}

.m_logo{
  margin-top:15%;
  margin-bottom:30%;
  height:3%;
}

.tr{
width:22%;
height:100%;
z-index:3;
position:absolute;
cursor: pointer;
}
.sidemenu_close{
width:75%;
height:100%;
z-index:3;
position:absolute;
margin-left:22%;
}
.detail table{width:440px;}
.logo{width:33%;text-align:center;}
/*.logo img{margin-left:33%;}*/
.address{width:70%;color:#FFFFFF;line-height:2em;letter-spacing:0.3em;font-size:11px;padding-left:50px;}
a:link { color: #FFFFFF; }
a:visited { color: #FFFFFF; }
a:hover { color: #FFFFFF; }
a:active { color: #FFFFFF; }
}
@media(min-width:737px){
html{height:100%;}
body {
position:relative;
height:auto;
min-height: 100%;!important;
top:0px;
left:0px;
bottom:0px;
right:0px;
  background-repeat:no-repeat;
  background-size:100% auto;
  background-position:left center;
background-image:url("http://img14.shop-pro.jp/PA01304/682/etc/backgroundlink.jpg?20150402165400");
  background-color:#C5C6CA;
}


#whitein{

  height:100%;
min-height: 100%;!important;
}

#whitein > #content {
height: auto;
}

.ttl{
  float:left;
height:78px;
width:154px;
background-image:url(http://img14.shop-pro.jp/PA01304/682/etc/ttl_link02.png?20150402214505);
background-size:154px 78px;
background-repeat:no-repeat;
}

#content{
width:75%;
min-width:520px;
margin-left:20%;
text-align:left;
letter-spacing: 0.5em;
z-index:4;
padding-top:7%;
position:absolute;
  z-index:90;
}

#content > .detail {
height: auto;
}

.detail{
width: 48%;
/* float: left; */
margin-left: 210px;
margin-top: 9%;
margin-bottom: 90px;
}


.m_text{
  margin-bottom:10%;
  height:1.3%;
}
  
.m_text_long{
  margin-bottom:10%;
  height:1.7%;
}

.m_logo{
  margin-top:15%;
  margin-bottom:30%;
  height:3%;
}

.tr{
width:22%;
height:100%;
z-index:3;
position:absolute;
cursor: pointer;
}
.sidemenu_close{
width:75%;
height:100%;
z-index:3;
position:absolute;
margin-left:22%;
}
.detail table{width:440px;}
.logo{width:33%;text-align:center;}
/*.logo img{margin-left:33%;}*/
.address{width:70%;color:#FFFFFF;line-height:2em;letter-spacing:0.3em;font-size:11px;padding-left:50px;}
a:link { color: #FFFFFF; }
a:visited { color: #FFFFFF; }
a:hover { color: #FFFFFF; }
a:active { color: #FFFFFF; }
}