@charset "UTF-8";

html body .PC {
	display: none;
}
html body .SP {
	display: inherit;
}

body {
	min-width: inherit;}
body.fix{
	width: 100%;
	position: fixed;
	/*height: 100vh;*/}

a[class] {
	/*transition: opacity 0.12s;*/
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

._blank {
	margin-left: 6px;
}
._pdf {
	width: 20px;
	height: 20px;
	margin-left: 6px;
}


/*slick*/
		/*reset*/
		/*button {
			background-color: transparent;
			border: none;
			cursor: pointer;
			outline: none;
			padding: 0;
			appearance: none;
		}*/
.slick-dots  {
	position: static;
	padding-top: 15px;
	padding-bottom: 25px;
	padding-left: 0;
	text-align: center;
	background: #fff;
}
.slick-dots > li {
	width: 12px;
    height: 12px;
	border: 1px solid #0051ae;
	background: #fff;
}
.slick-arrow {
    /*top: 50%;*/
    top: calc(50% - 40px);
}
.slick-next {
		right: 0px;
}
.slick-prev {
		left:  0px;
}
.slide {
	width: auto;
	width: 100%;
	height: 0;
	height: calc(500 / 740 * 100%);
	max-height: inherit;
}
.slick-slide img {
	width: 100%;
}





/*header*/
.HEADER {
	display: flex;
		align-items: center;
		justify-content: flex-end;
	height: auto;
	padding: 0 15px;
}
.HEADER img {
	width: 72px;
	margin-top: 0;
}







/* globalnav
------------------------------*/
.globalnavWrap {
	/*padding: 0 15px;*/
	padding: 0 0 0 15px;
	background: #fff;
}
.globalnav {
	position: relative;
		z-index: 6;
	padding-left: 0;}
	.globalnav.fix {
		padding-left: 15px;
	}

.pankuzu {
	display: none;}
	
.pankuzu.cart-wrapper{
	display: flex;}
	
.pankuzu.cart-wrapper ul:not(:last-child){
	display: none;}


/* --------------------
pageheadtit*/
.pageheadtit {
	min-height: 80px;
}
.pageheadtit > h2 {
	font-size: 2rem;
}
.pageheadtit ._sub {
	font-size: 1.2rem;
}



.globalnav.open {
	position: fixed;
		top: 0;
		left: 0;
	z-index: 10;}


.globalnav-search button {
	flex-shrink: 1;}
	.globalnav-search button:hover {opacity: 1;}

.nav {
	display: none;
}
.nav {
	display: flex;
}
.fix .nav {
	position: fixed;
		right: 0px;
}
	/*.nav:before  {
		content: "";
		position: relative;
			z-index: 7;
		display: block;
		width: 1px;
		height: 28px;
		margin: 0 -1px 0 0;
		background:#d0d5da;}*/
.nav:before  {
	display: none;
}
	.nav.open:before {
		content: "";
		position: fixed;
			left: 0;
		display: block;
		width: 100vw;
		/*height: 63px;*/
		height: 60px;
		background: #fff;
		z-index: 16;
		border-bottom: 1px solid #f3f5f7;
	}
.burger-btn {
    position: absolute;
    top: 6px;
    right: 0;
    display: flex;
    align-items: center;
    width: 62px;
    height: 62px;
    /* margin: 5px 0 0 0; */
    vertical-align: top;
    z-index: 300;
}
[class*="nav-button"] {
	position: relative;
	display: block;
	width: 62px;
    /*height: 60px;*/
    height: 58px;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
[class*="nav-button"] ._burger {
	position: relative;
	display: block;
	width: 22px;
	height: 2px;
	margin: 0 auto;
	background: #0051ae;
	transition-duration: 0.2s;
}
	[class*="nav-button"] ._burger:before, [class*="nav-button"] ._burger:after {
		content: "";
		position: absolute;
		display: inherit;
		width: inherit;
		height: inherit;
		background-color: #0051ae;
		transition-duration: 0.2s;
	}
	[class*="nav-button"] ._burger:before {
		top: 6px;
	}
	[class*="nav-button"] ._burger:after {
		bottom: 6px;
	}
		.nav.active [class*="nav-button"] ._burger {
			background: rgba(230,0,18,0);
		}
			.nav.active [class*="nav-button"] ._burger:before {
				top: 0;
				transform: rotate(45deg);
			}
			.nav.active [class*="nav-button"] ._burger:after {
				bottom: 0;
				transform: rotate(-45deg);
			}
	/*/nav-button*/
	.nav-button:before {top: 0;}
	.nav-button-cancel {
		/*display: none;*/
		width: 0;
		z-index: 16;}
	.nav.open .nav-button-cancel {
		/*display: block;*/
		display: flex;
		width: 62px;
	}
		.nav.active [class*="nav-button"] .arrow {transform: translate(-50%, -20%);}
		.nav.open [class*="nav-button"] .arrow:after {transform: rotate(135deg);}
		.nav.active [class*="nav-button"] .arrow:after {transform: rotate(-45deg);}

.nav.open .nav-button-cancel.SP {
	    flex-shrink: 0;
	display: block;
	width: calc(100% - 50px * 2);
	margin: 0 50px;
	color: #0051ae;
	font-size: 1.4rem;
	font-weight: normal;
	border: 1px solid #0051ae;
	text-indent: 0;
	white-space: pre;
}
	.nav.open .nav-button-cancel.SP.hover {
		color: #fff;
		background: #0051ae;
	}

.navtrilink {
	display: block;
	margin-left: 15px;
	margin-bottom: 50px;
	font-size: 1.2rem;
	color: #333;
}
.navtrilink ._triicon {
	border-left-color: #0051ae;
	width: 12px;
	height: 4px;
    border-width: 2px;
    border-left-width: 4px;
    vertical-align: middle;
}
.navtrilink ._blank {
	width: 7px;
	height: 7px;
}

.nav-content {
	position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		z-index: 5;
	/*padding: 160px 15px 60px 15px;*/
	/*padding: calc(60px + 24px) 0 60px 0;*/
	padding: 60px 0;
	/*padding: calc(60px + 24px) 0 0 0;*/
	transform: translateY(-100%);
	transition: transform 0.5s ease-in-out;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;/*iOS*/
}
	.globalnav.fix .nav-content {
		padding-top: 60px;}
.nav-content.hidden {
	opacity: 0;
}
	.nav-content > *:last-child {
		margin-bottom: 60px;
	}

.nav.active .nav-content {
	transform: translateY(0);
	overflow-y: scroll;
}

.overlay-cancel {z-index: 3;}


/*アカウント情報*/
._accountstate {
	    flex-shrink: 0;
		align-items: center;
		justify-content: space-between;
	/*height: 72px;*/
	min-height: 72px;
	margin-top: 0;
	margin-bottom: 0;
	padding: 15px;
	font-weight: normal;
	background: #f3f5f7;
}
	/*ログイン時表示*/
	._accountstate {
	}
	._accountstate .account {
		display: inline-block;
		margin-top: 0;
	}
._accountstate .logout_btn button {
	min-width: 100px;
	font-size: 1.4rem;
	font-weight: bold;
}


.globalnav-otherLink {
	display: block;
	/*margin-bottom: 40px;*/
	padding-bottom: 35px;
	border-top: 1px solid #e9ecee;
	background: #fff;
}
.globalnav-otherLink li {
	border-bottom: 1px solid #e9ecee;
}
.globalnav-otherLink li a._norlink {
	position: relative;
}
.globalnav-otherLink li a {
	padding: 15px 10px;
	background: #fff;
}
	.globalnav-otherLink a:hover {
	}
/*.globalnav-otherLink > li:not(:last-child) {
	margin-right: 0;
	padding-right: 0;
}
.globalnav-otherLink > li:not(:last-child) .border {
	display: none;
}*/
.globalnav-otherLink > li:not(:first-child) {
	margin-left: 0;
	padding-left: 0;
}
.globalnav-otherLink > li:not(:first-child) .border {
	display: none;
}


	.globalnav-otherLink [class*="_icon"] {
		display: inline-block;
		width: 37px;
		/*height: 37px;*/
		height: auto;
		margin-right: 8px;
		/*border-radius: 50%;*/
		overflow: hidden;
		vertical-align: middle;
	}
	.parlis_spear_icon img,
	.watpum_stock_icon img{
	width: 100%;
	}

.globalnav-accordion > ul {
	position: static;
	position: relative;
	z-index: 0;
	margin: 0 15px;
	border: 0;
	transform: translateY(0);
}
.globalnav-accordion > ul > li:not(:last-child) {
	border-bottom: 1px solid #e9ecee;
}
	.globalnav-accordion > ul > li:last-child {
		border: 0;
	}
.globalnav-otherLink .globalnav-accordion > a {
	padding-top: 15px;
	padding-bottom: 15px;
}
a.accordion-btn.nonLink.open {
	border-bottom: 1px solid #e9ecee;
	padding-bottom: 14px;
}
.globalnav-otherLink .globalnav-accordion .accordionlink > a {
	box-shadow: 0 1px 4px rgba(0,0,0,0.0);
	transition: box-shadow 0.12s;
	background: none;
}
.globalnav-otherLink .globalnav-accordion .accordionlink > a.hover {
	/*box-shadow: 0 1px 4px rgba(0,0,0,0.3);*/
}
	._norlink .arrow.SP {
		display: inline-block;
	}
			/*+ボタン*/
			.accordion-btn.nonLink:after,
			.accordion-btn.nonLink:before {
			    right: 20px;
			    display: inline-block;
		        transform: none;
			}
			.accordion-btn.accordion-btn:before {
			    transform: rotate(90deg);
			    transition: 0.2s;
			}
			.accordion-btn:before,
			.accordion-btn:after {
			    content: '';
			    display: inline-block;
			    position: absolute;
			    top: 50%;
			    right: calc(50% - 7px);
			    width: 14px;
			    height: 2px;
			    border: 0;
			    background-color: #0051ae;
			}
			.accordion-btn.accordion-btn.open:before {
			    transform: translateY(0px) rotate(0deg);
			}



/* --------------------
pankuzu*/
/*20210125 */
.pankuzu{
display: block;
justify-content: flex-end;
padding:10px 15px 10px 15px;
}

.pankuzu ul.cart-wrap li {
	margin: 0 15px 0 0;}

.pankuzu ul.cart-wrap li a.link-cart{
			padding: 5px 15px 5px 30px;
			background: url(../images/common/icon-cart-blue.png);
				background-position-x: 0%;
				background-position-y: 0%;
				background-repeat: no-repeat;
				background-size: auto;
			background-size: 20px;
			background-position: left 0 center;

			border-right: 1px solid #e9ecee;}

.pankuzu ul.cart-wrap li a.link-mypage{
			padding: 5px 0 5px 30px;
			background: url(../images/common/icon-folder.png);
				background-position-x: 0%;
				background-position-y: 0%;
				background-repeat: no-repeat;
				background-size: auto;
			background-size: 20px;
			background-position: left 0 center;}




	/*toplogo*/
.nettsurumilogo {
	position: relative;
		z-index: 100;
	display: flex;
		justify-content: space-between;
		align-items: center;
	/*width: 100%;*/
}
.nettsurumilogo {
	/*width: auto;*/
}
.nettsurumilogo ._txt {
	order: 2;
	margin-top: 0;
	/*margin-right: 15px;*/
	margin-left: 15px;
	margin-bottom: 0;
	font-size: 0.9rem;
	/*text-align: right;*/
}

.nettsurumilogo ._imgwrap {
	order: 1;
	width: 120px;
	height: 28px;
}
.nettsurumilogo ._imgwrap h1 {
	display: flex;
}
.nettsurumilogo ._imgwrap img {
	height: 28px;
}



/* globalnav
------------------------------*/
.globalnav {
	min-height: 60px;
	padding-right: 0;
}






/* --------------------
.loginform*/
.loginform {
	width: 100%;
	margin-left: 0;
	padding: 0 15px;
}
.loginhead {
	font-size: 3rem;
	text-align: center;
}
.loginform input {
	margin-bottom: 20px;
	padding: 0.6em 1em;
	font-size: 1.4rem;}
	.loginform input:last-of-type {
	margin-bottom: 30px;
	}
.loginform ._loginid {
}
.loginform ._password {
}

.alert {
    font-size: 1.4rem;
}
/*.alert._loginid {
    margin-top: -5px;
}
.alert._password {
    margin-top: -20px;
}*/
.alert {
    margin-top: -15px;
}
				.indexnav .alert {
				    margin-top: -10px;
				}
	:last-of-type.alert {
    margin-top: -25px;
		margin-bottom: 30px;
	}

.allowlinkr > li:not(:last-child) {
	margin-bottom: 10px;
}
.allowlinkr ._fwb {
	font-size: 1.4rem;
}
.loginbtn {
	width: 100%;
	font-size: 1.6rem;
}



/* --------------------
indexmain*/
.indexmain {
	padding-top: 0;
	padding-bottom: 0;
	background: #0051ae;
}
	.indexmain:before {
		display: none;
	}
.indexmain ._wrap {
	display: block;
}
.indexnav {
	/*max-width: auto;*/
	max-width: 100%;
	margin: 0;
	padding: 30px 15px;
}

.indexnav ._link {
	width: calc((100% - 2px) / 2);
}
.indexnav ._link a {
	display: flex;
		flex-direction: column;
	padding-top: 20px;
	padding-bottom: 15px;
	min-height: auto;
}
.indexnav ._link ._head {
		order: 1;
	font-size: 1.8rem;
	line-height: 1.3;
	margin-bottom: 10px;
  min-height: 80px;
}
.indexnav ._link ._img {
		order: 2;
	width: 55px;
	height: 45px;
}
.indexnav ._link ._desc {
		order: 3;
	font-size: 1.1rem;
}




/* --------------------
news*/
.news,
.pw,
.pd {
	padding: 40px 15px 80px 15px;
}
@media (min-width:1201px){
	.news {
		padding-right: calc((((100vw - 1200px) - 100vw) + 100%) / 2);
		padding-left: calc((((100vw - 1200px) - 100vw) + 100%) / 2);
	}
}
.news > h2 {
	width: 100%;
	margin-bottom: 10px;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}
.listwrap ._list li {
	/*border-bottom: 1px solid #e9ecee;*/
}
.listwrap ._link {
	flex-wrap: wrap;
	padding: 20px 8px;
	font-size: 1.2rem;
}
	.listwrap ._link.hover {
	}
.listwrap ._link ._date {
	min-width: 100px;
}
.listwrap ._label  {
	width: 90px;
}
.listwrap ._label.news {
}
.listwrap ._label.exhi {
}
._btnbluebor {
	min-width: 120px;
	padding: 6px 20px;
	font-size: 1.2rem;
	margin-top: 20px;
	margin-left: calc(100% - 120px)
}
.listwrap ._txt  {
	margin-top: 10px;
	font-size: 1.4rem;
}




/*footer*/
.FOOTER {
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
}
.footnav {
		flex-wrap: wrap;
	width: 100%;
	margin-bottom: 30px;
	font-size: 1.1rem;
	border: 1px solid #00589b;
}
.footnav li {
	display: flex;
		justify-content: center;
		align-items: center;
	width: 50%;
	padding: 0;
	border-bottom: 1px solid #00589b;
	border-right: 1px solid #00589b;
}
.footnav li:not(:last-child) {
	margin: 0;
	padding: 0;
	border-right: 1px solid #00589b;
}
.footnav li:nth-child(even) {
	border-right: 0;
}
.footnav li:nth-last-child(-n+2):nth-child(odd) {
	border-bottom: 0;
}
.footnav a {
	width: 100%;
	padding: 20px 0;
	text-align: center;
}
	.footnav a.hover {
		text-decoration: none;
		background: #00589b;
	}
.FOOTER ._wrap {
	display: block;
	width: 100%;
}
.FOOTER ._note {
	margin-bottom: 20px;
	margin-right: 0;
	padding-bottom: 30px;
	font-size: 1rem;
	border-bottom: 1px solid #00589b;
}
.FOOTER ._copyright {
	font-size: 1rem;
	text-align: center;
}
.tsurumikanji {
    position: static;
	    right: 0;
    display: block;
	width: 277px;
	margin: 0 auto;
	margin-bottom: 6px;
    text-align: auto;
}



/*----------------------------------------------------------------------------------------
modal-stock-wrap
----------------------------------------------------------------------------------------*/
.modal-stock-wrap{
	width: auto;
	border-radius:4px;
	margin: 50px 9px;
	padding:70px 15px 60px;
	}

.modal-stock-wrap h3{
	font-size: 1.8rem;
	text-align: center;
	margin: 0 0 20px 0;
	}