/* ==================================================
		
		ページ全般の共通 PC

================================================== */
@media screen and (min-width:751px) {
 
/* --------------------------------------------------
		SPの要素を非表示
-------------------------------------------------- */
.spDisp {
	display: none !important;
}

/* --------------------------------------------------
		header
-------------------------------------------------- */
header {
 border-top: 5px solid #adadad;
 border-bottom: 1px solid #d8d8d8;
 position: fixed;
 top: 0;
 z-index: 9999;
 transition: all 0.5s;
 padding-bottom:5px;
}
header.scllchange {
 background: #ffffff;
 transition: all 0.5s;
}
header:before {
	height: 5px;
 position: absolute;
	top: -5px;
 left: 0;
	width: 30px;
	background-color: #ff0000;
	content: "";
}
header > div > .logo {
 width: 1040px;
 margin: 0 auto;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content:space-between;
 padding: 21px 0 19px 30px;
}
header > div > .logo > li:last-of-type {
 font-size: 12px;
 letter-spacing: 0.6px;
 padding-top: 26px;
} 
header > div > .logo > li > a > img {
 width: 172px;
} 
header > div > .logo > li > a {
 color: #333333;
} 
header > div > nav {
 height: 67px;
 background: #000000;
}
header > div > nav .nav-inner {
 width: 1040px;
 margin: 0 auto;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
}
header > div > nav .nav-inner .site-logo {
 padding-top: 20px;
}
header > div > nav .nav-inner > ul {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
}
header > div > nav .nav-inner > ul > li {
 height: 67px;
 color: #ffffff;
 letter-spacing: 1px;
 padding: 0 16px 0 15px;
}
header > div > nav .nav-inner > ul > li:hover {
 border-bottom: 3px solid #dd0000;
}
header > div > nav .nav-inner > ul > li > a:link, 
header > div > nav .nav-inner > ul > li > a:visited {
 color: #ffffff;
 display: inline-block;
 padding: 24px 0 17px;
 opacity: 1;
}

/* --------------------------------------------------
	foot-caution
-------------------------------------------------- */ 

.foot-caution {
	width:1040px;
	margin:100px auto -50px;
}
.foot-caution p {
	font-size:10px;
	color:#666;
}

/* --------------------------------------------------
	nav
-------------------------------------------------- */
nav {
 position: fixed;
 height: 100vh;
 width: 100%;
 left: 0;
top: -100vh;
 background: #000000;
 transition: .5s;
 z-index: 900;
}
nav > ul {
 text-align: center;
}
nav > ul > li {
 border-bottom: 1px solid #3c3c3c;
}
nav > ul > li > a {
 display: block;
 color: #ffffff;
 letter-spacing: 2px;
 padding: 25px 0;
}
#nav_inner.in{
 transform: translateY(100%);
 position: fixed;
 transition: .5s;
 height: 100vh;
 overflow: auto;
 padding-top: 68px;
}
}

/* ==================================================
		
		ページ全般の共通 SP

================================================== */
@media screen and (max-width:750px) {
 
/* --------------------------------------------------
		PCの要素を非表示
-------------------------------------------------- */
.pcDisp {
	display: none !important;
}
/* --------------------------------------------------
		header
-------------------------------------------------- */
header {
 background-color: #ffffff;
 border-top: 3px solid #adadad;
 height: 100%;
 position: fixed;
 top: 0;
 width: 100%;
 z-index: 1000;
 display: block;
 height: 68px;
 }
header:before {
 background-color: #ff0000;
 content: "";
 height: 3px;
 left: 0;
 position: absolute;
 top: -3px;
 width: 20px;
}
header > div > .logo {
 padding: 17px 0 0 17px;
}
header > div > .logo > a > img {
 width: 140px;
}

/* --------------------------------------------------
		.header-logoarea
-------------------------------------------------- */
header .header-logoarea {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: space-between;
}
header .header-logoarea .right-logo {
 font-size: 12px;
 padding: 32px 70px 0 0;
}
header .header-logoarea .right-logo > a {
 color: #333333;
}
 
/* --------------------------------------------------
	.btn-trigger
-------------------------------------------------- */ 
header .btn-trigger {
 position: relative;
 width: 35px;
 height: 26px;
 cursor: pointer;
}
header .btn-trigger span {
 position: absolute;
 left: 0;
 width: 100%;
 height: 2px;
 background-color: #080808;
 border-radius: 4px;
}
header .btn-trigger, .btn-trigger span {
 position: absolute;
 top: 21px;
 right: 20px;
 display: inline-block;
 transition: all .5s;
 box-sizing: border-box;
}
header .btn-trigger span:nth-of-type(1) {
 top: 0;
}
header .btn-trigger span:nth-of-type(2) {
 top: 11px;
}
header .btn-trigger span:nth-of-type(3) {
 bottom: 0;
}
header #btn-menu.active span:nth-of-type(1) {
 height: 3px;
 -webkit-transform: translateY(9px) rotate(-45deg);
 transform: translateY(9px) rotate(-45deg);
}
header #btn-menu.active span:nth-of-type(2) {
  opacity: 0;
}
header #btn-menu.active span:nth-of-type(3) {
 height: 3px;
 -webkit-transform: translateY(-14px) rotate(45deg);
 transform: translateY(-12px) rotate(45deg);
} 

/* --------------------------------------------------
	nav
-------------------------------------------------- */ 
nav {
 position: fixed;
 height: 100vh;
 width: 100%;
 left: 0;
 top: -100vh;
 background: #000000;
 transition: .5s;
 z-index: 900;
}
nav > ul {
 text-align: center;
}
nav > ul > li {
 border-bottom: 1px solid #3c3c3c;
}
nav > ul > li > a {
 display: block;
 color: #ffffff;
 letter-spacing: 2px;
 padding: 25px 0;
}
#nav_inner.in{
 transform: translateY(100%);
 position: fixed;
 transition: .5s;
 height: 100vh;
 overflow: auto;
 padding-top: 68px;
}

/* --------------------------------------------------
	foot-caution
-------------------------------------------------- */ 
.foot-caution {
	width:100%;
	padding:50px 10px 0px;
}
.foot-caution p {
	font-size:10px;
	color:#666;
}

}

/*.footer-link-list-item-link:before {
    position: absolute;
    right: 20px;
    top: 45%;
}
.footer-link-list-item-link:before {
    border: 0;
    content: "";
    display: inline-block;
    height: 8px;
    position: relative;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 8px;
    border-right: solid 1px #dd0000;
    border-top: solid 1px #dd0000;
    transform: rotate(45deg);
}
*/