@charset "UTF-8";


/*----------common----------*/

html, body, header, footer, section, article, acide, div, img, a, ul, li, h1, h2, h3, h4, h5, h6, h7, p {
	margin: 0;
	padding: 0;
}
html {
	width:100%;
	height:100%;
}
body {
	position: relative;
	width:100%;
    height:100%;
	font-family: "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","Meiryo","メイリオ",Verdana,Helvetica,sans-serif;
	font-size:10px;
	-webkit-font-smoothing: antialiased;
	color:#4a4a4a;
	line-height:1.8em;
	background-color:#fff;
}
img {
	height: auto;
	border:0;
	vertical-align:bottom;
}
h1, h2, h3, h4, h5, h6, h7 {
	font-weight:normal;
}
ul {
	list-style: none;
}
li {
	width: auto;
}
li a {
	display: block;
	text-decoration: none;
}
div.container {
	width: 1040px;
	height: auto;
	margin: 0 auto;
}
.clear:after {
	content: "";
	display: block;
	clear: both;
}





/*----------link----------*/

a {
    outline:none;
    text-decoration:none;
	color:#5a5a5a;
}
a.link-peach {
	color:#f88b98!important;
}
a:focus,
a:active,
a:not(.a-opacity1):hover {
    opacity:0.3;
}





/*----------header----------*/

header {
	position: fixed;
	width:100%;
	height: auto;
	border-top:solid 5px #000;
	background-color: rgba(255, 255, 255, 0.9);
	z-index:9000;
}
header div.gnav {
	position: relative;
	width: 1040px;
	margin: 0 auto;
    border-top:solid 3px #000;
    border-bottom:solid 1px #000;
}
header h1 {
	text-align:center;
	margin: 30px 0;
}
header nav {
	position: relative;
	text-align:center;
}
header nav li {
	display:inline-block;
	width: auto;
	padding: 8px 15px 5px;
	font-family: 'Cotillion Regular', serif;
	font-size: 2.5em;
}
header nav .menu-set1 {
	position: absolute;
	top: 0;
	right: 30px;
}
header nav .menu-set2 {
	text-align: left;
	max-width: 740px;
}
header nav .menu-set2 li {
	font-size: 1.6em;
}
header nav .menu-set2 li a {
	color: #010101;
}



/*ツールチップ
a.gnav-tooltip {
	position:relative;
}
a.gnav-tooltip span {
	display: none;
	width: 80px;
	padding: 5px 0 1px;
	font-size: 13px;
	color:#fff;
}
a.gnav-tooltip:hover span {
	display:inline;
	position:absolute;
	background:#000;
	top:-40px;                *位置指定追加。クエスチョンマークの下端から、吹き出しの下端を25px上げる*
	left:-40px;                *位置指定追加。吹き出しの幅の半分を左に移動させる*
}
a.gnav-tooltip:hover span:after {
	content: "";
	display: block;
	width:0;
	height:0;
	border-top:5px solid #000;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	position: absolute;
	left: 40px;
	bottom:-5px;
}


a.gnav-tooltip:hover span{

*アニメーションの制御設定*
-moz-animation: bubbleUp 0.2s 1;
-webkit-animation: bubbleUp 0.2s 1;
-o-animation: bubbleUp 0.2s 1;
animation: bubbleUp 0.2s 1;
}
*アニメーションの内容*
@-moz-keyframes bubbleUp {
0% {bottom:15px; opacity:0;}
100% {bottom:25px; opacity:1;}
}
@-webkit-keyframes bubbleUp {
0% {bottom:15px; opacity:0;}
100% {bottom:25px; opacity:1;}
}
@-o-keyframes bubbleUp {
0% {bottom:15px; opacity:0;}
100% {bottom:25px; opacity:1;}
}
@keyframes bubbleUp {
0% {bottom:15px; opacity:0;}
100% {bottom:25px; opacity:1;}
}
*/



header div.sns {
	position: absolute;
	bottom: 0;
	right: 0;
}
header div.sns ul li {
	display:inline-block;
	padding: 5px;
	font-family: 'Arial Rounded Mt Bold', serif;
	font-size: 1.3em;
}
header div.sns ul li i {
	font-size: 15px;
}




/*----------container-header----------*/

div.container {
	padding-top: 150px;
}
div.container-header-left {
	float: left;
	width: 740px;
}
div.container-header-left h1 {
	margin-top: 20px;
}
div.container-header-left p {
	margin-top: 8px;
	font-size: 1.2em;
	line-height: 1.8em;
}


div.container-header-right {
	float: right;
}
div.container-header-right ul {
	width: 270px;
}
div.container-header-right li:nth-child(1) {
    border-top:solid 1px #aaa;
}
div.container-header-right li {
    border-bottom:solid 1px #aaa;
}
div.container-header-right li a,
div.container-header-right li .notlink
 {
	padding: 10px 12px;
    border-left:solid 5px transparent;
}
div.container-header-right li a:hover {
    border-left-color: #000;
    opacity:0.7;
}
a.no-link:hover {
    border-left-color: transparent!important;
}
div.container-header-right img {
	float: left;
}
div.container-header-right h2,
div.container-header-right p {
	float: none;
	margin-left: 100px;
}
div.container-header-right h2 {
	margin-top: 15px;
	font-family: 'Cotillion Regular', serif;
	font-size: 3em;
	font-weight: 100!important;
}
div.container-header-right p {
	margin-top: 10px;
	font-size: 1.2em;
}
div.container-header-right li a:after,
div.container-header-right li .notlink:after
 {
	content: "";
	display: block;
	clear: both;
}




/*----------footer----------*/

footer {
	width:100%;
	height: auto;
	margin-top: 200px;
	text-align:center;
	color: #fff;
}
footer a {
	color: #fff;
	text-decoration: underline;
}
div.page-top {
}
div.footer-contact {
	margin: 70px 0 20px 0;
}
div.footer-contact ul li {
	display:inline-block;
	padding: 5px;
}
div.footer-box {
	width: 100%;
	background-color:#222;
}
div.store-info,
div.footer-link {
    border-bottom:solid 1px #aaa;
}
div.store-info {
	padding-top: 30px;
	padding-bottom: 20px;
}
div.store-info p {
	margin-top: 15px;
}
div.footer-link ul li {
	display:inline-block;
	padding: 20px 15px;	
}
	div.footer-link ul li:nth-child(n+5) {
		padding: 20px 12px;	
	}
div.copyright {
	padding:12px;
}