@charset "utf-8";

/*
Theme Name: feeeal旭川テーマ
Theme URI: 
Description: 
Version: 1.0
Author: SAITO Takashi
Author URI: http://www.suda.co.jp/
*/



#page-top { position:fixed; bottom:0px; right:0px; /*font-size: 77%;*/ z-index:100; }
#page-top span { display:none; }
#page-top a { display:block; }
#page-top a img { width:60px; height:60px; }


/*----PC----*/
@media print, screen and (min-width: 481px){

* { margin:0; padding:0; }
html { overflow-y:scroll; }
table { border-collapse:collapse; border-spacing:0; }
img { border:none; }


/*fontサイズのブラウザ間統一*/
html, h1, h2, h3, h4, h5, h6 { font-size:100%; }
body { font-size:10px; }


/* clearfix：floatによる整形乱れの修正*/
.clearfix { zoom:1; }
.clearfix:after { content: ""; display:block; clear:both; }

.w300 { width:300px; }
.w380 { width:380px; }
.w500 { width:500px; }
.left { float:left; display:block; }
.right{ float:right; display:block; }

.inner { width:970px; display:block; margin:0 auto; }


body { background:#FCF7F2; font-family:"微软雅黑","黑体";'SimSun','sans-serif'; font-size:10px;  }

header { background:#000; }
header h1 { width:250px; height:40px; display:block; margin:20px 0; float:left; background:url(../img/logo.svg) no-repeat; background-size:contain; text-indent:-9999px; }
header a.facebook { width:30px; height:30px; display:block; margin:20px 5px; float:right; background:url(../img/fb-icon.svg) no-repeat; text-indent:-9999px; }
header a.twitter { width:30px; height:30px; display:block; margin:20px 5px; float:right; background:url(../img/tw-icon.svg) no-repeat; text-indent:-9999px; }
header a:hover { opacity:0.8; }

#visual { background:url(../img/visual-bg.svg) repeat-y center #D3CAAE; }
#visual .inner { height:500px; background:url(../img/main-image.jpg) no-repeat; }
#visual img { display:block; margin:0; }

#c-body {}
#c-body .inner { width:930px; padding:30px 20px; background:#fff; }

#intro { margin:20px 0; }
#intro .inner { padding:40px 20px; border-left:solid 5px #ccc; }
#intro .time { border-bottom:solid 1px #ccc; margin-bottom:20px; }
#intro p { font-size:1.4em; line-height:1.6; }
#intro .right img { float:right; }
#intro .right p { border:solid 1px #C00; padding:10px; color:#C00; border-radius:10px; }

#floor { margin:20px 0; }
#floor .inner { border-left:solid 5px #70B057; margin-bottom:20px; }
#floor h2 { background:#70B057; display:block; margin:0 0 30px 0; padding:10px; font-size:1.8em; color:#fff; border-left:solid 10px #CFE5C6; }
#floor img { display:block; margin:60px auto 20px; }

#shop-taxfree { margin:20px 0; }
#shop-taxfree .inner { width:930px; padding:40px 20px; border-left:solid 5px #D1021F; }
#shop-taxfree h2 { background:#D1021F; display:block; margin:0 0 30px 0; padding:10px; font-size:1.8em; color:#fff; border-left:solid 10px #E8A6B1; }
#shop-taxfree .taxfree-mark { width:302px; display:block; float:left; }
#shop-taxfree .shop { width:260px; min-height:280px; display:block; margin:10px; padding:10px; float:left; border:solid 1px #E8A6B1; }
#shop-taxfree .shop h3 { font-size:1.4em; font-weight:bold; color:#333; display:block; margin:0 0 10px 0; padding:0 0 5px 0; border-bottom:solid 1px #D1021F; line-height:1.6; }
#shop-taxfree .shop h3 span { background:#F60; color:#fff; font-size:0.8em; margin:0 10px 5px 0; padding:5px; border-radius:5px; }
#shop-taxfree .shop p { font-size:1.3em; line-height:1.4; color:#333; }
#shop-taxfree .l3 .shop { width:865px; min-height:200px; display:block; margin:10px; padding:10px; float:left; border:solid 1px #E8A6B1; }
#shop-taxfree .l3 .shop h3 img { margin-left:550px; }
#shop-taxfree .l3 .shop img.item { display:block; float:left; margin-right:20px; }

#shop { margin:20px 0; }
#shop .inner { width:930px; padding:40px 20px; border-left:solid 5px #CFB070; }
#shop h2 { background:#CFB070; display:block; margin:0 0 30px 0; padding:10px; font-size:1.8em; color:#fff; border-left:solid 10px #EAD8B7; }
#shop .shop { width:250px; min-height:400px; display:block; margin:15px; padding:10px; float:left; border-bottom:solid 1px #ccc; word-wrap:break-word; overflow-wrap:break-word; }
#shop .shop img { border:solid 5px #EAD8B7; outline:solid 5px #D8BF93; display:block; margin:0 0 10px 0; }
#shop .shop p { font-size:1.3em; line-height:1.4; color:#333; }
#shop .shop h3 { display:block; font-size:1.4em; font-weight:bold; color:#333; margin-bottom:5px; }
#shop .shop h3 span { background:#ccc; color:#333; font-size:0.8em; margin:0 10px 5px 0; padding:3px 15px; border-radius:5px; }
#shop .l6 .image { float:left; margin:20px 0 0 40px; }

#access { margin:20px 0; }
#access .inner { width:930px; padding:40px 20px; border-left:solid 5px #ccc; }
#access h2 { background:#999; display:block; margin:0 0 30px 0; padding:10px; font-size:1.8em; color:#fff; border-left:solid 10px #ccc; }
#access .map { display:block; float:left; border:solid 3px #eee; margin:0 20px 0 0; }
#access p { font-size:1.3em; color:#333; line-height:1.4; display:block; margin:0 0 20px 0; padding-bottom:10px; border-bottom:solid 1px #eee; }
#access p span { display:block; border:solid 1px #ccc; padding:10px 20px; margin:0 0 10px 0; border-radius:5px; width:60px; text-align:center; }
#access p strong { font-size:1.2em; display:block; }

footer { background:#000; padding:20px 0; border-top:solid 5px #666; }
footer img { width:150px; display:block; margin:10px auto; }
footer p { color:#fff; text-align:center; font-size:1.3em; margin:20px auto; }

}

/*----SP----*/
@media only screen and (max-width: 480px) {

* { margin:0; padding:0; }
/* clearfix：floatによる整形乱れの修正*/
.clearfix { zoom:1; }
.clearfix:after { content: ""; display:block; clear:both; }



.inner { width:100%; display:block; margin:0 auto; }


body { background:#FCF7F2; font-family:"微软雅黑","黑体";'SimSun','sans-serif'; font-size:10px;  }

header { background:#000; width:100%; padding:10px 0; }
header h1 { width:50%; height:10%; display:block; margin:0 auto 20px; background:url(../img/logo.svg) no-repeat center; background-size:contain; text-indent:-9999px; }
header .right { display:block; float:none; text-align:center; }
header a.facebook { width:30px; height:30px; display:inline-block; margin:0 5px; float:none; background:url(../img/fb-icon.svg) no-repeat; text-indent:-9999px; }
header a.twitter { width:30px; height:30px; display:inline-block; margin:0 5px; float:none; background:url(../img/tw-icon.svg) no-repeat; text-indent:-9999px; }
header a:hover { opacity:0.8; }

#visual { background:url(../img/visual-bg.svg) repeat-y center #D3CAAE; }
#visual .inner { height:100%; height:180px; background:url(../img/main-image.jpg) no-repeat center; background-size:contain; }
#visual img { display:block; margin:0; width:100%; }

#c-body {}
#c-body .inner { width:80%; padding:30px 20px; background:#fff; }

#intro { margin:20px 0; }
#intro .inner { border-left:solid 5px #ccc; }
#intro .time { border-bottom:solid 1px #ccc; margin-bottom:20px; }
#intro p { font-size:1.4em; line-height:1.6; }
#intro .right { display:block; margin:20px; float:none; }
#intro .right img { float:none; margin:0 auto; display:block; }
#intro .right p { border:solid 1px #C00; padding:10px; color:#C00; border-radius:10px; }

#floor { margin:20px 0; }
#floor .inner { border-left:solid 5px #70B057; margin-bottom:20px; }
#floor h2 { background:#70B057; display:block; margin:0 0 30px 0; padding:10px; font-size:1.8em; color:#fff; border-left:solid 10px #CFE5C6; }
#floor img { display:block; margin:60px auto 20px; width:100%; }

#shop-taxfree { margin:20px 0; }
#shop-taxfree .inner { width:80%; padding:40px 20px; border-left:solid 5px #D1021F; }
#shop-taxfree h2 { background:#D1021F; display:block; margin:0 0 30px 0; padding:10px; font-size:1.8em; color:#fff; border-left:solid 10px #E8A6B1; }
#shop-taxfree .taxfree-mark { width:100%; display:block; float:none; margin:0 auto; }
#shop-taxfree .shop { width:100%; display:block; margin:10px auto; padding:10px; float:none; border:solid 1px #E8A6B1; }
#shop-taxfree .shop h3 { font-size:1.4em; font-weight:bold; color:#333; display:block; margin:0 0 10px 0; padding:0 0 5px 0; border-bottom:solid 1px #D1021F; line-height:1.6; }
#shop-taxfree .shop h3 span { background:#F60; color:#fff; font-size:0.8em; margin:0 10px 5px 0; padding:5px; border-radius:5px; }
#shop-taxfree .shop p { font-size:1.3em; line-height:1.4; color:#333; }
#shop-taxfree .l3 .shop { width:100%; display:block; margin:10px auto; padding:10px; float:none; border:solid 1px #E8A6B1; }
#shop-taxfree .l3 .shop h3 img { }
#shop-taxfree .l3 .shop img.item { display:block; float:none; margin:0 auto; width:100%; }
#shop-taxfree .shop img { display:block; width:100%; }

#shop { margin:20px 0; }
#shop .inner { width:80%; padding:40px 20px; border-left:solid 5px #CFB070; }
#shop h2 { background:#CFB070; display:block; margin:0 0 30px 0; padding:10px; font-size:1.8em; color:#fff; border-left:solid 10px #EAD8B7; }
#shop .shop { width:100%; display:block; margin:15px auto; padding:10px; float:none; border-bottom:solid 1px #ccc; word-wrap:break-word; overflow-wrap:break-word; }
#shop .shop img { border:solid 5px #EAD8B7; outline:solid 5px #D8BF93; display:block; margin:0 0 10px 0; width:95%; }
#shop .shop p { font-size:1.3em; line-height:1.4; color:#333; }
#shop .shop h3 { display:block; font-size:1.4em; font-weight:bold; color:#333; margin-bottom:5px; }
#shop .shop h3 span { background:#ccc; color:#333; font-size:0.8em; margin:0 10px 5px 0; padding:3px 15px; border-radius:5px; }
#shop .l6 .image { float:none; display:block; width:100%; margin:20px auto; }

#access { margin:20px 0; }
#access .inner { width:80%; padding:40px 20px; border-left:solid 5px #ccc; }
#access h2 { background:#999; display:block; margin:0 0 30px 0; padding:10px; font-size:1.8em; color:#fff; border-left:solid 10px #ccc; }
#access .map { display:block; float:none; border:solid 3px #eee; margin:0 auto 20px; width:100%; }
#access p { font-size:1.3em; color:#333; line-height:1.4; display:block; margin:0 0 20px 0; padding-bottom:10px; border-bottom:solid 1px #eee; }
#access p span { display:block; border:solid 1px #ccc; padding:10px 20px; margin:0 0 10px 0; border-radius:5px; width:60px; text-align:center; }
#access p strong { font-size:1.2em; display:block; }

footer { background:#000; padding:20px 0; border-top:solid 5px #666; }
footer img { width:150px; display:block; margin:10px auto; }
footer p { color:#fff; text-align:center; font-size:1.3em; margin:20px auto; }


}