/*/*/html, body {
width: 100%;
height: 100%; 
}
body {
margin:0;
padding:0;
font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "MS Pゴシック", "MS PGothic", sans-serif;
background: white;
word-wrap: break-word;
-webkit-text-size-adjust: 100%; 
letter-spacing:0.1em;
}
::selection {
background: #c8b028;
color: #fff;
}
::-moz-selection {
background: #c8b028;
color: #fff;
}
img {
border-width: 0; 
}
object, embed {
vertical-align: bottom; 
}
ul, ul li, ol, ol li {
list-style: none; 
}
a {
color: #000;
text-decoration: none; 
display: block;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
img, a img {
margin: 0;
padding: 0;
border: 0;
border-style: none;
text-decoration: none;
vertical-align: top; }/*/*/.cf:before,
.cf:after {content:""; display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}/*/*/.mont {
font-family: "brandon-grotesque",sans-serif;
font-weight: 500;
line-height:1.2;
letter-spacing:0.12em;
}
.lato {
font-family: 'Lato', sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.crim {
font-family: 'Crimson Text', serif;
letter-spacing:0.1em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}/*/*/.left-box {
float:left;
}
.right-box {
float:right;
}
.lower {
}
.lower .page_ttl{
display: block;
text-align: center;
margin-bottom: 180px;
height: 400px;
}
.lower .page_ttl .en{
display:block;
width:100%;
font-size:52px;
letter-spacing: 0.6em;
text-indent:0.6em;
font-weight:700;
padding-top:370px;
padding-bottom:10px;
}
.lower .page_ttl .jp{
display:block;
width:100%;
letter-spacing: 0.6em;
text-indent:0.6em;
font-size:12px;
}
.lower .page_ttl .en:before{
font-family: 'Crimson Text', serif;
content:"“";
color:#ccc;
}
.lower .page_ttl .en:after{
font-family: 'Crimson Text', serif;
content:"”";
color:#ccc;
}
.lower .sub-ttl {
text-align:center;
font-weight:100;
margin-bottom:60px;
}
.lower .sub-ttl .en {
display:block;
font-size:26px;
font-weight:700;
letter-spacing:0.4em;
margin-right:-0.4em;
margin-bottom:10px;
}
.lower .sub-ttl .jp {
display:block;
font-size:12px;
}
.lower p {
font-size:12px;
}
@media screen and (min-width: 1080px) {
.br-sp { display:none; }
}
@media screen and (max-width:1080px){
.left-box {
float:none;
}
.right-box {
float:none;
}
.lower .page_ttl{
padding:25px 0;
margin-top:60px;
margin-bottom:140px;
height: 200px;
}
.lower .page_ttl .en{
font-size:28px;
padding-top:210px;
padding-bottom:10px;
letter-spacing: 0.3em;
text-indent:0.3em;
}
.lower .page_ttl .jp{
letter-spacing: 0.3em;
text-indent:0.3em;
}
.lower .sub-ttl .en {
font-size:22px;
}
.lower .sub-ttl {
margin-bottom:30px;
}
}/*/*/.sec_inner .btn a{
display:inline-block;
width:100%;
font-size:12px;
border:1px solid #000;
box-sizing:border-box;
border-radius: 4px;   
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
text-align:center;
padding:18px 0;
background: none;
cursor: pointer;
overflow: hidden;
outline: none;
position: relative;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
letter-spacing:0.15em;
}
.sec_inner .btn a:after {
content: '';
position: absolute;
z-index: -1;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.sec_inner .btn a:hover {
background-color:#000;
color:#fff;
}/**/.sec_inner .btn-4 a:active {
border-color: #ccc;
color: #fff;
}
.sec_inner .btn-4 a:hover {
border-color: #ccc;
color:#fff;
}
.sec_inner .btn-4 a:before {
position: absolute;
height: 100%;
font-size: 125%;
line-height: 3.5;
color: #fff;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.sec_inner .btn-4:active a:before {
color: #fff;
} .sec_inner .btn-4a a:before {
left: 130%;
top:9px;
font-size: 10px;
}
.sec_inner .btn-4a:hover a:before {
left: 95%;
}
.sec_inner .icon-arrow_right:before {
display:none;
}
.sec_inner .icon-arrow_right a:before {
font-family: "icomoon";
content: "\e606";
color:#fff;
}
@media screen and (max-width:680px){
.sec_inner .btn a{
background-color:#000;
color:#fff;
}
.sec_inner .btn-4a a:before {
left: 95%;
top:5px;
font-size: 10px;
}
}/*/*/header {
width:100%;
margin:0 auto;
padding:0;
background-color:#fff;
z-index: 9999;
}
header .inner {
width: 100%;
padding:50px 50px 40px 50px;
box-sizing: border-box;
}
h1.logo {
text-align:center;
margin:0px auto 50px;
}
h1.logo span{
font-size: 34px;
display: block;
}
header .nav {
width:790px;
font-size:14px;
margin:0 auto;
display:block;
}
header .nav li {
height:14px;
padding:0 35px;
border-right:1px solid #d6d6d6;
display: inline-block;
vertical-align:middle;
}
header .nav a{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
header .nav li:first-child {
padding-left:0;
}
header .nav li:last-child {
border-right:0;
padding-right:0;
}
header .nav li .subnav {
visibility: hidden;
opacity: 0;
transition: .2s ease-in-out;
}
header .nav li:hover .subnav {
visibility: visible;
opacity: 1;
}
header .header-sns {
position:absolute;
top:60px;
right:50px;
}
header .header-sns li{
display: inline-block;
vertical-align:middle;
}
header .header-sns li a{
color:#e5e5e5;
}
header .icon:hover{
color:#000;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;	
}
.icon-external:before {
font-size:12px;
content: "\e600";
margin-right:5px;
}
.icon-twitter:before {
font-size:20px;
content: "\e604";
margin-right:10px;
}
.icon-facebook:before {
font-size:20px;
content: "\e605";
margin-right:10px;
}
.icon-instagram2:before {
font-size:20px;
content: "\ea92";
margin-right:10px;
}
.icon-pinterest:before {
font-size:20px;
content: "\ead1";
margin-right:0px;
}
@media screen and (max-width:1180px){
header {
position: fixed !important;
top: 0 !important;
left: auto;
right: auto;
background:#fff;
height:60px;
z-index:1030;
border-bottom:1px solid #e5e5e5;
}	
header .inner {
padding:0;
}
header .nav {
display:none;
}
header .header-sns {
display:none;
}
h1.logo {
margin: 0 0 0 3%;
text-align: left;
float:left;
}
h1.logo span{
line-height: 60px;
font-size: 18px;
padding-top:0;
}
#slide-nav-open {
display:block !important;
}
.icon-twitter:before {
font-size:32px;
margin-right:15px;
}
.icon-instagram2:before {
font-size:32px;
margin-right:15px;
}
.icon-facebook:before {
font-size:32px;
margin-right:15px;
}
.icon-pinterest:before {
font-size:32px;
margin-right:0px;
}
}/*/*/.fixed {
position: fixed;
top: 0;
left: 0;
height:70px;
width: 100%;
background:#fff;
border-bottom:1px solid #e5e5e5;
}
.fixed .inner {
width: 100%;
box-sizing: border-box;
padding:0;
}
.fixed .nav li a{
font-weight:500;
}
.fixed .nav .blog {
border-right:1px solid #fff;
}
.fixed h1.logo {
float:left;
margin:0 40px;
}
.fixed h1.logo span{
padding-top: 21px;
font-size: 24px;
display: block;
}
.fixed .nav {
width: 700px;
float:left;
padding-top: 25px;
font-size:14px;
}
.fixed .nav li {
margin:0 0 0 25px;
padding:0;
border:0;
height:14px;
display: inline-block;
vertical-align:middle;
}
.fixed .nav li:first-child {
margin:0;
}
.fixed .nav .classic {
font-style: italic;
font-weight:600;
}
.fixed .header-sns {
float:right;
padding: 26px 0 0 0;
position: inherit;
margin-right:40px;
}
.fixed .header-sns li{
display: inline-block;
vertical-align:middle;
}
@media screen and (max-width:1180px){
.fixed {
height:60px;
}
.fixed h1.logo span{
padding:0;
font-size: 18px;
}
.fixed h1.logo {
margin: 0 0 0 3%;
}
}/*/*/header .nav li a {
position: relative;
display: inline-block;
outline: none;
color: #000;
text-decoration: none;
cursor: pointer;
}
header .nav li a:hover,
header .nav li a:focus {
outline: none;
}
header .nav li small,
header nav li span small {
display: block;
position: absolute;
color:#999;
bottom: -15px;
text-align: center;
font-size: 9px;
line-height: 1em;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 1;
}
header nav  li:hover small,
header nav li span:hover small {
bottom: -18px;
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1; 
}
.hovline a {
position: relative;
display: inline-block;
transition: .3s;
padding: 0 0 5px 0;
}
.hovline a::after {
position: absolute;
bottom: 0;
left: 0;
content: '';
width: 0;
height: 1px;
background-color: #333;
transition: .3s;
}
.hovline a:hover::after,
.hovline a:focus::after {
width: 100%;
}/*/*/#slide-nav-open {
display: none;
float:right;
z-index: 200;
cursor: pointer;
width:60px;
text-align:center;
padding: 10px 0;
}
#slide-nav-open .icon-menu{
display:inline-block;
line-height:1em;
font-size:26px;
vertical-align: bottom;
padding-bottom:3px;
}
#slide-nav-open .menu {
display:inline-block;
line-height:1em;
vertical-align: top;
font-weight: 100;
font-size:10px;
}
#slide-nav-close {
height:58px;
background:#f9f9f9;
color:#000;
cursor: pointer;
}
#slide-nav-close .icon-close{
display: block;
text-align:center;
line-height: 1em;
font-size: 26px;
padding-top: 8px;
padding-bottom: 5px;
width: 60px;
}
#slide-nav-close .menu {
display: block;
text-align:center;
line-height: 1em;
width: 60px;
font-size:10px;
font-weight: 100;
}
#side-nav{
text-align:center;
}
#side-nav .nav li{
font-size:15px;
padding:15px;
border-bottom:1px solid #e5e5e5;
}
#side-nav .nav li small {
font-size:10px;
display:block;
color:#999;
}
#side-nav .header-sns {
display:block;
margin: 0 auto;
padding: 20px 0;
width:181px;
}
#side-nav .header-sns li {
float:left;
}
#side-nav .header-sns li span{
font-size:40px;
}/*/*/.content {
width:100%;
}
.slider {
width:100%;
max-width: 1440px;
margin:0 auto;
overflow:hidden;
padding:0px 50px 50px 50px;
box-sizing:border-box;
}
.main_copy {
position:absolute;
top:0;
left: 0;
right: 0;
bottom: 0;
margin:auto;
z-index:50;
width:428px;
height:167px;
}
.main_copy img{
width:428px;
height:167px;
}
@media screen and (max-width:1080px){
.slider {
padding:0;
margin-top:60px;
}
.main_copy {
width: 280px;
height: 109px;
}
.main_copy img {
width:100%;
height:auto;
}
}/*/*/.contact span {
text-align:center;
display:block;
font-size:12px;
margin-bottom:40px;
line-height:1.5em;
}
.contact .btn {
text-align:center;
margin:0 auto;
}
.contact .btn a{
text-align:center;
color:#fff;
width:500px;
padding:20px 0;
font-size:15px;
border-radius:4px;
border:0;
box-sizing: border-box;
background:#de3939;
margin:0 auto 80px;
}
.contact .btn a:hover{
background:#f45a5a;
}
.contact .btn-4a a:before {
left: 130%;
top:10px;
}
@media screen and (max-width:1080px){
.contact .btn a{
width:100%;
margin:0 auto 50px;
}	
}
@media screen and (max-width:680px){
.contact .btn-4a a:before {
left: 94%;
}
}/*/*/.pagetop {
position:relative;
width:100%;
padding:30px 0;
font-size:11px;
font-weight:700;
text-align:center;
background:#f2f2f2;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.pagetop a {
display: inline-block;
text-align: center;
position: absolute;
top: 50%;
margin-top:-0.5em;
left: 0;
width: 100%;
height: 100%;
}
.pagetop:hover {
background:#f9f9f9;
}
.pagetop .icon-arrow_right:before {
display:inline-block;
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
font-size:12px;
}
.pagetop .mont{
display:inline-block;
padding-left: 15px;
}
footer {
width: 100%;
padding-top:60px;
color:#999;
background:#000;
}
footer a {
color:#999;
}
footer .inner{
width: 960px;
margin:0 auto;
padding-bottom:60px;
}
footer .left-box {
width: 340px;
}
footer .left-box .logo {
margin-bottom:20px;
}
footer .left-box .logo span{
color:#999;
font-size:28px;
}
footer .adress{
display:block;
font-style:normal;
font-size:11px;
margin-bottom:35px;
}
footer .left-box .footer-sns li{
float:left;
margin-right:15px;
}
footer .left-box .footer-sns .mont{
font-size:12px;
line-height:24px;
}
footer .icon {
color:#999;
}
footer .icon-twitter:before {
font-size:24px;
margin-right:0px;
}
footer .icon-instagram2:before {
font-size:24px;
margin-right:0px;
}
footer .icon-facebook:before {
font-size:24px;
margin-right:0px;
}
footer .icon-pinterest:before {
font-size:24px;
margin-right:0px;
}
footer .right-box {
width: 380px;
text-align:right;
}
footer .right-box span{
display:block;
}
footer .right-box .f-contact a{
display: inline-block;
font-size: 15px;
font-style: normal;
letter-spacing: 0.05em;
padding: 15px 30px;
border: solid 1px #999;
border-radius: 4px;
margin-bottom: 20px;
}
footer .right-box .f-contact a:hover{
transition: .3s;
opacity: .7;
}
footer .right-box  .time {
font-style:normal;
font-size:13px;
margin-bottom:20px;
}
footer .right-box .copyright {
font-size:10px;
}
@media screen and (max-width:1080px){
footer .inner{
width: 100%;
margin:0 auto;
padding:5%;
box-sizing:border-box;
}
footer .left-box {
float:left;
}
footer .right-box {
float:right;
}
}
@media screen and (max-width:680px){
footer {
width: 100%;
padding-top:10%;
box-sizing:border-box;
}
footer .inner{
width: 100%;
padding:0;
box-sizing:border-box;
}
footer .left-box {
width: 100%;
}
footer .left-box .logo {
text-align:center;
margin-bottom:5%;
}
footer .left-box .footer-sns {
margin:0 auto;
text-align:center;
margin-bottom:8%;
padding:3% 0;
border-top:1px solid #333;
border-bottom:1px solid #333;
}
footer .left-box .footer-sns .mont {
display: inline-block;
}
footer .left-box .footer-sns li{
float:none;
display: inline-block;
margin-right:2%;
}
footer .left-box .footer-sns li:last-child{
margin-right:0;
}
footer .right-box {
width: 100%;
text-align:center;
}
footer .right-box .tel {
width:100%;
margin-bottom:3%;
font-size:28px;
}
footer .right-box .time {
font-size:12px;
}
footer .adress {
text-align:center;
}
footer .right-box .copyright {
padding-bottom:5%;
}
}/**/