@charset "UTF-8";

/*
Theme Name: RoyalStudio R
Author: isseiogata
*/



/*----------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", "Yu Gothic", "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;
}





/*----------shortcode----------*/

.mt10 {
	margin-top: 10px;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mt40 {
	margin-top: 40px;
}
.mt50 {
	margin-top: 50px;
}
.mt100 {
	margin-top: 100px;
}
.clear:after {
	content: "";
	display: block;
	clear: both;
}





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

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





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

header {
	width:100%;
	height: auto;
	border-top:solid 5px #000;
	z-index:9000;
}
header div.gnav {
	position: relative;
	width: 1040px;
	margin: 0 auto;
    border-top:solid 3px #000;
    border-bottom:solid 1px #000;
}
.fixed{
    position: fixed;
    width: 100%;
    top: 0;
	background-color: rgba(255, 255, 255, 0.9);
	z-index: 9900;
}

header h1 {
	text-align:center;
	margin: 30px 0;
}
header nav {
	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;
}

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;
}

div.shop-banner {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 9999;
}





/*----------Container----------*/

div.container {
	width: 1040px;
	height: auto;
	margin: 20px auto 200px;
}





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

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

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





/*----------Contents----------*/

section.contents {
	margin-top: 100px;
}
h1.section-title-ja {
	width:1040px;
	text-align:center;
	padding-bottom: 10px;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, serif;
	font-size: 2.4em;
	letter-spacing:0.1em;
    border-bottom:solid 3px #5a5a5a;
}
h1.section-title-en {
	width:1040px;
	text-align:center;
	padding-bottom: 10px;
	font-family: 'Cotillion Regular', serif;
	font-size: 3.6em;
    border-bottom:solid 3px #5a5a5a;
}
section.contents p {
	font-size: 1.3em;
}





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

footer {
	width:100%;
	height: auto;
	margin-top: 200px;
	text-align:center;
	color: #fff;
}
footer a {
	color: #fff;
	text-decoration: underline;
}
div.footer-contact {
	margin: 30px 0 20px 0;
}
div.footer-contact ul li {
	display:inline-block;
	padding: 4px;
}
div.footer-contact ul li img {
	width: 210px;
	height: 66px;
}
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;
}

