@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,500,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700|Roboto:300,400,500,700&display=swap');
@import url('reset.css');
/*
font-family: 'Roboto', sans-serif;
font-family: 'Noto Serif JP', serif;
font-family: 'Montserrat', sans-serif;

*/

/*------------------------------------
　　　　　　　　　common
------------------------------------*/
body {
	font-family:"Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	color: #030303;
	font-size: 100%;
	line-height: 1.625;
	position: relative;
    -webkit-font-smoothing: antialiased;
}
a{
	color: #030303;
	text-decoration: none;
	transition: all .4s;
}
a.link{
	text-decoration: underline;
	color: #800000;
}
.word-break{
	word-break: break-all;
}
.inline-block{
	display: inline-block;
}

	@media screen and (max-width: 950px) {
		body{
			font-size: 87.5%;
			line-height: 1.5714;
		}
		.sp-hidden{
			display: none;
		}
		br.sp-inline{
			display: none;
		}
		.sp-block{
			display: block;
		}
	}

#wrapall{
	max-width: 1280px;
	margin: 4em auto;
	padding: 0 3%;
	position: relative;
}
#wrap{
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
#sidenavi{
	width: 170px;
}

.sticky{
   position: sticky;
   position: -webkit-sticky;
   top: 1em;
}

#contents{
	width: calc(100% - 170px);
	padding-left: 3em;
}
#sidenavi h1 a{
	background: url("../images/common/logo.png") no-repeat top left;
	background-size: 170px auto;
	width: 170px;
	height: 170px;
	text-indent: -9999px;
	display: block;
	margin-bottom: 1.75em;
}
	@media screen and (max-width: 950px) {
		#wrapall{
			padding: 0;
		}
		#wrap{
			display: block;
		}
		#contents{
			width: 100%;
			padding-left: 0;
		}
		#sidenavi h1 a{
			background-size: 77px auto;
			width: 77px;
			height: 77px;
			position: absolute;
			left: 6.5%;
		}		
		.sticky{
			position: static;
			top:auto;
		}

	}

/*-----------------------------------------
footer
-----------------------------------------*/
footer{
	width: 100%;
	background: #262727;
	color: #c6c7c8;
}
#footerall{
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 3%;
}
.footer{
	width: 100%;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-direction:reverse;
	-moz-box-direction:reverse;
	-webkit-box-orient:horizontal;
	-moz-box-orient:horizontal;
	-webkit-flex-direction:row-reverse;
	-moz-flex-direction:row-reverse;
	flex-direction:row-reverse;
}
.takasago-sns{
	width: 325px;
	padding: 3em 0 0 1.5em;
}
.takasago-adress{
	width: calc(100% - 325px);
	padding-top: 3em;
}
.footer-copyright{
	text-align: right;
	font-size: .75em;
	font-family: 'Montserrat', sans-serif;
	padding: 2em 0 3em 0;
	color: #787878;
}

	@media screen and (max-width: 950px) {
		#footerall{
			padding: 0;
		}
		.footer{
			display: block;
			text-align: center;
		}
		.takasago-sns{
			width: 100%;
			padding: 1.5em 5% 2.5em;
			background: #ebe9e6;
			color: #262727
		}
		.takasago-adress,
		.footer-copyright{
			width: 90%;
			margin: 0 auto;
		}
		.footer-copyright{
			text-align: left;
		}
	}

.footer a{
	color: #c6c7c8;
}
.footertitle{
	font-size: 137.5%;
	margin-bottom: .25em;
}
.takasago-sns-title{
	font-size: 106.25%;
	margin-bottom: .5em;
}

	@media screen and (max-width: 950px) {
		.takasago-sns-title{
			font-size: 135.7%;
			margin-bottom: .5em;
		}
	}


.takasago-sns ul{
	border-top: 1px solid #787878;
	font-size: .875em;
}
.takasago-sns li{
	padding: 1em 0;
	border-bottom: 1px solid #787878;
}
.takasago-sns li a{
	width: 100%;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	align-items: center;
}
.takasago-sns li .icon{
	width: 32px;
	height: 32px;
}
.takasago-sns li .snssite{
	width: calc(100% - 32px);
	padding-left: 1.25em;
	line-height: 1.25;
}
.takasago-sns li .snssite div{
	font-weight: bold;
}
.takasago-sns li .snssite div span{
	font-weight: bold;
}
.takasago-sns li a.fb .icon{
	background:url("../images/common/btn-fb-pc.png") no-repeat top left;
	background-size: 100% auto;
}
.takasago-sns li a.insta .icon{
	background:url("../images/common/btn-insta-pc.png") no-repeat top left;
	background-size: 100% auto;
}
	@media screen and (max-width: 950px) {
		.takasago-sns ul{
			border-top: none;
			width: 100%;
			display:-webkit-box;
			display:-moz-box;
			display:-ms-flexbox;
			display:-webkit-flex;
			display:-moz-flex;
			display:flex;
			flex-wrap:wrap;
			-webkit-justify-content: space-between;
			justify-content: space-between;
			font-size: .85714286em;
		}
		.takasago-sns li{
			width: 19%;
			border-bottom: none;
			border: 1px solid #262727;
			text-align: center;
			padding: 1.25em 0 ;
		}
		.takasago-sns li a{
			display: block;
			color: #262727;
		}
		.takasago-sns li .icon{
			margin: 0 auto .75em;
		}
		.takasago-sns li .snssite{
			width: 100%;
			padding-left: 0;
		}
		.takasago-sns li .snssite div{
			font-size: .833333em;
			font-weight: normal;
		}
		.takasago-sns li .snssite div span{
			font-weight: normal;
		}
		.takasago-sns li a.fb .icon{
			background:url("../images/common/btn-fb-sp.png") no-repeat top left;
			background-size: 100% auto;
		}
		.takasago-sns li a.insta .icon{
			background:url("../images/common/btn-insta-sp.png") no-repeat top left;
			background-size: 100% auto;
		}
	}
	@media screen and (max-width: 735px) {
		.takasago-sns li .snssite div span{
			display: block;
		}
	}
	@media screen and (max-width: 567px) {
		.takasago-sns ul{
			-webkit-justify-content: center;
			justify-content: center;
			font-size: .83333333em;
		}
		.takasago-sns li{
			width: 30.5%;
			margin-top: .85em;
		}
		.takasago-sns li .snssite > span{
			display: none;
		}
		.takasago-sns li:nth-child(3n+1){
			margin-right: .6em;
		}
		.takasago-sns li:nth-child(3n+2){
			margin-right: .3em;
			margin-left: .3em;
		}
		.takasago-sns li:nth-child(3n+3){
			margin-left: .6em;
		}
	}


a.googlemap{
	display: inline-block;
	background: #c0c1c1;
	color: #262727;
	margin-top: 2em;
	padding: .5em 5.5em;
	font-size: .9375em;
	text-align: center;
}
a.googlemap span{
	font-weight: 600;
	padding-left: 1em;
	background: url(../images/common/btn-access-pc.png) no-repeat left center;
	background-size: .75em auto;
}
	@media screen and (max-width: 950px) {
		a.googlemap{
			background: none;
			color: #c0c1c1;
			border:1px solid #c0c1c1;
			display: block;
			padding: 1em 0;
		}
		a.googlemap span{
			background: url(../images/common/btn-access-sp.png) no-repeat left center;
			background-size: .75em auto;
		}
	}

.footer-navi{
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	margin: 3em 0;
	font-size: .875em;
}
.footer-navi li{
	padding: 0 .75em;
	position: relative;
}
.footer-navi li:before{
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 12px;
	margin-top: -5px;
	background: #787878;
	content: "";
}
.footer-navi li:first-child{
	padding-left: 0;
}
.footer-navi li:first-child:before{
	background: none;
}
	@media screen and (max-width: 950px) {
		.footer-navi{
			margin-bottom: 4em;
			-webkit-justify-content: space-between;
			justify-content: space-between;
		}
		.footer-navi li{
			width: 48%;
			padding: .75em 0;
			text-align: left;
			border-bottom: 1px solid #c0c1c1;
		}
		.footer-navi li:before{
			top: auto;
			left: auto;
			bottom: auto;
			width: auto;
			height: auto;
		}
		.footer-navi li:first-child{
			padding-left:0;
		}
	}

.global-fnavi{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-size: .8125em;
	margin-bottom: 1em;
}
.global-fnavi span{
	font-family: 'Montserrat', sans-serif;
}
.country{
	color: #787878;
}
.country span.ja{
	display: inline-block;
	padding: 2px .5em;
	border:1px solid #787878;
	border-radius: .25em;
	-moz-border-radius: .25em;
	-webkit-border-radius: .25em;
	margin: 0 2em 0 .5em;
}
.lang div{
	display: inline-block;
}
.lang span{
	padding-left: 1.5em;
	background: url(../images/common/icon-global-w.png) no-repeat left center;
	background-size: 1em auto;
	padding-right: .75em;
}
.lang a{
	position: relative;
	display: inline-block;
	padding-left: .75em;
	padding-right: .75em;
	position: relative;
	border-left: 1px solid #787878;
	line-height: 1.25;
}
.lang a:last-child{
	border-right: 1px solid #787878;
}
.lang a:hover{
	text-decoration: underline;
}
	@media screen and (max-width: 567px) {
		.global-fnavi{
			display: block;
			line-height: 2.0;
		}
		.lang {
			margin: 1.5em 0 2em;
			display: flex;
			flex-wrap: wrap;
			text-align: center;
		}
		.lang div{
			display: block;
			width: 100%;
		}
		.lang span{
			width: 100%;
		}
		.lang a{
			width: calc(100% / 4);
			margin-left: 0;
			padding: 0;
			text-align: center;
			margin-top: .25em;
		}
		.lang a:last-child{
			border-right: 0;
		}
		.lang a.jpn{
			border-left:  0;
		}
	}

.footer-msg{
	font-size: .875em;
}
	@media screen and (max-width: 950px) {
		.country span.jp{
			padding: .5em 0;
			display: block;
			margin-right: 0;
			border-radius: 0;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
		}
		.footer-msg{
			text-align: left;
		}
	}

/*-----------------------------------------
side navi
-----------------------------------------*/
#sidenavi{
	font-family: 'Noto Serif JP', serif;
}
#sidenavi a{
	color: #030303;
}

.navigation{
	padding-bottom: 3em;
}
/* 通常 ナビゲーション-----------------*/
.page-navi > li > a{
	position: relative;
	display: block;
	margin-bottom: 1em;
	padding-left: 1em;
	line-height: 1.5;
}
	.page-navi > li.toggle > a{
		margin-bottom: 0;
	}
	.page-navi > li.nav-lang > a{
		margin-bottom: 0;
		padding-left: 0;
		font-size: .8125em;
		font-family:"Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	}
.page-navi > li > a:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	margin-top: 7px;
	border-top: solid .4em transparent;
	border-bottom: solid .4em transparent;
	border-left: solid .7em #303030;
}
	.page-navi > li.nav-lang > a:before{
		position: relative;
		top: auto;
		left: auto;
		width: auto;
		height: auto;
		margin-top: 0;
		border:none!important;
	}

.page-navi > li > a div{
	font-size: .875em;
	color: #666;
	line-height: 1.3;
}

/* toggle */
.page-navi > li.toggle > ul{
	font-size: .6875em;
	margin-top: .5em;
	margin-bottom: 1em;
}
.page-navi > li.toggle > ul > li {
	margin-bottom: .5em;
}
.page-navi > li.toggle > ul > li a{
	line-height: 1.3;
	color: #666;
	margin-left: 1.25em;
	position: relative;
	display: block;
}
.page-navi > li.toggle > ul > li a:before{
	position: absolute;
	content: "";
	top: 7px;
	left: -1em;
	width: .75em;
	height: 1px;
	background: #999;
}
	@media screen and (max-width: 950px) {
		.page-navi > li > a{
			margin-bottom: 0;
			padding:.75em 1em;
			border-bottom: 1px solid #efefef;
		}
		.page-navi > li.toggle > a{
			border-bottom: none;
		}
		.page-navi > li > a:before{
			position: absolute;
			top: 50%;
			left: auto;
			right: 1em;
			margin-top: -7px;
			border-left: solid .7em #ccc;
		}
		.page-navi > li > a div{
			display: inline-block;
			padding-left: .375em;
		}
		/* toggle */
		.page-navi > li.toggle > ul{
			border-bottom: 1px solid #efefef;
			margin-top: 0;
			margin-bottom: 0;
			padding: 0 1em;
		}
		.page-navi > li.toggle > ul > li{
			margin-bottom: 0;
		}
		.page-navi > li.toggle > ul > li a{
			padding-bottom: 1em;
		}
	}

/* nav-lang アコーディオン*/
.lang-open {
	display: none;
}
.glbl-mark{
	display: block;
	background: #EBEAEA;
	padding: .5em 1.125em .625em;
	font-size: .875em;
}
.glbl-mark span {
	background: url(../images/common/icon-global-b.png) no-repeat left 60%;
	background-size: .75em auto;
	padding-left: 1.25em;
}
.glbl-mark,
.lang-list {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.lang-list {
	height: 0;
	background: #f3f2f2;
	overflow: hidden;
}
.lang-list a,
.lang-list span{
	font-size: .75em;
	color: #444!important;
	display: block;
	padding: .25em 1.25em;
}
.lang-open:checked + .glbl-mark + .lang-list {
	height: auto;
	padding: 0;
	transition: all .3s;
	padding: .5em 0;
}
	@media screen and (max-width: 950px) {
		.nav-lang {
			margin: 1.25em 1em 0;
		}
		.glbl-mark {
			text-align: center;
			padding: .5em 0;
			font-size: .75em;
		}
		.lang-list {
			height: auto;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			border-radius: 0;
			padding: .25em .5em;
		}
		.lang-list a,
		.lang-list span{
			width:48%;
			padding: .75em 0;
			text-align: center;
		}
		.lang-open:checked + .glbl-mark + .lang-list {
			padding: 0;
		}
	}

/*-----------------------------------------
contents
-----------------------------------------*/
#contents-wrap{
	width: 100%;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	flex-wrap: wrap;
	-webkit-box-direction:reverse;
	-moz-box-direction:reverse;
	-webkit-box-orient:horizontal;
	-moz-box-orient:horizontal;
	-webkit-flex-direction:row-reverse;
	-moz-flex-direction:row-reverse;
	flex-direction:row-reverse;
}
#pegetitle {
	width: 32px;
	font-size: 2.0625em;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-family: 'Noto Serif JP', serif;
	line-height: 1.0;
}
#pegetitle .logo-takasago{
	background: url("../images/common/logo-takasago.png") no-repeat top left;
	background-size: 32px auto;
	text-indent: -9999px;
	width: 32px;
	height: 299px;
}
#content-body{
	width: calc(100% - 32px);
	padding-right: 1.75em;
}
.content-image{
	line-height: 0;
}
#pegetitle span.dotted{
	letter-spacing: -8px;
	margin-top: -4px;
}
	@media screen and (max-width: 950px) {
		#pegetitle {
			width: 100%;
			margin-right: 6.5%;
			min-height: 5em;
		}
		#content-body{
			width: 100%;
			padding-right: 0;
			margin-top: 1em;
		}
	}
	@media screen and (max-width: 568px) {
		#pegetitle{
			font-size: 1.714em;
		}
		#pegetitle .logo-takasago{
			background: url("../images/common/logo-takasago.png") no-repeat top left;
			background-size: 24px auto;
			width: 24px;
			height: 225px;
		}

	}