@charset "SHIFT_JIS";
/* CSS Document */

@media screen and (max-width: 1000px) {
	header #logo #headerLead {
		font-size: 0.6rem;
	}
	header #logo #headerMusashi {
		letter-spacing: 0;
		font-size: 0.75rem;
	}
	nav ul {
		width: 100%;
	}
	nav ul li:nth-child(3) {
		width: 20%;
	}
	nav ul li a {
		font-size: 0.82rem;
	}
	#breadcrumbList dt {
		width: 10%;
	}
	#breadcrumbList dd {
		width: 90%;
	}
	#side #account dd ul li a {
		font-size: 1rem;
	}
	#side #account dt {
		font-size: 1rem;
	}
	#side .btnArea01 li a {
		padding: 0.8rem 0.5rem;
	}
	#side #contact {
		padding: 1.8rem 0.5rem;
	}
	#side #contact dt {
		font-size: 1rem;
	}
	#side #contact dd .free strong {
		font-size: 1.5rem;
	}
	#side #contact dd .free p {
		font-size: 0.85rem;
	}
	#side #contact dd .ip div {
		font-size: 1.2rem;
	}
	#pagetop {
		width: 7%;
	}
	#footerLink01 dl dt {
		font-size: 0.85rem;
	}
	#footerLink01 dl dd ul li a {
		font-size: 0.75rem;
	}
	#footerLink01 .footerLinkBox02 dd .footerLinkBox02_01 dt {
		font-size: 0.85rem;
	}
	#footerLink02 a {
		/*font-size: 0.85em;*/
		font-size: 0.7em;
	}
	#footerLink02 li {
		text-align: center;
	}
	#footerMusashi #footerLogo {
		width: 12rem;
	}
	#footerMusashi dl dd {
		font-size: 0.8em;
	}
}

@media screen and (max-width: 737px) {
	.pc {
		display: none!important;
	}
	.sp {
		display: block!important;
	}
	header {
		padding: 0.4rem 0 0;
	}
	header.fixed {
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		background: #fff;
		z-index: 500;
	    box-shadow: 0 0 8px 0 rgba(0,0,0,0.2);
	}
	header #logo #headerLead {
		width: auto;
	    line-height: 1.5;
	}
	header.fixed #logo #headerLead {
		display: none;
	}
	header #logo #headerMusashi {
		display: none;
	}
	header #header {
		display: block;
		position: relative;
	    margin: 0.5rem auto 1.2rem;
	}
	header #header #treasureLogo {
		width: 45%;
		margin-bottom: 1rem;
	}
	header #header #btnArea {
		width: auto;
	}

	header #header #btnArea li:first-child {
		position: absolute;
		top: -14px;
		right: 40px;
		width: 140px;
	}
	header #header #btnArea li:not(:first-child) {
		width: 49%;
	}
	#menuTrigger {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		font-size: 0.6em;
		color: #094fa4;
	}
	#menuTrigger div,
	#menuTrigger div span {
		display: inline-block;
		transition: all .2s;
	}
	#menuTrigger div {
		position: relative;
		width: 34px;
		height: 29px;
	    display: block;
		margin: 0 auto 0.2em;
	}
	#menuTrigger div span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 5px;
		background-color: #094fa4;
	}
	#menuTrigger div span:nth-of-type(1) {
		top: 0;
	}
	#menuTrigger div span:nth-of-type(2) {
		top: 12px;
	}
	#menuTrigger div span:nth-of-type(3) {
		bottom: 0;
	}	
	#menuTrigger div.active span:nth-of-type(1) {
		-webkit-transform: translateY(12px) rotate(-45deg);
		transform: translateY(12px) rotate(-45deg);
	}
	#menuTrigger div.active span:nth-of-type(2) {
		opacity: 0;
	}
	#menuTrigger div.active span:nth-of-type(3) {
		-webkit-transform: translateY(-12px) rotate(45deg);
		transform: translateY(-12px) rotate(45deg);
	}
	header #header #btnArea li a {
		padding: 0.8rem 0;
		-webkit-transition: .3s;
		transition: .3s;
	}
	header.fixed #header #btnArea li a {
		padding: 0.5rem 0;
	}
	nav {
		display: none;
	    margin-bottom: 1.8rem;
		height: 100vh;
		overflow-y: scroll;
	}
	nav .navBox01 {
	    padding-bottom: 200px;
	}
	nav ul {
		display: block;
	}
	nav ul li {
		display: block;
		width: auto;
		border-right: none;
	    border-bottom: 1px solid #fff;
	}
	nav ul li:nth-child(3) {
		width: auto;
	}
	nav ul li:not(:first-child) {
		width: auto;
	}
	nav ul li:first-child {
		width: auto;
	}
	nav ul li:nth-child(5) a {
		background: url(arrow03.png) no-repeat 98% 50%;
		background-size: 8px auto;
	}
	nav ul li a {
		text-align: left;
		font-size: 1.08rem;
	    padding: 1.1rem 1.5rem;
		position: relative;
	}
	nav ul li:not(:nth-child(5)) a {
		pointer-events: none;
	}
	nav ul li a::after {
		display: none;
	}
	nav ul li a b {
		display: block;
    	background: #094fa4;
		position: absolute;
		right: 1.5%;
		top: 32%;
		font-size: 1.5em;
	}
	nav ul li .pulldownBox {
		position: static;
		width: auto;
		top: 100%;
		left: 0;
		border: none;
	}
	nav ul li .pulldownBox li a {
		pointer-events: auto;
		background: url(arrow02.png) no-repeat 98% 50%;
		background-size: 8px auto;
		padding: 1.1rem 1.5rem;
	}
	#breadcrumbList dt {
		width: 22%;
	}
	#breadcrumbList dd {
		width: 77%;
	}
	#breadcrumbList li:not(:last-child) {
		margin-bottom: 0.5em;
	}
	#contents {
		display: block;
		max-width: 100%;
		// margin-top: 195px;
	}
	#mainTop, #main {
		width: auto;
		margin: 160px auto 0;
	}
	#side {
		width: auto;
		background: #f4f4f4;
		padding: 2em 2.5% 2rem;
		margin-top: 3rem;
	}
	#side #account dt {
		font-size: 1.4rem;
		padding-bottom: 1.3rem;
	}
	#side #account {
		margin-top: 1.8rem;
		padding: 1.5rem 2.5% 1.8rem;
		border-radius: 3px;
	}
	#side #account dd ul li:not(:last-child) {
		margin-bottom: 1rem;
	}
	#side #account dd ul li a {
		background: url(arrow01.png) 97% 50% no-repeat #fff;
		background-size: 2.5% auto;
		padding: 0.8rem 1.2rem;
		font-size: 1.2rem;
	}
	#side .btnArea01 {
		margin-top: 2rem;
	}
	#side .btnArea01 li:not(:last-child) {
		margin-bottom: 0.8rem;
	}
	#side .btnArea01 li a {
		padding: 1rem 0.5rem;
		text-align: center;
		font-size: 1.08em;
		background: url(arrow02.png) 97% 50% no-repeat #fff;
		background-size: 2.5% auto;
	}
	#side #contact {
	    margin-top: 2rem;
		padding: 1.5rem 2.5% 1.2rem;
	}
	#side #contact dt {
		font-size: 1.4rem;
	    padding-bottom: 1.3rem;
	}
	#side #contact dd .free {
		padding: 1rem 0;
	}
	#side #contact dd .free strong {
		font-size: 2.3rem;
	}
	#side #contact dd .free img {
		display: inline-block;
		width: 12%;
		margin: 0 0.6em 1rem 0;
		vertical-align: middle;
	}
	#side #contact dd .free p {
		font-size: 1.08rem;
		display: inline-block;
		margin-top: 0;
	    border-top: 2px solid #fff;
	}
	#side #contact dd .free p span {
		padding-right: 1em;
	}
	#side #contact dd .ip div {
		font-size: 1.8rem;
		margin-top: 1rem;
	}
	#side #contact dd .ip img {
		width: 8%;
	}
	#side #contact dd .ip p {
		display: none;
	}
	#pagetop {
		width: 12%;
	}
	#footerLink01 {
		display: none;
	}
	#footerLink02 {
		padding: 1rem 2.5%;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#footerLink02 li {
		width: 48%;
		text-align: left;
	}
	#footerLink02 li:nth-child(7), #footerLink02 li:last-child {
		width: auto;
	}
	#footerLink02 li:not(:last-child) {
		border-right: none;
		padding-right: 0;
		margin-right: 0;
	}
	#footerLink02 li:nth-child(2) {
		width: auto;
	}
	#footerLink02 a {
		font-size: 1em;
		display: block;
		padding: 0.8rem;
		background: url(arrow07.png) 0 50% no-repeat;
		background-size: 0.5em auto;
	}
	#footerMusashi {
		padding: 2.2rem 2.5% 3rem;
	}
	#footerMusashi .txt01 {
		line-height: 1.6;
	}
	#footerMusashi dl dt {
		font-size: 1.15rem;
	}
	#footerMusashi dl dd {
		font-size: 0.9em;
		text-align: left;
		line-height: 1.6;
	}
	#copyright {
		line-height: 1.6;
	}
	#main h1 {
		font-size: 1.7em;
		margin-bottom: 1.2rem;
	}
	#main h2 {
		font-size: 1.25em;
	}
	.btn01 a {
		padding: 0.8rem 0.2em;
	}
	.btn01 a span {
		background: url(arrow03.png) 100% 50% no-repeat;
		background-size: 0.5em auto;
		padding: 0 2.5%;
		line-height: 1.5;
	}
}