@charset "utf-8";
/*
Site Name: 
Description: gloval style
*/

/* universal reset
----------------------------------------- */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:0;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

textarea {
	resize: vertical;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

q{
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

ins {
	background-color: #FF9;
	color: #000;
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

em, address{
	font-style: normal;
}

a img{
	text-decoration: none;
}

.offscreen{
	position: absolute;
	top: -9999px;
}


/* body and base setting
----------------------------------------- */
body {
	padding: 0px;
	margin: 0px;
	font-family: "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
	color: #333333;
	text-align: center;
	font-size: 13px;
	line-height: 1.4;
	letter-spacing: 0.05em;
	/*background-image: url(../img/body_bg.gif);*/
}


/* general style
----------------------------------------- */
html{  
	overflow-y: scroll;
	overflow-x: auto;
}
p {
}
img {
	max-width: 100%;
	height: auto;
	width /***/:auto;　
	vertical-align: bottom;
}
strong{
	font-weight: bold;
}
span.required{
	float: right;
	clear: right;
	color: #FFFFFF;
	font-size: 75%;
	font-weight: normal;
    margin-right: 5px;
    padding: 1px 2px;
	background-color: #CC3333;
    border: #CC3333 solid 1px;	
}
form label.error{
	font-size: 80%;
	color: #FFF;
	padding: 2px 5px;
	background-color: #FF0000;
	display: block;
}


/* link style
----------------------------------------- */
a{
	color: #005BAC;
	text-decoration: underline;
}
a:hover{
	color: #005BAC;
	text-decoration: none;
}
a[href^="tel:"]{
    pointer-events: none;
}

/* form reset
----------------------------------------- */
#search-contents button,#search-contents input[type="button"],#search-contents input[type="checkbox"],#search-contents input[type="email"],#search-contents input[type="number"],#search-contents input[type="option"],#search-contents input[type="select"],#search-contents input[type="submit"],#search-contents input[type="tel"],#search-contents input[type="text"],#search-contents option,#search-contents select,#search-contents textarea{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;border:0;outline:0;margin:0;background:#fff}#search-contents input[type=checkbox],#search-contents input[type=radio]{display:none}#search-contents select{text-indent:.01px;text-overflow:''}#search-contents select::-ms-expand{display:none}


/* form style
----------------------------------------- */
#search-contents textarea,
#search-contents input[type="number"],
#search-contents input[type="text"] {
    width: calc(100% - 30px);
    padding: 12px 15px;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

#search-contents textarea {
    height: 100px;
}

/* フォーカス時の色変更 */
#search-contents textarea:focus,
#search-contents input[type="tel"]:focus,
#search-contents input[type="email"]:focus,
#search-contents input[type="text"]:focus {
    border: 1px solid #333;
}

/* ラジオボタン */
#search-contents .form-radio{
	line-height: 1;
}
#search-contents .form-radio input[type=radio]+label {
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding: 9px 5px 8px 28px;
    margin-right: 0px;
}
#search-contents .form-radio input[type=radio]+label::before,
#search-contents .form-radio input[type=radio]+label::after {
    position: absolute;
    display: block;
    content: '';
    top: 50%;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}
#search-contents .form-radio input[type=radio]+label::before {
    width: 18px;
    height: 18px;
    margin-top: -12px;
    background: #FFF;
    border: 1px solid #ccc;
}
#search-contents .form-radio input[type=radio]+label::after {
    left: 5px;
    width: 8px;
    height: 8px;
    margin-top: -7px;
    background: #f4f4f4;
}
#search-contents .form-radio input[type=radio]:checked+label::after {
    background: #333;
}

/* チェックボックス */
#search-contents .form-checkbox{
	line-height: 1;
}
#search-contents .form-checkbox label {
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding: 6px 5px 8px 22px;
}
#search-contents .form-checkbox label::before,
#search-contents .form-checkbox label::after {
    position: absolute;
    display: block;
    content: '';
    top: 50%;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
#search-contents .form-checkbox label::before {
    width: 18px;
    height: 18px;
    margin-top: -10px;
    background: #FFF;
    border: 2px solid #ccc;
}
#search-contents .form-checkbox input[type=checkbox]+label::after {
    width: 20px;
    height: 20px;
    top: 2px;
}
#search-contents .form-checkbox input[type=checkbox]:checked+label::after {
    position: absolute;
    display: block;
    content: '';
    background: url(../img/icon_check.png) 0 0 no-repeat;
    background-size: 14px 14px;
    left: 2px;
    top: 6px;
}
#search-contents .form-select {
    display: block;
    position: relative;
    width: 100%;
    height: 38px;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
}
#search-contents .form-select:after {
    position: absolute;
    display: block;
    content: '';
    width: 0;
    height: 0;
    /* ここで下向き矢印指定　今回はCSSで */
    border-top: 6px solid transparent;
    border-left: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #333;
    top: 50%;
    right: 10px;
    margin-top: -3px;
    pointer-events: none;/* クリック出来るよう */
}
#search-contents .form-select select {
    width: 100%;
    height: 40px;
    padding: 0 10px;
    border: none;
    position: relative;
}

/* button */
#search-contents button {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    width: 100%;
    height: 44px;
    display: block;
    position: relative;
    background: #111;
    color: #fff;
    text-align: center;
    border: 1px solid #111;
    cursor: pointer;
}
#search-contents button:before {
    position: absolute;
    display: block;
    content: '';
    width: 98%;
    height: 3px;
    background: #ccc;
    bottom: -4px;
    left: 1%;
}
@media print,screen and (min-width: 1024px) {
    #search-contents button {
        -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
        -moz-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
        -ms-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
        transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    }
    #search-contents button:hover {
        color: #111;
        background: #fff;
    }
}

/* placeholder */
/* Google Chrome, Safari, Opera 15+, Android, iOS */
#search-contents ::-webkit-input-placeholder {
    color: #ccc;
}
/* Firefox 18- */
#search-contents :-moz-placeholder {
    color: #ccc;
    opacity: 1;
}
/* Firefox 19+ */
#search-contents ::-moz-placeholder {
    color: #ccc;
    opacity: 1;
}
/* IE 10+ */
#search-contents :-ms-input-placeholder {
    color: #ccc;
}

/* autofill */
#search-contents input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

/* layout parts
----------------------------------------- */
.display-pc{
	display: inherit;
}
.display-sp{
	display: none;
}
.clear {
	overflow: hidden;
	clear: both;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
img.left,
img.alignleft,
figure.left{
	float: left;
	margin-right: 15px;
	padding-bottom: 15px;
	display: inline-block;
}
img.center,
img.aligncenter,
figure.center{
	clear: both;
	padding-bottom: 15px;
	display: block;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
img.right,
img.alignright,
figure.right{
	float: right;
	margin-left: 15px;
	padding-bottom: 15px;
	display: inline-block;
}

.ggmap{
	height: 0;
	padding-bottom: 56.25%;
	padding-top: 30px;
	overflow: hidden;
	position: relative;
}
.shop-map{
	height: 0;
	padding-top: 31.25%;
	overflow: hidden;
	position: relative;
}
.ggmap iframe,
.ggmap object,
.ggmap embed,
.shop-map iframe,
.shop-map object,
.shop-map embed{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

a.btn01{
	color: #005BAC;
	padding: 5px 40px;
	border: #005BAC solid 1px;
	border-radius: 20px;
	text-decoration: none;
	text-align: center;
	display: inline-block;
}
a.btn01:hover{
	color: #FFF;
	background-color: #005BAC;
}
a.btn02{
	color: #FFF;
	font-weight: bold;
	padding: 15px 30px;
	background: -moz-linear-gradient(top, #005bac 0%, #2a7ba7 100%);
	background: -webkit-linear-gradient(top, #005bac 0%,#2a7ba7 100%);
	background: linear-gradient(to bottom, #005bac 0%,#2a7ba7 100%);;
	border-radius: 5px;
	text-decoration: none;
	display: inline-block;
}
a.btn02:hover{
	background: -moz-linear-gradient(top, #2a7ba7 1%, #005bac 100%);
	background: -webkit-linear-gradient(top, #2a7ba7 1%,#005bac 100%);
	background: linear-gradient(to bottom, #2a7ba7 1%,#005bac 100%);
}

.vegas-animation-vegasZoomIn{
    -webkit-animation: vegasZoomIn ease-out;
            animation: vegasZoomIn ease-out;
}
@-webkit-keyframes vegasZoomIn{
    0% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1.5);
                transform: scale(1.5);
    }
}
@keyframes vegasZoomIn{
    0% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1.5);
                transform: scale(1.5);
    }
}
@keyframes vegas-animation-myAnimation{
    0% {
        transform: scale(1.5)!important;
    }
    100% {
        transform: scale(1)!important;
    }
}

#topcontrol{
    width: 30px;
    height: 43px;
	margin: 0px auto;
    background: url(../img/pagetop.png) no-repeat left top;
    text-indent: -9999em;
	right: 0!important;
	left: 0!important;
	bottom: 0!important;
	z-index: 999;
}

@media all and (min-width: 769px){
}
@media all and (max-width: 768px){
}
@media all and (max-width: 640px){
.display-pc{
	display: none;
}
.display-sp{
	display: inherit;
}
}