
/* 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: #f9f0ee;
}

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

#logo{ /* h1 */
position: absolute;
top: 20px;
left: 58px;
}

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

#logo img{
width: 170px;
height: 21px;
}

#mcs{ /* h2 */
position:absolute;
top: 7px;
left: 10px;
}

#mcs img{
width: 220px;
height: 34px;
}

nav #tel{
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: 8px;
  display: block;
}

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

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

nav ul#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 ul#spnav #mail a .pc_none{
display: inline;
}

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

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

header ul li:nth-last-child(2) a:after , header ul li:last-child a:after{
content: "";
display: inline-block;
background-image: url(../image/sponly/window.png);
background-repeat: no-repeat;
background-size:contain;
vertical-align:middle;
width: 18px;
height: 13px;
margin-left: 10px;
margin-top: -3px;
}

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

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


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

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

footer ul#sitemap{
width: 90%;
margin: 0 auto;
padding-bottom: 20px;
border-bottom: 1px solid rgba(235,110,165,0.3);
}

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;
}

footer strong{
line-height: 1.5em;
font-size: 11pt;
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#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;
}

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