@charset "utf-8";
/*
phone.css
Author: ave(shikakudentatsu.com)
Version: 1.2
*/
@media screen and ( max-width:820px) {
img{max-width:100%;}
body{
font-size:80%;
line-height:150%;
}

article{
width:85%;
margin: 30px auto 50px;
padding:5%;
}
article article{
margin:50px auto;
padding:8% 3% 5%;
}
.inner,
iframe,
.gn ul,
.sn ul{
width:100%;
}
header .inner,
footer .inner{
width:90%;
margin:auto;
}
header h2{
float:none;
max-width: none;
}
ul.un{
float:none !important;
margin:auto !important;
width:auto !important;
}
/*
.pagetop{
display:none !important;
bottom:10px;
}
*/
.fh h2{
float:none;
margin:auto;
width:90%;
}
footer ul.un{
font-size:100%;
}
footer ul.un li{
display:block;
margin:15px auto;
}


.gn li a{
margin:2px 4px;
padding:2px 5px;
font-size: 120%;
}

.bgPic{
padding-top:25vw;
background-size:100% auto;
/*padding-top:120px;
background-size:auto 200px;
*/
}


.moreLink a, .conBtmNav ul li.moreLink a{font-size:130%;}

.top00{
position:static;
}
.top00 .inner{
position:static;
top:0;
left:0;
margin:0 auto;
width:100%;
max-width: none;
height:auto;
}
.top00 article{
position:relative;
top:0;
left:0;
margin:20px auto;
padding:10px 5%;
width:85%;
max-width:320px;
height:auto;
font-size:100%;
background-size:100% 100%;
}
.top00 h1{
margin:20px auto;
}
.top00 article::before{
width:90%;
}
.top00 p{
margin:0 auto 20px;
}
.list01 dt{
display:block;
margin:0;
padding:0;
}
.list01 dd{
display:block;
margin:0;
padding:0;
}


ul.picSet01{
/*max-height:400px;*/
}
ul.picSet01 li{
display:inline-block;
margin:0 0 15px 1%;
padding:3px;
width:28%;
background:#FFF;
list-style:none;
vertical-align:middle;
box-shadow:2px 2px 2px rgba(0,0,0,0.3);

}
article .tit01{
padding:10px 0 5px 0;
margin:0 -4% 20px;
font-size:200%;
background-size:100% auto;
}

.txt03 strong + span{
display:block;
}

.list04 li{
max-width:40%;
}

.spNone{
display:none;
}

footer{
margin-bottom:40px;
}

.ribbon11-2 h3{
padding:15px 10px;
font-size:200%;
}

.sideBtn{
display:block;
display: flex;
justify-content:space-around;
position:fixed;
bottom:0;
left:0;
right:0;
margin:0;
padding:0;
list-style:none;
background: #FFF;
border-radius: 0;
box-shadow:0 -2px 2px rgba(0,0,0,0.1);
}

.sideBtn li,
.sideBtn .tel{
display:block;
margin:0;
padding:0;
flex-grow: 1;
text-align: center;
}
.sideBtn li a{
display: inline-block;
margin:0;
padding:5px 10px;
height:30px;
width:30px;
line-height:30px;
font-size:16px;
font-weight:bold;
text-align:center;
color:#FF7F00;
background:#FFF;
/*background:#FFDE61;*/
}
.sideBtn li a img{
height:30px;
width:auto;
}
/*.sideBtn li.tel a{
width:auto;
width:calc(100% - 220px);
color:#FF7F00;
background:#FFDE61;
}*/

.sideBtn .pagetop:nth-child(1){
display:none;
}

.balloon{
display:inline-block;
position:fixed;
bottom:50px;
right:8%;
display:inline-block;
padding:5px 10px;
font-size:10px;
line-height:130%;
background:#FFF;
border:3px solid rgba(29,205,0,0.4);
border-radius:40px;
box-shadow:0px 0px 5px 2px rgba(0,0,0,0.1);
text-shadow:1px 1px 1px rgba(255,255,255,0.5);
/*transition:5s;*/
}
/*
.balloon:before {
  content: "";
  position: absolute;
  top: 100%;
  right: 45%;
  margin-left: -8px;
  border: 5px solid transparent;
  border-top: 8px solid rgba(255,255,255,0.8);;
}
*/
.balloon:before {
  content: "";
  position: absolute;
  bottom: -24px;
  right: 52px;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}

.balloon:after {
  content: "";
  position: absolute;
  bottom: -30px;
  right: 50px;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid rgba(29,205,0,0.4);
  z-index: 1;
}

article#video{
max-width: none;
width: auto;
padding: 10px;
background: none;
box-shadow: none;
}
article#video::after{
display: none;
}
article#video h3{
}
article#video iframe{
box-shadow:1px 1px 5px rgba(0,0,0,0.5) !important;
}
.pcView{
display: none;
}
.spView{
display: block;
}

}