@charset "utf-8";
/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display:block
}
audio, canvas, video {
	display:inline-block
}
audio:not([controls]) {
display:none;
height:0
}
[hidden] {
display:none
}
html {
	font-family:sans-serif;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%
}
/* 画像ダウンロード禁止 */
img {
  pointer-events: none;
}
img {
-webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
  touch-callout:none;
  user-select:none;
}
/* ローダー */
.loader_wrap{
  position: fixed;
  width: 100%;
  height: 100vh;
  z-index: 0;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}
.loader {
  width: 60px;
  aspect-ratio: 2;
    --_g: no-repeat radial-gradient(circle closest-side,#000 90%,#0000);
  background: 
    var(--_g) 0%   50%,
    var(--_g) 50%  50%,
    var(--_g) 100% 50%;
  background-size: calc(100%/3) 50%;
  animation: l3 1s infinite linear;
}
@keyframes l3 {
    20%{background-position:0%   0%, 50%  50%,100%  50%}
    40%{background-position:0% 100%, 50%   0%,100%  50%}
    60%{background-position:0%  50%, 50% 100%,100%   0%}
    80%{background-position:0%  50%, 50%  50%,100% 100%}
}


/* スクロールダウン */

.scroll_down{
  position:absolute;
  bottom:1%;
  right:50%;
  margin-bottom: 50px;
  animation: fadeIn 1.5s linear 3s forwards,arrowmove 1.5s ease-in-out infinite;
  opacity: 0;
}
.scroll_down span{
  position: absolute;
  left: 15px;
  bottom: 0;
  color: #000;
  font-size: 11px;
  font-family: 'Josefin Sans', sans-serif;
  letter-spacing: .2em;
  writing-mode: vertical-rl;
  text-decoration: none;
  text-transform: uppercase;
}

.scroll_down:before {
    content: "";
    position: absolute;
    bottom: 5px;
    right: -6px;
    width: 2px;
    height: 20px;
    background: #000;
    transform: skewX(-31deg);
}

.scroll_down:after{
  content:"";
  position: absolute;
  bottom: 5px;
  right: 0;
  width: 2px;
  height: 50px;
  background:#000;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes arrowmove {
   0%{bottom:1%;}
   50%{bottom:5%;}
   00%{bottom:1%;}
}

/* 基本設定 */
body {
	margin:0;
    border: none !important;
        　
}
a:active, a:hover {
	outline:0
}
b, strong {
	font-weight:bold
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal
}
code, kbd, pre, samp {
	font-family:monospace, serif;
	font-size:1em
}
pre {
	white-space:pre-wrap
}
q {
	quotes:"\201C" "\201D" "\2018" "\2019"
}
small {
	font-size:80%
}
sub, sup {
	position:relative;
	vertical-align:baseline;
	font-size:75%;
	line-height:0
}
sup {
	top:-0.5em
}
sub {
	bottom:-0.25em
}
img {
	border:0
}
img, object, embed {
	vertical-align:top
}
figure {
	margin:0
}
button, input, select, textarea {
	margin:0;
	font-size:100%;
	font-family:inherit
}
button, input {
	line-height:normal;
}
button, select {
	text-transform:none;
}
button.btn-reset {
	border: none;
	outline: none;
	background:none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	cursor:pointer;
	-webkit-appearance:button
}
button[disabled], html input[disabled] {
	cursor:default
}
input[type="checkbox"], input[type="radio"] {
	box-sizing:border-box;
	padding:0
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
textarea {
	overflow:auto;
	vertical-align:top
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%
}
table {
	border-collapse:collapse;
	border-spacing:0
}
caption, th {
	text-align:left
}
li {
	list-style-type:none
}
em {
	font-weight:bold
}
.ffonts, .ffonts-500, .ffonts-600, .ffonts-700 {
	font-family:"futura-pt", Sans-Serif;
	font-style:normal;
	font-weight:400;
	letter-spacing:0.05em
}
.ffonts-200 {
	font-size:0.8em;
	font-weight:200;
}
.ffonts-500 {
	font-weight:500;
}
.ffonts-600 {
	font-weight:600;
}
.ffonts-700 {
	font-weight:700;
}
.nav-group, .nav-group-sub, .sns-group {
	line-height:2
}
.nav-list {
	display:inline-block;
}
.sns-list {
	display:inline-block;
}
.nav-list-sub {
	display:inline-block;
}
.sns-group.has-icon .sns-list a {
	display:block;
	width:30px;
	height:30px;
	background:50% 50% no-repeat;
}

.sp-none{
    display: block;
}
.pc-none{
    display: none;
}

/* スマホで見た時はclass名sp-onlyだけ表示 */
@media screen and (max-width: 500px){
    .sp-none{
        display: none;
    }
    .pc-none{
        display: block;
    } 
}  
@media screen and (max-width: 500px) {
.sns-group.has-icon .sns-list a {
display:block;
width:30px;
height:30px;
background:50% 50% no-repeat
}
.sns-group.has-icon .sns-list.twitter a {
background-image:url(/assets/img/icons/sp/sns_twitter.jpg)
}
.sns-group.has-icon .sns-list.facebook a {
background-image:url(/assets/img/icons/sp/sns_facebook.jpg)
}
.sns-group.has-icon .sns-list.instagram a {
background-image:url(/assets/img/icons/sp/sns_instagram.jpg)
}
}
.tag-group {
	display:inline-block;
	position:absolute
}
.tag-list {
	line-height:1;
	margin-bottom:5px
}
.tag-list a {
	display:inline-block;
	padding:10px;
	font-size:2em;
	background-color:#fff;
	color:#002d52;
}
.tag-list a:hover {
	background-color:#002d52;
	color:#fff
}
.tag-list small {
	font-size:100%
}
.credit-list {
	position:relative;
	margin-bottom:25px
}
.credit-list:last-child {
	margin-bottom:0
}
.credit-list p {
	line-height:1.3;
	color:#002d52
}
.credit-list .item-name {
	font-size:1.4em
}
.credit-list .item-brand, .item-price {
	font-size:1.2em
}
.related-list {
	display:inline-block;
	padding:0 3px
}
.related-list a {
	display:block;
	width:120px;
	height:120px;
-webkit-transition:opacity .4s;
transition:opacity .4s
}
.related-list a:hover {
	opacity:.5
}
.related-list .inner {
	display:block;
	width:100%;
	height:100%;
	background:50% 50% no-repeat;
	background-size:cover
}
@media screen and (max-width: 500px) {
.related-list {
padding:0 0px
}
.related-list a {
display:block;
width:70px;
height:70px
}
.tag-group .tag-list {
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
-webkit-transition:-webkit-transform .4s;
transition:-webkit-transform .4s;
transition:transform .4s;
transition:transform .4s, -webkit-transform .4s
}
.tag-group .tag-list a small {
font-size:.9em
}
.tag-group.is-active .tag-list {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
.container {
	max-width:100%;
	margin:0px auto
}
i.icon.share {
	display:inline-block;
	width:20px;
	height:20px;
	vertical-align:middle;
	background:50% 50% no-repeat;
	background-size:contain;
	background-image:url(/assets/img/icons/share.jpg)
}
@media screen and (max-width: 500px) {
i.icon.head-icon {
display:inline-block;
width:15px;
height:15px;
background:50% 50% no-repeat;
background-size:contain
}
i.icon.twitter {
background-image:url(/assets/img/icons/sns_twitter.jpg)
}
i.icon.facebook {
background-image:url(/assets/img/icons/sns_facebook.jpg)
}
i.icon.instagram {
background-image:url(/assets/img/icons/sns_instagram.jpg)
}
}
.btn {
	display:block;
-webkit-transition:opacity .4s;
transition:opacity .4s
}
.btn-share {
	display:inline-block;
	padding:15px 50px;
	line-height:20px;
	background-color:#002d52;
	color:#fff;
	font-size:1.2em
}
.btn-share:hover {
	opacity:.5
}
.btn-share i {
	margin-right:10px
}
.btn-share span {
	vertical-align:top
}
.btn-buy {
	width:90px;
	line-height:1;
	padding:8px 0;
	background-color:#002d52;
	color:#fff;
	text-align:center
}
.btn-buy:hover {
	opacity:.5
}
.btn-buy.disabled {
	background-color:#696969;
	pointer-events:none
}
#menu-btn {
	position:fixed;
	width:50px;
	height:50px;
	top:0;
	right:0;
	z-index:1200
}
#menu-btn:hover .bar:before {
	-webkit-transform:translate(0px, -7px);
	transform:translate(0px, -7px)
}
#menu-btn:hover .bar span {
	-webkit-transform:translate(0px, 0px);
	transform:translate(0px, 0px)
}
#menu-btn:hover .bar:after {
	-webkit-transform:translate(0px, 7px);
	transform:translate(0px, 7px)
}
#menu-btn .bar {
	display:block;
	position:absolute;
	width:22px;
	height:16px;
	top:50%;
	left:50%;
	margin-top:-8px;
	margin-left:-11px;
	overflow:hidden
}
#menu-btn .bar:before, #menu-btn .bar:after, #menu-btn .bar span {
	display:block;
	width:100%;
	height:2px;
	content:'';
	position:absolute;
	background-color:#002d52;
-webkit-transition:opacity .4s, -webkit-transform .4s;
transition:opacity .4s, -webkit-transform .4s;
transition:transform .4s, opacity .4s;
transition:transform .4s, opacity .4s, -webkit-transform .4s;
	top:50%;
	margin-top:-1px
}
#menu-btn .bar:before {
	-webkit-transform:translate(0px, -7px);
	transform:translate(0px, -7px)
}
#menu-btn .bar span {
	-webkit-transform:translate(4px, 0px);
	transform:translate(4px, 0px)
}
#menu-btn .bar:after {
	-webkit-transform:translate(8px, 7px);
	transform:translate(8px, 7px)
}
#menu-btn.is-active .bar:before {
	-webkit-transform:translate(0) rotate(45deg);
	transform:translate(0) rotate(45deg)
}
#menu-btn.is-active .bar span {
	-webkit-transform:translate(0);
	transform:translate(0);
	opacity:0
}
#menu-btn.is-active .bar:after {
	-webkit-transform:translate(0) rotate(-45deg);
	transform:translate(0) rotate(-45deg)
}
#hash-trigger {
	display:none
}
.copyright {
	padding:0;
	margin:0;
	color: #002d52;
	font-weight:700;
}
@media screen and (max-width: 500px) {
#menu-btn {
width:70px;
height:54px;
background-color:none;
}
#go-top {
display:block;
width:100%;
height:50px;
background:#fff 50% 50% no-repeat;
background-size:12px auto;
background-image:url(/assets/img/icons/arr_top.jpg);
-webkit-transition:-webkit-transform .4s;
transition:-webkit-transform .4s;
transition:transform .4s;
transition:transform .4s, -webkit-transform .4s;
-webkit-transform:translateY(100%);
transform:translateY(100%)
}
#go-top.is-active {
-webkit-transform:translateY(0);
transform:translateY(0)
}
#hash-trigger {
position:absolute;
display:block;
width:40px;
height:40px;
top:20px;
left:20px;
background-color:#002d52;
border-radius:50%
}
#hash-trigger .bar:before, #hash-trigger .bar:after {
display:block;
content:'';
position:absolute;
background-color:#fff;
-webkit-transition:all .4s;
transition:all .4s
}
#hash-trigger .bar.horizontal:before, #hash-trigger .bar.horizontal:after {
width:11px;
height:2px;
top:50%;
left:50%;
margin-top:-1px;
margin-left:-5px
}
#hash-trigger .bar.horizontal:before {
-webkit-transform:translate(0, -2px) skew(-20deg);
transform:translate(0, -2px) skew(-20deg)
}
#hash-trigger .bar.horizontal:after {
-webkit-transform:translate(-1px, 2px) skew(-20deg);
transform:translate(-1px, 2px) skew(-20deg)
}
#hash-trigger .bar.vertical:before, #hash-trigger .bar.vertical:after {
width:2px;
height:14px;
top:50%;
left:50%;
margin-top:-7px;
margin-left:-1px
}
#hash-trigger .bar.vertical:before {
-webkit-transform:translate(-2px, 0px) skew(-15deg);
transform:translate(-2px, 0px) skew(-15deg)
}
#hash-trigger .bar.vertical:after {
-webkit-transform:translate(2px, 0px) skew(-15deg);
transform:translate(2px, 0px) skew(-15deg)
}
#hash-trigger.is-active .bar:before, #hash-trigger.is-active .bar:after {
-webkit-transform:translate(0, 0) skew(0deg) rotate(45deg);
transform:translate(0, 0) skew(0deg) rotate(45deg)
}
#hash-trigger.is-active .bar.horizontal:before, #hash-trigger.is-active .bar.horizontal:after {
width:14px;
height:2px;
top:50%;
left:50%;
margin-top:-1px;
margin-left:-7px
}
#hash-trigger.is-active .bar.vertical:before, #hash-trigger.is-active .bar.vertical:after {
width:2px;
height:14px;
top:50%;
left:50%;
margin-top:-7px;
margin-left:-1px
}
}
#contact-form table {
	width:25em;
	margin:0 auto
}
#contact-form table.basic {
	border-top:1px solid #e5e5e5
}
#contact-form table.bottom {
	margin-bottom:20px
}
#contact-form td, #contact-form th {
	position:relative;
	font-size:1.2em;
	padding:10px 0;
    display: block;
        
}
#contact-form th {
	width:25em;
	color:#1a1a1a;
    text-align: center;
	background:#efefef;
        
}
#contact-form td p {
	font-size:1.2em;
	color:#4c4c4c
}
#contact-form .require {
	color:#d90000
}
#contact-form .help-block {
	display:inline-table;
	position:absolute;
	top:50%;
	left:340px;
	line-height:40px;
	margin-top:-20px;
	font-size:1.2em;
	color:#d90000
}
#contact-form .tel-hyphen {
	display:inline-block;
	width:20px;
	text-align:center
}
#contact-form input[type="text"], #contact-form textarea {
	-webkit-appearance:none;
	border:1px solid #d8d7d5;
	width:25em;
	padding:10px;
	font-size:1em;
	background-color:#f2f2f2;
}
#contact-form select {
	font-size:1.4em
}
#contact-form .has-error input[type="text"], #contact-form .has-error textarea {
	background-color:#eed9d9;
	border:1px solid #d5c1bf;
}
#contact-form .valid input[type="text"], #contact-form .valid textarea {
	background-color:#d9ebee
}
#contact-form textarea.text-input {
	width:100%;
	resize:none
}
#contact-form .text-input {
	width:310px
}
#contact-form .tel-input {
	width:90px
}
#contact-form .radio-inline {
	font-size:1.4em;
	font-weight:bold;
	margin-right:25px
}
#contact-form .radio-inline input {
	margin-right:10px
}
#contact-form .products-slit {
	text-align:center
}
#contact-form .products-slit td {
	padding:35px 0
}
#contact-form .products-no {
	display:none
}
#contact-form .form-action {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:reverse;
	-ms-flex-direction:row-reverse;
	flex-direction:row-reverse;
	margin-top:20px
}
#contact-form .form-action .btn.cyan {
	margin-left:20px
}
#contact-form .products-form {
	overflow:hidden
}
@media screen and (max-width: 500px) {
#contact-form table {
width:100%;
margin:0 auto
}
#contact-form table.basic {
border-top:1px solid #e5e5e5
}
#contact-form table.bottom {
margin-bottom:20px
}
#contact-form td, #contact-form th {
display:block
}
#contact-form th {
padding-top:10px;
padding-bottom:0;
width: 100%;
}
#contact-form td {
padding-top:5px
}
#contact-form input[type="text"], #contact-form textarea {
border-radius:0;
box-shadow:none
}
#contact-form .text-input {
width:100%
}
#contact-form .tel-input {
width:28.5%
}
#contact-form .help-block {
display:block;
position:relative;
top:0;
left:0;
line-height:1;
margin-top:10px;
font-size:1.2em
}
#contact-form .products-slit td {
padding:15px 0
}
#contact-form .form-action {
display:block;
margin-top:20px
}
#contact-form .form-action .btn {
margin:0 auto 10px !important
}
}
.modal-wrap {
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:9999;
	padding:20px;
	background-color:rgba(0, 0, 0, 0.25);
	text-align:center
}
.modal {
	position:relative;
	display:inline-block;
	padding:35px;
	text-align:left;
	background-color:#fff;
	border-radius:5px
}
.modal .modal-head {
	position:relative;
	margin-bottom:10px
}
.modal .modal-head h3 img {
	width:116.5px
}
.modal .modal-head .copy-trigger {
	position:absolute;
	top:-5px;
	right:0;
	border:none;
	background:none;
	outline:none
}
.modal .modal-head .copy-trigger img {
	vertical-align:middle;
	margin-right:5px
}
.modal .modal-head .copy-trigger span {
	text-decoration:underline
}
.modal textarea {
	width:100%;
	padding:10px;
	margin-bottom:10px;
	font-size:1.2em;
	border:none;
	resize:none;
	box-shadow:0 0 10px 4px rgba(0, 0, 0, 0.1) inset;
	color:#002d52;
	outline:none
}
.modal .share-list {
	width:80px;
	margin-right:10px;
	float:left
}
.modal .share-list img {
	width:100%;
	height:auto
}
.modal .share-list:last-child {
	margin-right:0
}
.modal .modal-close {
	position:absolute;
	display:block;
	width:40px;
	height:40px;
	top:-20px;
	right:-20px;
	border-radius:50%;
	background-color:#002d52
}
.modal .modal-close .bar {
	position:absolute;
	display:block;
	width:20px;
	height:20px;
	top:50%;
	left:50%;
	margin-top:-10px;
	margin-left:-10px
}
.modal .modal-close .bar:before, .modal .modal-close .bar:after {
	display:block;
	width:100%;
	height:2px;
	content:'';
	position:absolute;
	top:50%;
	margin-top:-1px;
	background-color:#fff;
-webkit-transition:-webkit-transform .4s;
transition:-webkit-transform .4s;
transition:transform .4s;
transition:transform .4s, -webkit-transform .4s
}
.modal .modal-close .bar:before {
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg)
}
.modal .modal-close .bar:after {
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg)
}
@media screen and (max-width: 500px) {
.modal .copy-trigger {
display:none
}
.modal .share-list {
width:25%;
margin-right:0;
padding-right:1px
}
.modal .share-list img {
width:100%;
height:auto
}
.modal .modal-close {
top:initial;
bottom:-20px;
right:50%;
margin-right:-20px
}
}
.panel {
	position:relative;
	-webkit-perspective:3000px;
	perspective:3000px
}
.panel a {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	padding:1px
}
.panel a:hover .tb-wrap {
	opacity:1
}
.panel a:hover p {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
.panel img {
	width:100%;
	height:auto;    
}
.panel p {
	display:inline-block;
	line-height:1;
	padding:15px 15%;
	/*background-color:#fff;*/
	color:#002d52;
	color:#FFF;
	border:1px solid #FFF;
	font-size:1.8em;
-webkit-transition:opacity .4s, -webkit-transform .4s;
transition:opacity .4s, -webkit-transform .4s;
transition:transform .4s, opacity .4s;
transition:transform .4s, opacity .4s, -webkit-transform .4s;
	-webkit-transform:translateY(30px);
	transform: scale(0.7);
}
.panel .tb-wrap {
	top:0;
	left:0;
	opacity:0;
	z-index:10;
	text-align:center;
	background-color:rgba(0, 0, 0, 0.25);
-webkit-transition:opacity .4s, -webkit-transform .4s;
transition:opacity .4s, -webkit-transform .4s;
transition:transform .4s, opacity .4s;
transition:transform .4s, opacity .4s, -webkit-transform .4s
}
.panel-masonry {
	width:25%;
	margin-bottom:10px;
	padding:0 5px
}
.panel_box {
	overflow:hidden;
}
.panel_box .block {
	width:50%;
	float:left;
}
.panel_box .unit {
	overflow:hidden;
}
.panel_box .unit.type-a.dash .panel, .panel_box .unit.type-c.dash .panel {
	float:right;
}
.panel_box .panel {
	float:left;
}
.panel_box .col-1-3 {
	width:33.33333%;
}
.panel_box .col-2-3 {
	width:66.66667%;
}
.panel_box .col-3-3 {
	width:100%;
}
@media screen and (max-width: 500px) {
.panel_box .block {
width:100%;
float:none
}
.panel a:hover .tb-wrap {
opacity:0
}
.panel a:hover p {
-webkit-transform:translateY(30px);
transform:translateY(30px)
}
.panel a.touched .tb-wrap {
opacity:1
}
.panel a.touched p {
-webkit-transform:translateY(0);
transform:translateY(0)
}
.panel-masonry {
width:50%;
margin-bottom:1px;
padding:0 1px
}
}
.fix-frame {
	position:fixed;
	text-align:center;
	background:50% 50% no-repeat;
	background-size:contain;
	background-color:#fff;
	z-index:999
}
#frame-right, #frame-left {
	width:54px;
	height:100%
}
#frame-top, #frame-bottom {
	width:100%;
	height:54px
}
#frame-top {
	top:0;
	left:0;
	z-index:1000
}
#frame-top h1 {
	margin:0.5em 0;
	font-size:2em;
}
#frame-top .nav-group {
	position:absolute;
	top:40px;
	left:40px;
	line-height:1
}
#frame-top .nav-group:hover .current a {
	background-color:transparent;
	color:#002d52
}
#frame-top .nav-list {
	line-height:1;
	float:left;
	margin-right:8px;
	margin-bottom:8px
}
#frame-top .nav-list a {
	display:block;
	border:1px solid #002d52;
	padding:8px 10px;
	font-size:1.2em;
-webkit-transition:background .4s, color .4s;
transition:background .4s, color .4s
}
#frame-top .nav-list a:hover {
	background-color:#002d52 !important;
	color:#fff !important
}
#frame-top .nav-list.current a {
	background-color:#002d52;
	color:#fff
}
#frame-top .nav-group-sub {
	position:absolute;
	top:0;
	right:50px
}
#frame-top .nav-list-sub {
	height:50px;
	line-height:50px
}
#frame-top .nav-list-sub a {
	padding:0 15px;
-webkit-transition:opacity .4s;
transition:opacity .4s
}
#frame-top .nav-list-sub a:hover {
	opacity:.5
}
#frame-right {
	top:0;
	right:0;
}
#frame-bottom {
	bottom:0;
	right:0
}
#frame-bottom .sns-list {
	position:relative
}
#frame-bottom .sns-list:last-child:after {
	display:none
}
#frame-bottom .sns-list:after {
	display:inline;
	content:'・'
}
#frame-bottom .sns-list a {
	display:inline-block;
	padding:12px 0 0;
 -webkit-transition:opacity .4s;
 transition:opacity .4s
}
#frame-bottom .sns-list a:hover {
	opacity:.5
}
#frame-left {
	bottom:0;
	left:0;
}
.fix-opacity {
	background-color:rgb(255 255 255 / 75%);
	z-index:999;
}
#embed-menu {
	position:fixed;
	display:block;
	width:100%;
	height:100%;
	top:0;
	left:0;
	text-align:center;
	background-color:#dbdbdb;
	background-color:#f6f6f6;
	z-index:1100;
    -webkit-transition:opacity .4s, -webkit-transform .4s;
    transition:opacity .4s, -webkit-transform .4s;
    transition:transform .4s, opacity .4s;
    transition:transform .4s, opacity .4s, -webkit-transform .4s;
	pointer-events:none;
	-webkit-transform:translateX(10%);
	transform:translateX(10%);
	opacity:0
}
#embed-menu .block-head {
	padding-top:80px;
	font-size:1.4em;
	line-height:1;
	margin-bottom:55px;
	color:#002d52
}
#embed-menu .nav-group {
	margin-bottom:40px;
	padding-left:20px;
    padding: 0 200px 0;
	
}
#embed-menu .nav-group-sub {
	margin-bottom:55px
}
#embed-menu .sns-group {
	margin-bottom:20px
}
#embed-menu .nav-list a {
	padding:0 20px;
	font-size:2.0em;
	font-weight: 500;
-webkit-transition:opacity .4s;
transition:opacity .4s
}
#embed-menu .nav-list a:hover {
	opacity:.5
}
#embed-menu .nav-list-sub a {
	padding:0 10px;
	font-size:1.8em;
-webkit-transition:opacity .4s;
transition:opacity .4s
}
#embed-menu .nav-list-sub a:hover {
	opacity:.5
}
#embed-menu .sns-list {
	padding: 0 12px 0 0;
}
#embed-menu .sns-list a {
-webkit-transition:opacity .4s;
transition:opacity .4s;
	background-size:contain
}
#embed-menu .sns-list a:hover {
	opacity:.5
}
#embed-menu.is-active {
	pointer-events:all;
	opacity:1;
	-webkit-transform:translateX(0);
	transform:translateX(0);
	z-index:999;
}
@media screen and (max-width: 500px) {
#g-header {
position:fixed;
width:100%;
height:54px;
top:0;
left:0;
z-index:999;
background-color:#fff;
box-shadow:0 0 10px 4px rgba(0, 0, 0, 0.1)
}
 #g-header h1 {
display:block;
width:100%;
height:100%
}
#g-header a {
display:block;
width:100%;
height:100%;
text-align:left;
padding-left:14px;
}
#embed-menu {
text-align:left;
padding:0 10px 0 30px
}
#embed-menu .block-head {
margin-bottom:20px
}
#embed-menu .block-foot {
color:#002d52;
line-height:1.5
}
#embed-menu .block-foot p {
margin-bottom:30px
}
#embed-menu .block-foot p:last-child {
margin-bottom:0
}
#embed-menu .nav-group {
width:50%;
/*float:left;*/
padding:0
}
#embed-menu .nav-list {
display:block;
/*margin-bottom:8px*/
}
#embed-menu .nav-list a {
padding:0;
font-size:1.8em
}
#embed-menu .nav-group-sub {
width:50%;
float:left;
padding-left:0
}
#embed-menu .nav-list-sub {
display:block;
/*margin-bottom:8px*/
}
#embed-menu .nav-list-sub a {
padding:0;
font-size:1.8em
}
#embed-menu .sns-group {
clear:both;
float:none
}
#embed-menu .sns-list a {
display:inline-block;
width:auto;
background:none;
font-size:1.2em
}
#embed-menu .sns-list i {
margin-top:-1px;
margin-right:5px;
vertical-align:middle
}
#frame-right, #frame-left {
	width:2px;
	height:100%
}
#frame-top, #frame-bottom {
	width:100%;
	height:54px;
}
}
#foot-nav {
	padding-top:130px;
	margin-bottom:80px;
	text-align:center
}
#foot-nav .nav-group {
	margin-bottom:35px
}
#foot-nav .nav-list a {
	font-size:1.8em;
	padding:0 20px;
-webkit-transition:opacity .4s;
transition:opacity .4s
}
#foot-nav .nav-list a:hover {
	opacity:.5
}
#foot-nav .nav-list-sub a {
	font-size:1.4em;
	padding:0 15px;
-webkit-transition:opacity .4s;
transition:opacity .4s
}
#foot-nav .nav-list-sub a:hover {
	opacity:.5
}
@media screen and (max-width: 500px) {
#g-footer {
overflow:hidden;
background-color:#dbdbdb
}
#foot-nav {
padding-top:60px
}
#foot-nav .nav-group {
margin-bottom:15px
}
#foot-nav .nav-list a {
display:block;
font-size:1.8em;
padding:10px 20px;
-webkit-transition:opacity .4s;
transition:opacity .4s
}
}
::-moz-selection {
background:#002d52;
color:#dbdbdb
}
::selection {
background:#002d52;
color:#dbdbdb
}
::-moz-selection {
background:#002d52;
color:#dbdbdb
}
::-webkit-scrollbar {
width:6px;
height:8px
}
::-webkit-scrollbar-thumb {
background-color:#002d52;
border-radius:2px
}
::-webkit-scrollbar-track-piece {
background-color:#fff
}
* {
	box-sizing:border-box
}
body {
	color:#000;
	font-size:10px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 游ゴシック, YuGothic, メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-family:"PT Sans";
	line-height:2;
	-webkit-text-size-adjust:100%;
	background-color:#fff;
	min-width:320px;
	overflow-y:scroll;
	overflow-x:hidden;
	-webkit-text-rendering:optimizeLegibility;
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased;
}
a {
	cursor:pointer;
	color:#002d52;
	text-decoration:none
}
#noscript_message {
	position:fixed;
	z-index:10000;
	padding:1em 0;
	width:100%;
	background:#c00;
	color:#fff;
	text-align:center;
	font-size:1.2em
}
.tb-wrap {
	position:absolute;
	width:100%;
	height:100%
}
.tb-cont {
	display:table;
	width:100%;
	height:100%
}
.tb-mid {
	display:table-cell;
	vertical-align:middle
}
.tb-inner {
	position:relative
}
span.img-text, span.pc-hidden, span.sp-hidden, br.mq, br.tb {
	display:none
}
.color-yellow {
	color:#ffea00 !important
}
.color-cyan {
	color:#0071be !important
}
.color-red {
	color:#d90000 !important
}
.color-green {
	color:#00b900 !important
}
.bold {
	font-weight:bold;
}
.page-content {
	padding:54px 50px 50px;
    background: #fff;
}
.name {
	font-size:200% !important;
	color:#002d52 !important;
}
@media screen and (max-width: 500px) {
br.mq {
display:block
}
br.pc {
display:none
}
}
@media screen and (max-width: 500px) {
#top {
padding:50px 0
}
.page-content {
	padding:50px 0; 
}
.index #go-top {
display:none
}
}
#header_photo {
	padding:55px;
}
#header_photo img {
	width:100%;
	/*height:100vh;*/
	margin: 0 auto;
	text-align:center;
}
.sort-block .block-head {
	text-align:center;
	line-height:1;
	margin-bottom:80px
}
.sort-block .block-head h2 {
	color:#002d52;
	font-size:2.2em
}
@media screen and (max-width: 500px) {
#header_photo {
padding:10px
}
.sort-block .block-head {
margin-bottom:40px
}
}
#detail {
	background-color:#FFF;
}
#item-detail .block-head {
	position:relative;
	text-align:center
}
#item-detail .tag-group {
	text-align:left;
	bottom:0;
	left:50px
}
#item-detail img {
	width: auto;
    height: 100vh;
    max-height: 100%;
    display: block;
    line-height: 0;
    margin: 0 auto;
    padding: 40px 0;
    vertical-align: middle;
}
#item-detail img.horizontal {
	width:100%;
	max-width:740px;
	height:auto
}
#item-detail .block-body {
	padding:50px;
	background-color:#d2d2d2
}
#item-detail .block-body .inner {
	position:relative;
	overflow:hidden
}
#item-detail .block-body .inner:before, #item-detail .block-body .inner:after {
	display:table;
	content:'';
	line-height:0
}
#item-detail .block-body .inner:after {
	clear:both
}
#item-detail .block-body .inner:before {
	display:block;
	content:'';
	position:absolute;
	left:50%;
	width:1px;
	height:100%;
	background-color:#b0b0b0
}
#item-detail .block-body .unit {
	width:50%;
	padding-right:50px;
	float:left
}
#item-detail .block-body .unit:last-child {
	padding:0 50px
}
#item-detail .block-body .unit.description h2 {
	font-size:2.4em;
	line-height:1;
	color:#002d52;
	margin-bottom:15px
}
#item-detail .block-body .unit.description p {
	line-height:1.4;
	font-size:1.4em;
	color:#002d52;
	margin-bottom:30px
}
#item-detail .btn-buy {
	position:absolute;
	top:0;
	right:0
}
#related-area {
	padding-bottom:100px;
	margin-bottom:90px;
	text-align:center;
	border-bottom:2px solid #b0b0b0
}
#related-area .block-head {
	color:#002d52;
	margin-bottom:50px
}
#related-area .block-head h3 {
	margin-bottom:10px;
	font-size:3em;
	line-height:1
}
#related-area .block-head p {
	font-size:1.2em;
	line-height:1
}
button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.mfp-arrow {
    position: absolute;
    opacity: 0.35;
    filter: alpha(opacity=35);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
}
.mfp-arrow-left {
    left: 0;
    cursor: pointer;
}
.mfp-arrow-right {
    right: 0;
    cursor: pointer;
}
.mfp-arrow-left:after {
    font-family: "FontAwesome" !important;
    content: "\f104";
    color: #002d52;
    display: inline-block;
    font-size: 14px;
    font-weight: 800;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    border: #002d52 2px solid;
    line-height: 30px;
    cursor: pointer;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.mfp-arrow-right:after {
    font-family: "FontAwesome" !important;
    content: '\f105';
    color: #002d52;
    display: inline-block;
    font-size: 14px;
    font-weight: 800;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    border: #002d52 2px solid;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
@media screen and (max-width: 850px) {
.mfp-arrow {
    width: 60px;
}
.mfp-arrow-left:after, 
.mfp-arrow-right:after {
    border: none;
    font-size: 24px;
}
}
@media screen and (max-width: 800px) {
.mfp-arrow {
    width: 40px;
}
}
*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media screen and (max-width: 500px) {
#item-detail img {
    padding: 40px;
}
#detail {
padding:0;
padding-bottom:50px
}
#item-detail {
padding-top:0;
padding-left:4px;
padding-right:4px;
padding-bottom:0;
}
#item-detail img.vertical, #item-detail img.horizontal {
width:100%;
height:auto;
}
#item-detail .block-head {
height:auto;
margin-bottom:0
}
#item-detail .block-head .tag-group {
top:80px;
left:0;
bottom:initial;
}
#item-detail .block-body {
padding:20px
}
#item-detail .block-body .inner:before {
display:none
}
#item-detail .block-body .unit {
width:100%;
float:none;
padding:0
}
#item-detail .block-body .unit:last-child {
padding:0;
text-align:center
}
#item-detail .block-body .unit:last-child ul {
text-align:left;
margin-bottom:35px
}
}
#profile, #contact-form {
	background-color:#f6f6f6;
	text-align:center;
    
}
.contact-bg {
    padding: 54px 50px 50px;
	background-color:#f6f6f6;
    height: 100vh;
    
}
#profile .container, #contact-form .container {
	padding:90px 0 60px
}
#profile h2, #contact-form h2 {
	line-height:1;
	font-size:3em;
	color:#002d52;
	margin-bottom:60px
}
#profile h3, #contact-form h3 {
	line-height:1;
	margin-bottom:20px
}
#profile h4, #contact-form h4 {
	line-height:1.5;
	font-size:2.5em;
	margin-bottom:20px
}
#profile p, #contact-form p {
	font-size:1.2em;
	margin-bottom:30px
}
#contact-form p.form {
	font-size:1.2em;
	margin-bottom:6px;
	
}
#contact-form p.error_messe{
	margin:5px 0;
	color:red;
}
#profile #foot-nav {
	padding-top:0;
	margin-bottom:100px
}
@media screen and (max-width: 500px) {
#profile, #contact-form {
padding:0 12px;
}
#profile .container {
padding:95px 20px 10px
}
#profile h2 {
margin-bottom:30px
}
#profile img {
width:100%;
height:auto
}
#profile #foot-nav {
padding:30px 0 60px;
margin-bottom:0
}
}
#cover {
	position:fixed;
	display:block;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:9999;
	background-color:#dbdbdb;
	background-color:#f6f6f6;
	overflow:hidden;
	-webkit-transition:opacity 1s 2s;
	transition:opacity 1s 2s
}
#cover table {
	width:100%;
	height:100%
}
#cover td {
	padding:0 45px;
	opacity:0;
	-webkit-transform:translateY(20%);
	transform:translateY(20%);
	-webkit-transition:trasnform 1s, opacity 1s;
	transition:trasnform 1s, opacity 1s
}
#cover td:first-child {
	-webkit-transition-delay:0s;
	transition-delay:0s;
	text-align:right
}
#cover td:last-child {
-webkit-transition-delay:.4s;
transition-delay:.4s
}
#cover td:last-child img {
	width:auto;
	height:550px
}
#cover .border {
	position:absolute;
	background-color:#fff;
-webkit-transition:-webkit-transform .4s 1.2s;
transition:-webkit-transform .4s 1.2s;
transition:transform .4s 1.2s;
transition:transform .4s 1.2s, -webkit-transform .4s 1.2s
}
#cover .border.top, #cover .border.bottom {
	width:100%;
	height:50px
}
#cover .border.right, #cover .border.left {
	width:50px;
	height:100%
}
#cover .border.top {
	top:0;
	left:0;
	-webkit-transform:translateY(-100%);
	transform:translateY(-100%)
}
#cover .border.right {
	top:0;
	right:0;
	-webkit-transform:translateX(100%);
	transform:translateX(100%)
}
#cover .border.bottom {
	bottom:0;
	right:0;
	-webkit-transform:translateY(100%);
	transform:translateY(100%)
}
#cover .border.left {
	bottom:0;
	left:0;
	-webkit-transform:translateX(-100%);
	transform:translateX(-100%)
}
#cover.is-active {
	opacity:0
}
#cover.is-active td {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
#cover.is-active .border {
	-webkit-transform:translate(0) !important;
	transform:translate(0) !important
}
@media screen and (max-width: 500px) {
#cover {
padding:65px
}
#cover img {
display:block;
width:100%;
height:auto;
opacity:0
}
#cover img:first-child {
-webkit-transition:opacity 1s;
transition:opacity 1s;
text-align:right
}
#cover img:last-child {
-webkit-transition:opacity 1s .8s;
transition:opacity 1s .8s
}
#cover.is-active img {
opacity:1
}
}
.fade-in {
	opacity:0;
	-webkit-transition-property:opacity;
	transition-property:opacity;
-webkit-transition-duration:.6s;
transition-duration:.6s;
	-webkit-transition-timing-function:linear;
	transition-timing-function:linear
}
.trans-in-bottom {
	opacity:0;
	-webkit-transform:translateY(20px);
	transform:translateY(20px);
	-webkit-transition-property:opacity, -webkit-transform;
	transition-property:opacity, -webkit-transform;
	transition-property:opacity, transform;
	transition-property:opacity, transform, -webkit-transform;
-webkit-transition-duration:.6s;
transition-duration:.6s
}
.trans-in-top {
	opacity:0;
	-webkit-transform:translateY(-20px);
	transform:translateY(-20px);
	-webkit-transition-property:opacity, -webkit-transform;
	transition-property:opacity, -webkit-transform;
	transition-property:opacity, transform;
	transition-property:opacity, transform, -webkit-transform;
-webkit-transition-duration:.6s;
transition-duration:.6s
}
.rotate-in {
	-webkit-transform-origin:0 0;
	transform-origin:0 0;
	opacity:0;
	-webkit-transform:rotateX(-45deg);
	transform:rotateX(-45deg);
	-webkit-transition-property:opacity, -webkit-transform;
	transition-property:opacity, -webkit-transform;
	transition-property:opacity, transform;
	transition-property:opacity, transform, -webkit-transform;
-webkit-transition-duration:.8s;
transition-duration:.8s
}
.action .fade-in {
	opacity:1
}
.action .rotate-in {
	opacity:1;
	-webkit-transform:rotateX(0deg);
	transform:rotateX(0deg)
}
.action.trans-in-bottom, .action.trans-in-top {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
.action.fade-in {
	opacity:1
}
.action.rotate-in {
	opacity:1;
	-webkit-transform:rotateX(0deg);
	transform:rotateX(0deg)
}
.action .trans-in-bottom, .action .trans-in-top {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
/* ==============================
   Forms fields
   ============================== */

.form input[type="text"],
.form input[type="email"],
.form input[type="number"],
.form input[type="url"],
.form input[type="search"],
.form input[type="tel"],
.form input[type="password"],
.form input[type="date"],
.form input[type="color"],
.form select{
    display: inline-block;
    height: 27px;
    vertical-align: middle;
    font-size: 11px;
    font-weight: 400;
    /*text-transform: uppercase; */
    letter-spacing: 1px;
    color: #333;
    border: 1px solid rgba(0,0,0, .1);
    padding-left: 7px;
    padding-right: 7px;
    
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    
    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.form select{
    font-size: 12px;
}
.form select[multiple]{
    height: auto;
}
.form input[type="text"]:hover,
.form input[type="email"]:hover,
.form input[type="number"]:hover,
.form input[type="url"]:hover,
.form input[type="search"]:hover,
.form input[type="tel"]:hover,
.form input[type="password"]:hover,
.form input[type="date"]:hover,
.form input[type="color"]:hover,
.form select:hover{
    border-color: rgba(0,0,0, .2);
}
.form input[type="text"]:focus,
.form input[type="email"]:focus,
.form input[type="number"]:focus,
.form input[type="url"]:focus,
.form input[type="search"]:focus,
.form input[type="tel"]:focus,
.form input[type="password"]:focus,
.form input[type="date"]:focus,
.form input[type="color"]:focus,
.form select:focus{
    color: #111;
    border-color: rgba(0,0,0, .7);
    
    -webkit-box-shadow: 0 0 3px rgba(0,0,0, .3);
    -moz-box-shadow: 0 0 3px rgba(0,0,0, .3);
    box-shadow: 0 0 3px rgba(0,0,0, .3);
    outline: none;
}
.form input[type="text"].input-lg,
.form input[type="email"].input-lg,
.form input[type="number"].input-lg,
.form input[type="url"].input-lg,
.form input[type="search"].input-lg,
.form input[type="tel"].input-lg,
.form input[type="password"].input-lg,
.form input[type="date"].input-lg,
.form input[type="color"].input-lg,
.form select.input-lg{
    height: 46px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 13px;
}
.form input[type="text"].input-md,
.form input[type="email"].input-md,
.form input[type="number"].input-md,
.form input[type="url"].input-md,
.form input[type="search"].input-md,
.form input[type="tel"].input-md,
.form input[type="password"].input-md,
.form input[type="date"].input-md,
.form input[type="color"].input-md,
.form select.input-md{
    height: 37px;
    padding-left: 13px;
    padding-right: 13px;
    font-size: 12px;
}
.form input[type="text"].input-sm,
.form input[type="email"].input-sm,
.form input[type="number"].input-sm,
.form input[type="url"].input-sm,
.form input[type="search"].input-sm,
.form input[type="tel"].input-sm,
.form input[type="password"].input-sm,
.form input[type="date"].input-sm,
.form input[type="color"].input-sm,
.form select.input-sm{
    height: 31px;
    padding-left: 10px;
    padding-right: 10px;
}
.form textarea{
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #333;
    border-color: rgba(0,0,0, .1);
    outline: none;
    
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.form textarea:hover{
    border-color: rgba(0,0,0, .2);
}
.form textarea:focus{
    color: #111;
    border-color: rgba(0,0,0, .7);
    -webkit-box-shadow: 0 0 3px rgba(21,21,21, .3);
    -moz-box-shadow: 0 0 3px rgba(21,21,21, .3);
    box-shadow: 0 0 3px rgba(21,21,21, .3);
}

.form .form-group{
    margin-bottom: 10px;
}

.form input.error{
    border-color: #e41919;
}
.form div.error{
    margin-top: 20px;
    padding: 13px 20px;
    text-align: center;
    background: rgba(228,25,25, .75);
    color: #fff;
}
.form div.success{
    margin-top: 20px;
    padding: 13px 20px;
    text-align: center;
    background: rgba(50,178,95, .75);
    color: #fff;
}

.form-tip{
    font-size: 11px;
    color: #aaa;
}
.form-tip .fa{
    font-size: 12px;
}
table.standard td, table.standard th {
  display: block;
  width: 100%;
}
/* ==============================
   Buttons
   ============================== */
  
.btn-mod,
a.btn-mod{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4px 13px;
    color: #fff!important;
    background: rgba(0,45,82, .9);
    border: 2px solid transparent;
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 2px;
    display: inline-block;
    
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    
    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.btn-mod:hover,
.btn-mod:focus,
a.btn-mod:hover,
a.btn-mod:focus{
    font-weight: 400;
    color: rgba(255,255,255, .85);
    background: rgba(21,29,54, .7);
    text-decoration: none;
    outline: none;
    border-color: transparent;    
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-mod:active{
    cursor: pointer !important;
    outline: none !important;
}

.btn-mod.btn-small{
    height: auto;
    padding: 6px 17px;
    font-size: 11px;
    letter-spacing: 1px;
} 
.btn-mod.btn-medium{
    height: auto;
    padding: 8px 37px;
    font-size: 12px;
} 
.btn-mod.btn-large{
    height: auto;
    padding: 12px 45px;
    font-size: 13px;
} 

.btn-mod.btn-glass{
    color: rgba(255,255,255, .75);
    background: rgba(0,0,0, .40);
}
.btn-mod.btn-glass:hover,
.btn-mod.btn-glass:focus{
    color: rgba(255,255,255, 1);
    background: rgba(0,0,0, 1);
}

.btn-mod.btn-border{
    color: #151515;
    border: 2px solid #151515;
    background: transparent;
}
.btn-mod.btn-border:hover,
.btn-mod.btn-border:focus{
    color: #fff;
    border-color: transparent;
    background: #000;
}

.btn-mod.btn-border-c{
    color: #e41919;
    border: 2px solid #e41919;
    background: transparent;
}
.btn-mod.btn-border-c:hover,
.btn-mod.btn-border-c:focus{
    color: #fff;
    border-color: transparent;
    background: #e41919;
}

.btn-mod.btn-border-w{
    color: #fff;
    border: 2px solid rgba(255,255,255, .75);
    background: transparent;
}
.btn-mod.btn-border-w:hover,
.btn-mod.btn-border-w:focus{
    color: #111;
    border-color: transparent;
    background: #fff;
}

.btn-mod.btn-w{
    color: #111;
    background: rgba(255,255,255, .8);
}
.btn-mod.btn-w:hover,
.btn-mod.btn-w:focus{
    color: #111;
    background: #fff;
}

.btn-mod.btn-w-color{
    color: #e41919;
    background: #fff;
}
.btn-mod.btn-w-color:hover,
.btn-mod.btn-w-color:focus{
    color: #151515;
    background: #fff;
}

.btn-mod.btn-gray{
    color: #777;
    background: #e5e5e5;
}
.btn-mod.btn-gray:hover,
.btn-mod.btn-gray:focus{
    color: #444;
    background: #d5d5d5;
}

.btn-mod.btn-color{
    color: #fff;
    background: #e41919;
}
.btn-mod.btn-color:hover,
.btn-mod.btn-color:focus{
    color: #fff;
    background: #e41919;
    opacity: .85;
}

.btn-mod.btn-circle{
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.btn-mod.btn-round{
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.btn-icon{
    position: relative;
    border: none;
    overflow: hidden;
}
.btn-icon.btn-small{
    overflow: hidden;
}
.btn-icon > span{
    width: 100%;
    height: 50px;
    line-height: 50px;
    margin-top: -25px;
    position: absolute;
    top: 50%;
    left: 0;
    color: #777;
    font-size: 48px;
    opacity: .2;
    
    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.btn-icon:hover > span{
    opacity: 0;
    
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -o-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
}
.btn-icon > span.white{
    color: #fff;
}
.btn-icon > span.black{
    color: #000;
}
.btn-full{
    width: 100;
}


.pt-55 {
	padding-top:55px
}

/* top concept */
.block-profile {
	max-width: 600px;
	display:flex;
	flex-wrap: wrap;
    justify-content: center;
	align-items: center;
	padding-bottom: 120px;
	margin:0 auto;
}
.block-profile h2 {
	font-size: 2rem;
}
.block-profile h3 {
	font-size: 1.5em;
	color: #002d52;
}
.Vollkorn {
    font-family: "Vollkorn", serif;
    font-weight: 400;
}
.block-profile p {
	font-size: 1.2em;
    margin: 0 0 2em 0;
    letter-spacing: .2em;
}
.profile_photo img{
	width:100%;
	max-width: 380px;
}
.block-profile .nav-list.current a {
	background-color:#002d52;
	color:#fff
}
.block-profile .nav-list {
	line-height:1;
	float:left;
	margin-right:8px;
	margin-bottom:8px
}
.block-profile .nav-list a {
	display:block;
	color: #FFF;
	background-color:#002d52 !important;
	border:#002d52 1px solid !important;
	padding:8px 10px;
	font-size:1.2em;
-webkit-transition:background .4s, color .4s;
    transition:background .4s, color .4s;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.block-profile .nav-list a:hover {
	background-color:#fff !important;
	color:#002d52 !important;
	
}
.block-profile .nav-list.current a {
	background-color:#002d52;
	color:#fff
}
 @media screen and (max-width: 767px) {
	 /* top concept */
.block-profile {
	padding: 20px 15px 75px;
}
.block-profile_item {
	width: 100%;
}
.profile_photo {
	text-align: center;
}
.profile_photo img{
	max-width: 280px;
}
.block-profile .profile_text_box {
	padding-left:0;
}
.block-profile .profile_text_box {
 padding-top: 20px;
}
}