
/* SP用 */

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

a{
-webkit-transition:0.3s;
-moz-transition:0.3s;
 transition:0.3s;
 -webkit-tap-highlight-color: transparent;
}

em,strpng{
font-style: normal;
}

p{
line-height: 2.0em;
font-size: 11pt;
}


/*p margin調整*/
.mb5{
	margin-bottom:5px;
}
.mb10{
	margin-bottom:10px;
}
.mb20{
	margin-bottom:20px;
}
.mb30{
	margin-bottom:30px;
}
.mb40{
	margin-bottom:40px;
}
.mb50{
	margin-bottom:50px;
}
.mb60{
	margin-bottom:60px;
}
.mb80{
	margin-bottom:80px;
}
.mb100{
	margin-bottom:100px;
}

.mt20{
	margin-top:20px;
}


.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
display:inline-block;
min-height: 1px;
}

img.center{
	margin-left:auto;
	margin-right:auto;
	display:block;
}


/*文字装飾*/

.font_bold{
	font-weight:bold;
}

.font_red{
	color:#b80101;
}

.font_small{
	font-size:8.5pt;
}

a{
	color:#333;
	text-decoration:none;
}

a.link{
	color:#666;
	text-decoration: underline;
}

@keyframes large {
    0% {transform: scale(1.1)}
    100% {transform: scale(1.0)}
}

@-webkit-keyframes large {
     0% {transform: scale(1.1)}
    100% {transform: scale(1.0)}
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@keyframes opacity {
  0% { opacity: 1.0;}
  50% { opacity: 0.4; }
  100% { opacity: 0.7; }
}
@-webkit-keyframes bg-color {
  0% { opacity: 1.0;}
  50% { opacity: 0.4; }
  100% { opacity: 0.7; }
}


/* 各ページ共通 */

body{
color:#333;
font-size:10pt;
font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
font-weight: 500;
background-color: #f6f4ed;
}

header{
width: 100%;
background-color: #fff;
position: fixed;
z-index: 19;
height: 49px;
}

#logo{ /* h1 */
position: absolute;
top:5px;
left: 60px;
}

#logo a , #header_logo a ,#mcs a{
color:#fff;
}

#logo img{
width: 200px;
height: 40px;
}

#header_logo{
margin-top: 7px;
margin-left: 10px;
}

#header_logo img{ /* h2 */
width:45px;
height: 36px;
}

#mcs , #tcwrapper , #scroll , header em{
display: none;
}

/* メニュー出現 */

.btn {
  background-image: url(../image/sponly/menu.png);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:36px 36px;
  width: 36px;
  height: 36px;
  overflow: hidden;
  margin-right:10px;
  float: right;
  margin-top: -35px;
  display: block;
}

.btn.on {
  background-image: url(../image/sponly/menu_on.png);
  }

nav#spnav{
width: 100%;
}

nav#spnav ul{
width: 100%;
clear: both;
background-color:#fe9e1a;
border-top: 3px solid #fff;
font-size: 11pt;
font-weight: 700;
padding-top: 20px;
padding-left:10px;
}

nav#spnav #mail {
display: block;
}

nav#spnav #mail a{
color: #fff;
border: 2px solid rgba(255,255,255,0.5);
display: block;
width: 90%;
padding:7px 12px;
border-radius: 20px;
margin: 0 auto;
margin-bottom: 7px;
text-align: center;
}

nav#spnav ul li{
list-style-type: none;
display: inline-block;
width: 32%;
}

nav#spnav ul li a{
color: #fff;
display: block;
width: 100%;
padding:15px 10px;
border-bottom: 1px dashed rgba(255,255,255,0.5);
text-align: center;
}

nav#spnav ul li:last-child{
display: none;
}

nav#spnav ul li:nth-last-child(2) a{
border-bottom: 0;
padding-bottom: 20px;
}

nav#spnav ul li:nth-last-child(3) a{
border-bottom: 0;
padding-bottom: 20px;
}

nav#spnav ul li a span{
font-weight: normal;
font-size: 8pt;
display: block;
margin-top: 5px;
}

nav#spnav ul li a span:before{
content: "-";
margin-right: 2px;
}

nav#spnav ul li a span:after{
content: "-";
margin-left: 2px;
}

/*スマホ縦のみ */
@media screen and (max-width:480px){
nav#spnav ul{
padding-left: 0px;
}
nav#spnav ul li{
display: block;
width: 100%;
}
nav#spnav ul li:nth-last-child(3) a{
padding-bottom:15px;
border-bottom: 1px dashed rgba(255,255,255,0.5);
}
nav#spnav ul li a span{
margin-left: 10px;
margin-top: 0;
display: inline;
}
}

img#sp_catch{
display: block;
width: 100%;
height: auto;
top:49px;
position: relative;
}


/* フッター */
footer{
position: relative;
}

footer small{
font-size: 6pt;
color: #fff;
display: block;
padding-top: 23px;
padding-bottom: 22px;
padding-left: 15px;
background-color: #ff9933;
line-height: 1.5em;
}

footer ul#sitemap{
width: 100%;
margin: 0 auto;
padding-bottom: 10px;
}

footer ul#sitemap li{
list-style-type: none;
display: inline-block;
margin-top: 20px;
}

footer ul#sitemap li a{
text-align: center;
display: block;
color: #000;
padding-right: 15px;
font-size: 9pt;
}

footer ul#sitemap li a:after{
content:"|";
color: #aaa;
margin-left: 15px;
}

footer ul#otherLink{
display: none;
}

footer article{
padding: 15px;
padding-top: 30px;
}

footer strong{
line-height: 1.5em;
font-size: 10pt;
display: block;
margin-bottom: 7px;
}

#footer_tel img{
width: 230px;
height: 30px;
}

address{
font-style: normal;
line-height: 1.5em;
display: block;
margin-bottom: 15px;
}

footer ul#groupLink br{
display: none;
}

footer ul#groupLink li{
list-style-type: none;
font-size: 10pt;
width: 100%;
height: 50px;
overflow: hidden;
background-color: #fff;
margin-bottom: 10px;
}

footer ul#groupLink li a{
display: block;
width: 100%;
height: 50px;
background-image: url(../image/footer_bana01.jpg) , url(../image/sponly/cursol.png);
background-repeat: no-repeat , no-repeat;
background-position: left top ,  right center;
background-size: 80px , 30px;
padding-left: 90px;
padding-top: 10px;
font-weight: bold;
}

footer ul#groupLink li a#rouken{
background-image: url(../image/footer_bana02.jpg) , url(../image/sponly/cursol.png);
}
footer ul#groupLink li a#day{
background-image: url(../image/footer_bana05.jpg) , url(../image/sponly/cursol.png);
background-position: left center ,  right center;
}
footer ul#groupLink li a#naika{
background-image: url(../image/footer_bana03.jpg) , url(../image/sponly/cursol.png);
background-position: left center ,  right center;
}
footer ul#groupLink li a#sougou{
background-image: url(../image/footer_bana04.jpg) , url(../image/sponly/cursol.png);
}

#totop{
display:none;
border:0;
position:fixed;
right:10px;
bottom:10px;
width: 45px;
height: 45px;
z-index: 3;
}

.sp_none{
	display:none;
}

.pc_none{
	display:none;
}

.tel{
text-decoration: underline;
}

/*スマホ縦のみ */
@media screen and (max-width:480px){
.pc_none{
	display:block;
}
}