/*base*/

body, h1, h2, h3, h4, h5, ul, dl, dt, dd {
margin: 0;
padding: 0;
}

header, article, footer, nav li a /*,aside, details, figcaption, figure, nav, section*/ {
display: block;
}

a {
outline: 0;
text-decoration: none;
}

img {
width: auto\9;
max-width: 100%;
height: auto;
border: 0;
border-style: none;
vertical-align: middle;
}

ul {
list-style: none;
}

/*typography*/

body, input, select, textarea, button {
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizelegibility;
}

.fs13 {
font-size: 13px;
}

h2, address, .obi, .fs14 {
font-size: 14px;
}

body, h5, input, textarea, .fs15 {
font-size: 15px;
}

h3, h4, .fs20, dt {
font-size: 20px;
}

.fs24 {
font-size: 24px;
}

h3 .sp {
font-size: 34px;
}

#home .fs114 {
font-size: 114px;
}

#home .fs120 {
font-size: 120px;
}

.shiro, .button, .button:hover, footer {
color: #fff;
}

.murasaki {
color: #609;
}

.momo {
color: #f6c;
}

nav li a, article, input, select, textarea, button {
color: #666;
}

article a, .obi a, .kon {
color: #369;
}

nav li a.active, .oudo, h3 i, footer h5, footer a {
color: #D2C190;
}

header a, header a:hover, #home .fs114, #home .fs120, footer a:hover, h4 i, h5 i, .kiiro {
color: #dec011;
}

.daidai, .obi a:hover, article a:hover {
color: #DC3721;
}

.aka {
color: #f44;
}

.midori {
color: #0c3;
}

.cha {
color: #973;
}

h1, h2, h3, h4, h5, .fwn {
font-weight: normal;
}

.bold {
font-weight: bold;
}

.txt-r, .obi {
text-align: right;
}

header a {
text-align: left;
}

h3, #submitted, #home table, .center {
text-align: center;
}

article p, td, dt, dd {
line-height: 1.8;
}

#footer {
text-shadow: -1px -1px 0 #333;
}

/*page*/

body {
background: #D2C190;
-webkit-tap-highlight-color:rgba(0,0,0,0);
-moz-tap-highlight-color:rgba(0,0,0,0);
-ms-tap-highlight-color:rgba(0,0,0,0);
}

#container {
overflow: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
}

header {
width: 100%;
height: 56px;
z-index: 20;
background: #fff;
border-top: 3px solid #753;
border-bottom: 1px solid #D2C190;
text-align: center;
}

#content {
margin-top: 60px;
background: #fff;
}

#category {
width: 100%;
display: block;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-image: url(../img/pages/category-bg.jpg);
vertical-align: middle;
}

.wrapper, article {
clear: both;
}

article, footer {
max-width: 1000px;
margin: 0 auto;
}

article {
padding: 0 10px;
}

section {
margin-bottom: 40px;
}

section:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}

h3 i {
margin-right: 10px;
}

h4 {
display: block;
padding: 30px 0 5px 0;
border-bottom: 2px solid #D2C190;
}

h5 {
margin-top: 30px;
display: inline-block;
border-bottom: 2px solid #D2C190;
}

footer h5 {
margin-top: 0;
border-bottom: 0;
}

.button {
padding: 5px 10px;
background: #DE513E;
transition: all 0.3s ease;
}

.button:hover {
background: #dc3721;
}

.obi {
padding-top: 50px;
line-height: 30px;
border-bottom: 1px solid #753;
}

.obi p {
max-width: 1000px;
margin: 0 auto;
padding: 0 10px;
}

.obi a {
height: 30px;
display: inline-block;
}

#footer {
border-top: 1px solid #fff;
background: #753 url(../img/common/bg-footer.png) repeat;
}

footer {
padding: 0 10px;
}

footer h5 {
padding: 50px 0 0 0;
}

address {
padding: 0 0 10px 0;
}

.mb20 {
margin-bottom: 20px;
}

.mt20 {
margin-top: 20px;
}

.flt-right {
float: right;
}

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

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


/*??*/
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clearfix:after {
height: 0;
content: " ";
clear: both;
visibility: hidden;
}

/*
header {
box-shadow: 0 1px 10px #888;
-moz-box-shadow: 0 1px 10px #888;
-webkit-box-shadow: 0 1px 10px #888;
}
*/

#rates table, .button, .thumbs img, .formS, form select, #rates li img, .frame01 {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}