@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Poppins:600');

* {box-sizing:border-box;}
a, a:after {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; outline:none;}
a {cursor:pointer;text-decoration: none;}
div,ol,ul,li,p,span,a {position:relative;}
ol,ul,li {list-style:none;list-style-type:none;padding:0;}
body,header,footer,menu,p,ul {padding:0;margin:0;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;margin:0;padding:0;line-height:1em;}
div,a,img,p,li {display:block;}
/*a:hover img {opacity:0.75;}*/
a {color: #111;}
a:hover {color: #f90;}
img {width: 100%;}

html {scroll-behavior: smooth;}
body {background: #fff;color: #111;font-feature-settings: "palt", "swsh";}

header {border-bottom: 1px solid #999;}
header > div, footer > div, #content section {width: 100%;max-width: 980px;margin: 0 auto;padding: 0.5em;}

header a {width: 30%;max-width: 306px;}

#wrapper {}
#content {}
section {}
section h2 {font-family: 'Poppins', sans-serif;font-weight: 600;font-size: 2.5em;line-height: 1.2;}
section p {text-align: justify;width: 96%;margin: 1em auto;}

section ul {display: flex;flex-wrap: wrap;justify-content: space-between;align-content: flex-start;}
section ul li {width: 32%;margin: 0 auto;text-align: center;}
section ul li p {text-align: center;margin: 0.5em auto;padding: 0.5em;border-radius: 5px;}
section ul li p.mint {background: #8ea782;}
section ul li p.cream {background: #f3d89f;}
section ul li p.pink {background: #e4aaa9;}
section ul li > a {background: #f00;color: #fff;padding: 0.5em;border-radius: 5px;font-weight: 500;}
section ul li > a:hover {background: #fc0;color: #fff;}

section#store {padding-top: 2em;}
#store h5 {font-size: 1em;border-bottom: 1px solid #666;border-left: 1em solid #666;padding: 0 0 0.25em 0.25em;margin-bottom: 0.5em;}
#store ul li {padding: 0.5em;border: 1px solid #ccc;border-radius: 5px;margin-bottom: 1em;overflow: hidden;}
#store ul li h6 {font-size: 1.2rem;text-align: left;font-weight: 600;line-height: 1.2;}
#store ul li span {display: block; text-align: justify;font-size: 0.8em;}
#store ul li span.address {line-height: 1.2;}
#store ul li span.tel:before {content:"TEL:"}
#store ul li img.map {width: 100%;margin: 0.5em auto 0;}

/*フッター*/
footer {background-color:#222;color:rgba(255,255,255,0.6);width:100%;border-top:1px solid rgba(0,0,0,0.3);}
footer div {padding:20px 0;}
p.copyright {font-weight:400;font-size:0.75em;text-align:center;line-height:2em;}
footer a {color:rgba(255,255,255,0.6);}

/*ページトップへ*/
.pagetop {display: block;position: fixed;right: 5px;bottom: 5px;z-index:+20;}
.pagetop a {display: block;background-color: rgba(0,0,0,0.7);color: rgba(255,255,255,0.6); text-align: center;text-decoration: none;outline:none;width: 50px;height: 50px;line-height: 50px;font-size: 35px;border-radius: 50%;}
.pagetop a i {}
.pagetop a:hover {color:rgb(233,168,37);}

/*汎用*/
.mincho {font-family: "游明朝", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
.serif {font-family:  "Times New Roman", Times, serif, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝";}
.gothic {font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.txtwshadow {text-shadow:1px 1px 0.1em #000,-1px 1px 0.1em #000,-1px -1px 0.1em #000,1px -1px 0.1em #000;}
.clearfix:after, ul:after {content:"";display:block;position:relative;clear:both;}

@media screen and (min-width: 600px) {
	/*#store ul li img.map {width: 90%;}*/
}

/*750 920 1200 1500*/