@charset "utf-8";

html, body, button, input, select, textarea ,a{
    font-family: 'Noto Sans Japanese', YuGothic, 'Yu Gothic', "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif !important;
}
ul,li{padding:0;}


a{color:#000;}
a:hover{text-decoration:underline;opacity:.8;}
#footer a:hover{text-decoration:underline;opacity:1;color:#999;}

#main .pure-g,hr,.contBottom{margin-bottom:2em;}

.bottom_txt{padding:10px;}

h1{
font-size: 0.7em;
font-size: 0.7rem;
text-align: right;
font-weight: normal;}
.imgMax{width:100%;}
.spaceWrap{margin-left:2em;}
.spaceWrap .contWrap{margin:0 2em 2em 0;}
.center{text-align:center;}
.txt{letter-spacing:0.1em;line-height:1.75em;margin:0 1em 2em;font-size:0.95em;font-size:0.95rem;}
hr{
	border-top: 1px solid #000;
	margin-bottom: 2em ;
	border:0;
	height: 1px;
}
.txt hr{
	border-top: 1px solid #000;
	margin: 1em 0 ;
}


.bigButton{
width:90%;
margin-left:0;
}

.pure-button{
border:1px solid #000;
background:#fff;
margin-bottom:2em;
}

.shopList{margin-bottom:1em;}
.shopList .caption{margin-right:2em;}
.caption{font-size: 0.7em;
font-size: 0.7rem;}

.section{padding:2em 0 0;overflow: hidden;}
.section.Gray{background:#eee;}
.section.Border{border-top:1px solid #000;}
.section.Green{background:#cccc91;}
.section.Black{background:#000;color:#fff;}

#main .pure-button{
	margin-bottom: 2em ;
}
h3{text-align:center;font-size:1em;font-size:1rem;margin-bottom:2rem;font-weight: bold;}
h2{text-align:center;font-size:2em;font-size:2rem;margin-bottom:2rem;font-weight: bold;}
h2 p{font-size:0.7rem;font-size:0.7rem;font-weight: normal;}
ul.spaceWrap{list-style-type:none;}
.CompanyList{margin:0 1em 0 3em;list-style-type:disc;}
.CompanyList li{margin: 0 0 1em;}



.spaceWrap.pure-g,.pure-g .pure-button{margin-bottom:0 !important;}

#footer {background:#000;font-size:0.9em;font-size:0.9rem;overflow:hidden;color:#fff;}
#footer a{color:#fff;}
#footer .spaceWrap{margin-left:1em;margin-bottom:1em;}
#footer .spaceWrap .contWrap{margin:0 1em 1em 0;}
#footer .txt{font-size:0.7em;font-size:0.7rem;margin-bottom:1em;}
#footer .pure-button{border:0px;background:#fff;color:#000;margin-bottom: 1em ;}
#footer .pure-button:hover{background:#ccc;color:#333}
#footer .pure-g,#footer .contBottom,#footer hr{margin-bottom:1em;}

.flex-control-thumbs img {
    opacity: .5;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
}
.flex-control-thumbs li {
    width: 20%;
}

.flex-viewport{
max-height:90%;
}

.flexslider {
    max-width: 769px;
    margin: 0 auto 2em;
}

.flex-direction-nav a::before {
    font-size: 30px;
}

#footer{border-top:1px solid #000;padding-top:1em;}
#footer hr{
	border-top: 1px solid #333;
}

#footer .pure-g > .txt{margin:0 0 1em 0;padding:0 1em;}

.pure-form{margin:0 auto 2em;width:95%;}

.pure-form input,.pure-form textarea{margin-bottom:1em;box-shadow: none !important; }

.attention{background:#ff0;}


.contact_btn {
position: fixed;
bottom: 10px;
right: 10px;
width:40px;
z-index:100;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
}
.contact_btn a{
display:block;
border-left:1px solid #fff;
border-top:1px solid #fff;}

.spacer{margin-bottom: 2em;}

.pure-img {margin-left:auto;margin-right:auto;}

.toppage .flex-direction-nav{
display:none;
}

.toppage{
border:0 !important;
}

.toppage .flex-control-paging li a {
    background: #666;
    background: rgba(255, 255, 255, 0.5);
}

.toppage .flex-control-paging li a.flex-active {
    background: #fff;
    background: rgba(255, 255, 255, 0.9);
}

.toppage .flexslider {
    max-width: 700px !important;
}

div.head ul.pure-g{
width:100%;
}

.attachment-thumbnail,.size-thumbnail{
max-width:100%;
height:auto;
}

/* MOBILE */

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


.mbDisplay .pure-u-1-5{
text-align:right;
}

.mbDisplay li{
position:relative;
height:1.75em;
}

.mbDisplay .logo{
margin-top:0.5em;
height:1.25em;
width:auto;
}

.mbDisplay .pure-u-1-5 a{
position:absolute;
bottom:0;
left:0;
right:0;
margin: auto;
padding:0;
width:100%;
text-align:center;
text-decoration: none;
font-weight: bold;
font-size: 0.8em;
font-size: 0.8rem;
line-height:100%;
}



.pcDisplay{display:none;}

.pure-table td, .pure-table th{display:block;}
.pure-table th{background:#eee;}
.pure-table{margin:0 auto 2em;}

#footer .pure-button{font-size:80%;}

h2{
font-size: 1em;
font-size: 1rem;
}

.rsltList,.rsltList a{
text-align:left;
font-size: 0.7em;
font-size: 0.7rem;
}

}


/* PC */

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

.pcDisplay li{
position:relative;
height:39px;
}

.pcDisplay{
margin-bottom:30px;
}

.bigButton_pc{
position:absolute;
bottom:0;
left:0;
right:0;
margin: auto;
padding:0;
width:100%;
text-align:center;
text-decoration: none;
font-weight: bold;
font-size: 1.2em;
font-size: 1.2rem;
line-height:100%;
}



.pure-form{width:50%;}



.mbDisplay{display:none;}

.section,#footer{padding-left:10%;padding-right:10%;}
.CompanyList{list-style-type:none;text-align:center;margin-left:-1em;}
.CompanyList li{margin: 0 0 1em 1em;display:inline-block;}
.flex-control-thumbs li {width: 10%;}

#footer .pure-g > .txt{margin:0 0 1em 0;}

.flex-control-thumbs img {
    opacity: 1;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
}
.flex-control-thumbs li {
    width: 33.33%;
}
.flex-direction-nav a {
    top: 25%;
}

.pure-table td, .pure-table th{font-size:0.9em;font-size:0.9rem;text-align:left;padding:1.5em;}
.pure-table{margin:0 auto 2em;}


a.tooltip:hover:after {
    content: attr(comment);

    position: absolute;
    left: -130px;
    top: 0;
    z-index: 1;
    background: #fff;
    padding: 3px;
}

.relative{
position:relative;
}

.head a.tooltip:hover:after {
    left:0;
    top: 4em;
}

.singular .flexslider {
    max-width: 500px !important;
}

}



/* ---------------------------------------------------
 PLUGIN WP-Page Navi
---------------------------------------------------- */
.navigation { padding: 15px; text-align:center;}
 
.wp-pagenavi { font-weight: normal;padding-bottom:5px;}
.wp-pagenavi a, .wp-pagenavi a:link {
  padding: 1px 5px 1px 5px; 
  margin: 3px 4px;
  text-decoration: none;
  border: 1px solid #aaa;
  color: #666;
  background-color: #e5e5e5;
}
 
.wp-pagenavi a:visited {
  padding: 1px 5px 1px 5px; 
  margin: 3px 4px;
  text-decoration: none;
  border: 1px solid #aaa;
  color: #666;
  background-color: #e5e5e5;
}
 
.wp-pagenavi a:hover {
  border: 1px solid #000;
  color: #fff;
  background-color: #000;
}
 
.wp-pagenavi a:active {
  padding: 1px 5px 1px 5px; 
  margin: 3px 4px;
  text-decoration: none;
  border: 1px solid #aaa;
  color: #666;
  background-color: #e5e5e5;
}
 
.wp-pagenavi span.pages {
  padding: 1px 5px 1px 5px; 
  margin: 3px 4px;
  color: #666;
  border: 1px solid #aaa;
  background-color: #fff;
}
 
.wp-pagenavi span.current {
  padding: 1px 5px 1px 5px;
  margin: 3px 4px;
  border: 1px solid #aaa;
  color: #fff;
  background-color: #000;
}
 
.wp-pagenavi span.extend {
  padding: 1px 5px 1px 5px;
  margin: 3px 4px;
  border: 1px solid #aaa;
  color: #666;
  background-color: #e5e5e5;
}

.slidesSingle{
list-style-type: none;
}
.slidesSingle img{
width:100%;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}