@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}

/*---reset_end---*/


/*ここから追加------------------------*/

body{
	background-color:#ffffff;
	color:#333333;
	font-family: 'M PLUS 1p', sans-serif;
}


address {
font-style:normal;
}


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

a:hover{
	color:#F09;
	text-decoration:underline;
}

img{
	vertical-align:bottom;
}

/*HEADER*/

header {
	text-align:center;
}

#title_logo{
	margin:30px 0px 20px 0px;
}

#title_logo img{
	max-width:160px;
}

#global-nav ul li{
	display:inline;
	padding:0px 12px;
	font-size:105%;
	font-family: 'Julius Sans One', sans-serif;
}

.sns ul{
	margin:20px 0px;
}

.sns ul li{
	display:inline;
	margin:0px 10px;
}

.sns ul li img{
	max-width:25px;
}

/*TOP_CONTENTS*/

#frontpage{
	max-width:1200px;
	width:95%;
	margin:auto;
}

/*FOOTER*/

footer{
	margin:20px 0px;
}

small{
	display:block;
	text-align:center;
}

/*topic*/
#topic{
	max-width:800px;
	width:90%;
	margin:auto;
	padding-bottom:30px;
	line-height:180%;
}

#topic_title{
	border-bottom:solid 1px #bababa;
	padding:15px 0px;
	margin-bottom:15px;
	font-size:120%;
}

#topic img{
	max-width:100%;
}

#topic p{
	margin:20px 0px;
}

.topic_thumnail{
	margin:30px 0px 15px 0px;
}

/*ABOUTの地図*/
.map{
	margin:10px 0px;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.map iframe,
.map object,
.map embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*ハワイ動画埋め込みのスタイル*/
.hawaii_video {
	margin:auto;
    position:relative;
    width:85%;
    height:0;
	padding-bottom: 56.25%;
}

.hawaii_video iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.hawaii_txt {
	margin:auto;
	padding-top:10px;
	width:80%;
	color:#666;
	font-size:80%;
	line-height:150%;
}

.hawaii_title{
	border:solid 1px;
	padding:5px;
	width:85%;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

/*-----スマホ-----*/
@media screen and (max-width:768px){
#content_title{
	text-align:center;
	margin:10px 0px;
	padding:30px 0px;
	background-color:#f5f5f5;
}

/*ABOUT*/

#about{
	margin:20px 15px;
	font-size:80%;
}

.about_txt{
	line-height:180%;
}

.about_brand h2{
	margin:30px 0px 5px 0px;
}

.about_brand{
	text-align:center;
	line-height:150%;
}

.shop_info{
	line-height:150%;
}

.shop_info h2{
	margin:30px 0px 10px 0px;
	padding:5px;
	border:solid 1px #000000;
	text-align:center;
}

}

/*-----PC（769px）-----*/
@media screen and (min-width:769px){

body{
	font-weight:300;
}

#content_title{
	text-align:center;
	margin:20px 0px 10px 0px;
	padding:60px 0px;
	background-color:#f5f5f5;
}

#post_title{
	font-size:120%;
}

/*ABOUT*/

#about{
	margin:40px 20px;
}

.about_txt{
	line-height:180%;
	text-align:center;
}

.about_brand{
	text-align:center;
	line-height:150%;
}

.about_brand h2{
	margin:45px 0px 5px 0px;
}

#about_shop{
	max-width:900px;
	margin:20px auto;
	display:flex;
}

.shop_info h2{
	margin:30px 0px 10px 0px;
	padding:5px;
	border:solid 1px #000000;
	text-align:center;
}

.shop_info{
	width:100%;
	margin:0px 10px;
	line-height:150%;
	font-size:90%;
}

/*Instagram Feed 表示数変更*/
.SpOnly{
display: block;
}
.PcOnly{
display: none;
}
@media screen and (min-width: 559px) {
.SpOnly{
display: none;
}
.PcOnly{
display: block;
}
}