@charset "utf-8";

/*反転の色*/
/*
::selection {color:#000;background-color:#FFF;}
::-moz-selection {color:#000;background-color:#FFF;}
*/

/* レスポンシブによる文字サイズ可変 */
@media only screen and (max-width:600px) and (min-width:591px){html{font-size:60%;}}
@media only screen and (max-width:590px) and (min-width:581px){html{font-size:59%;}}
@media only screen and (max-width:580px) and (min-width:571px){html{font-size:58%;}}
@media only screen and (max-width:570px) and (min-width:561px){html{font-size:57%;}}
@media only screen and (max-width:560px) and (min-width:551px){html{font-size:56%;}}
@media only screen and (max-width:550px) and (min-width:541px){html{font-size:55%;}}
@media only screen and (max-width:540px) and (min-width:531px){html{font-size:56%;}}
@media only screen and (max-width:530px) and (min-width:521px){html{font-size:55%;}}
@media only screen and (max-width:520px) and (min-width:511px){html{font-size:54%;}}
@media only screen and (max-width:510px) and (min-width:501px){html{font-size:53%;}}
@media only screen and (max-width:500px) and (min-width:491px){html{font-size:52%;}}
@media only screen and (max-width:490px) and (min-width:481px){html{font-size:51%;}}
@media only screen and (max-width:480px) and (min-width:471px){html{font-size:50%;}}
@media only screen and (max-width:470px) and (min-width:461px){html{font-size:49%;}}
@media only screen and (max-width:460px) and (min-width:451px){html{font-size:48%;}}
@media only screen and (max-width:450px) and (min-width:441px){html{font-size:47%;}}
@media only screen and (max-width:440px) and (min-width:431px){html{font-size:46%;}}
@media only screen and (max-width:430px) and (min-width:421px){html{font-size:45%;}}
@media only screen and (max-width:420px) and (min-width:411px){html{font-size:44%;}}
@media only screen and (max-width:410px) and (min-width:401px){html{font-size:43%;}}
@media only screen and (max-width:400px) and (min-width:391px){html{font-size:42%;}}
@media only screen and (max-width:390px) and (min-width:381px){html{font-size:41%;}}
@media only screen and (max-width:380px) and (min-width:371px){html{font-size:40%;}}
@media only screen and (max-width:370px) and (min-width:361px){html{font-size:39%;}}
@media only screen and (max-width:360px) and (min-width:351px){html{font-size:38%;}}
@media only screen and (max-width:350px) and (min-width:341px){html{font-size:37%;}}
@media only screen and (max-width:340px) and (min-width:331px){html{font-size:36%;}}
@media only screen and (max-width:330px) and (min-width:321px){html{font-size:35%;}}
@media only screen and (max-width:320px){html{font-size:34%;}}


/*Webfont*/
@font-face{
	font-family:'NotoSansJP-Bold';
	src:url('../font/NotoSansJP-Bold.eot');
	src:url('../font/NotoSansJP-Bold.eot?iefix') format('eot'),
		url('../font/NotoSansJP-Bold.woff') format('woff');
}
@font-face{
	font-family:'NotoSansJP-Medium';
	src:url('../font/NotoSansJP-Medium.eot');
	src:url('../font/NotoSansJP-Medium.eot?iefix') format('eot'),
		url('../font/NotoSansJP-Medium.woff') format('woff');
}
@font-face{
	font-family:'NotoSansJP-Regular';
	src:url('../font/NotoSansJP-Regular.eot');
	src:url('../font/NotoSansJP-Regular.eot?iefix') format('eot'),
		url('../font/NotoSansJP-Regular.woff') format('woff');
}
@font-face{
	font-family:'NotoSansJP-Regular';
	src:url('../font/NotoSansJP-Bold.eot');
	src:url('../font/NotoSansJP-Bold.eot?iefix') format('eot'),
		url('../font/NotoSansJP-Bold.woff') format('woff');
	font-weight:bold;
}
@font-face{
	font-family:'NotoSansJP-DemiLight';
	src:url('../font/NotoSansJP-DemiLight.eot');
	src:url('../font/NotoSansJP-DemiLight.eot?iefix') format('eot'),
		url('../font/NotoSansJP-DemiLight.woff') format('woff');
}
@font-face{
	font-family:'NotoSansJP-Light';
	src:url('../font/NotoSansJP-Light.eot');
	src:url('../font/NotoSansJP-Light.eot?iefix') format('eot'),
		url('../font/NotoSansJP-Light.woff') format('woff');
}
@font-face{
	font-family:'NotoSansJP-Thin-Windows';
	src:url('../font/NotoSansJP-Thin-Windows.eot');
	src:url('../font/NotoSansJP-Thin-Windows.eot?iefix') format('eot'),
		url('../font/NotoSansJP-Thin-Windows.woff') format('woff');
}
@font-face{
	font-family:'Lato-Bold';
	src:url('../font/Lato-Bold.eot');
	src:url('../font/Lato-Bold.eot?iefix') format('eot'),
		url('../font/Lato-Bold.woff') format('woff');
}
@font-face{
	font-family:'Lato-Regular';
	src:url('../font/Lato-Regular.eot');
	src:url('../font/Lato-Regular.eot?iefix') format('eot'),
		url('../font/Lato-Regular.woff') format('woff');
}
@font-face{
	font-family:'Lato-Regular';
	src:url('../font/Lato-Italic.eot');
	src:url('../font/Lato-Italic.eot?iefix') format('eot'),
		url('../font/Lato-Italic.woff') format('woff');
	font-style:italic;
}
@font-face{
	font-family:'Lato-Regular';
	src:url('../font/Lato-Bold.eot');
	src:url('../font/Lato-Bold.eot?iefix') format('eot'),
		url('../font/Lato-Bold.woff') format('woff');
	font-weight:bold;
}
	
@font-face{
	font-family:'Lato-Light';
	src:url('../font/Lato-Light.eot');
	src:url('../font/Lato-Light.eot?iefix') format('eot'),
		url('../font/Lato-Light.woff') format('woff');
}	
@font-face{
	font-family:'Lato-Light';
	src:url('../font/Lato-LightItalic.eot');
	src:url('../font/Lato-LightItalic.eot?iefix') format('eot'),
		url('../font/Lato-LightItalic.woff') format('woff');
	font-style:italic;
	
}
@font-face{
	font-family:'Lato-Hairline';
	src:url('../font/Lato-Hairline.eot');
	src:url('../font/Lato-Hairline.eot?iefix') format('eot'),
		url('../font/Lato-Hairline.woff') format('woff');
}

/*
Copyright [2014] [Junnichi Mayama]
Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
*/

@media print, screen and (min-width:641px){
	html{
		/*font-family:'NotoSansJP-Thin-Windows', 'Hiragino Kaku Gothic ProN', Verdana, Meiryo, sans-serif;*/
		font-family:'NotoSansJP-Regular', 'Hiragino Kaku Gothic ProN', Verdana, Meiryo, sans-serif;
	}
	body {
		font-size:12px;
		font-size:1.2rem;
		letter-spacing:0.0px;
		letter-spacing:0.0rem;
		line-height:1.85;
	}
	*[data-screen-smart]{
		display:none!important;
	}
	a{
		text-decoration:none;
	}

.campaign{
	font-size:12px;
}}

/*共通部分 smart*/
@media screen and (max-width:640px){
	html{
		font-family:'NotoSansJP-Regular', 'Hiragino Kaku Gothic ProN', Verdana, Meiryo, sans-serif;
	}
	body{
		background-color:#FFF;
		letter-spacing:0.0rem;
		line-height:1.85;
		-webkit-text-size-adjust:100%;
	}
	html{
		font-weight:normal;
	}
	img{
		height:auto;
		display:block;
	}
	a{
		-webkit-tap-highlight-color:rgba(70,70,70,0.6);
		text-decoration:none;
	}
	*[data-screen-pc]{
		display:none!important;
	}
}

/*pc*/
@media print, screen and (min-width:641px){
	/* header */
	header {
		width:982px;
		height:87px;
		padding-top:40px;
		padding-right:10px;
		margin:0 auto;
		overflow:hidden;
		z-index:1;
		position:relative;
	}
		header h1 {
			float:left;
			/*margin-right:85px;*/
		}
		header nav {
			font-family:'Lato-Regular', 'Hiragino Kaku Gothic ProN', Verdana, Meiryo, sans-serif;
			font-size:16px;
			font-size:1.6rem;
			overflow:hidden;
			display:block !important;
			opacity:1 !important;
			visibility:visible !important;
			text-align:right;
			position:relative;
			padding-right:10px;
			top:1px;
			right:-10px;
		}
			header nav a {
				margin-right:3.1%;
				color:#555;
				letter-spacing:0.1em;
				display:none;
				padding: 0 1px 0 2px;
				line-height: 1.7;
			}
			header nav a[href] {
				display:inline-block;
			}
			header nav a:nth-last-child(2) {
				margin-right:3.3%;
			}
			header nav a:last-child {
				margin-right:0;
				float:right;
				position:relative;
				top:2px;
				right:0;
			}
	/* pageTopBtn */
	.pageTopBtn {
		z-index:10;
		display:block;
		position:fixed;
		width:46px;
		height:46px;
		cursor:pointer;
		right:59px;
		bottom:26px;
	}
	/* footer */
	footer {
		width:982px;
		margin:0 auto 50px;
		overflow:hidden;
	}
		footer div {
			border-bottom:solid 1px #eaeaea;
			overflow:hidden;
		}
			footer div ul {
				overflow:hidden;
				padding:35px 0 15px;
			}
			footer div .links0 {
				float:left;
			}
				footer div .links0 li {
					margin-right:40px;
				}
			footer div .links1 {
				float:right;
			}
				footer div .links1 li {
					margin-left:40px;
				}
				footer div ul li {
					float:left;
					letter-spacing:0.05em;
				}
					footer div ul li a {
					}
						footer div ul li a span {
							margin-right:5px;
							font-size:12px;
							font-size:1.2rem;
							font-weight:bold;
							font-family: "MS Pゴシック",sans-serif;
							position:relative;
							right:0px;
							top:0;
						}
		footer > a {
			display:inline-block;
			margin-top:15px;
			position: relative;
			left: 3px;
		}
		footer > small {
			font-family:'Lato-Regular', 'Hiragino Kaku Gothic ProN', Verdana, Meiryo, sans-serif;
			font-size:12px;
			font-size:1.2rem;
			letter-spacing:0.12em;
			margin-top:20px;
			float:right;
		}


	/* topicpath */
	.topicpath {
		border-top: 1px solid #e8e8e8;
	}
		.topicpath p {
			width: 982px;
			margin: 33px auto 70px;
			font-size:11px;
			font-size:1.1rem;
			font-weight:bold;
			letter-spacing:0.08em;
		}
	/* contents */
	.mainContentsArea {
		margin-left: 342px;
	}
	.contentArea {
		width: 982px;
		margin: 0 auto;
		font-size: 14px;
		zoom: 1;
		overflow: hidden;
	}
		.contentArea section {
			margin-bottom: 70px;
		}
		.contentArea h1 {
			font-weight: normal;
			margin-bottom: 30px;
			font-size: 20px;
		}

	/* left side */
	.sideTitleArea {
		width: 208px;
		float: left;
		font-family:'NotoSansJP-Regular', 'Hiragino Kaku Gothic ProN', Verdana, Meiryo, sans-serif;
	}
		.sideTitleArea h1 {
			font-weight: normal;
			background: transparent url(../img/bg_title_border.gif) no-repeat 0 0;
			padding-top: 22px;
			font-size: 28px;
			letter-spacing: 0.16em;
			line-height: 1.3;
		}

	/* 赤いボタン */
	.common_btnstyle0 {
		display:inline-block;
		font-family:'Lato-Regular', 'Hiragino Kaku Gothic ProN', Verdana, Meiryo, sans-serif;
		width:212px;
		padding:12px 14px 13px 16px;
		overflow:hidden;
		color:#fff;
		font-size:10px;
		font-size:1.0rem;
		line-height:0;
		letter-spacing:0.16em;
		background-color:#ff2688;
	}
		.common_btnstyle0 > span {
			font-size:12px;
			font-size:1.2rem;
			font-family: "MS Pゴシック",sans-serif;
			float:right;
			position:relative;
			top:1px;
			right:0px;
		}

	/* 1カラム　タイトル（GALLERY・SHOP） */
	.titleArea .inner {
		width: 982px;
		margin: 0 auto;
	}

	.titleArea h1 {
		font-family:'Lato-Regular', 'Hiragino Kaku Gothic ProN', Verdana, Meiryo, sans-serif;
		font-size: 28px;
		font-weight: normal;
		letter-spacing: 0.16em;
		background: transparent url(../../common/img/bg_title_border.gif) no-repeat 0 0;
		padding-top: 16px;
	}
}

/*tablet*/
@media screen and (max-width:1000px) and (min-width:641px){
	/*  header  */
	header {
		width:100%;
		margin:0 auto;
		padding-top:30px;
		padding-bottom:0px;
		padding-right:0;
	}
		header h1 {
			margin-right:0;
			margin-left:3%;
			float:none;
			margin-bottom:10px;
			float:left\9;
			position:relative;
			z-index:10;
		}
		header nav {
			position:relative;
			display:-webkit-box !important;
			display:-webkit-flexbox !important;
			display:-webkit-flex !important;
			display:-moz-flexbox !important;
			display:-moz-flex !important;
			display:-moz-box !important;
			display:box !important;
			display:flexbox !important;
			display:flex !important;
			display:block\9;
			padding-top:1px;
			top:1px;
			padding-left:3%;
			padding-right:3%;
			-webkit-justify-content:space-between;
			-moz-justify-content:space-between;
			justify-content:space-between;
			overflow:visible;
			overflow:hidden\9;
			background-color: rgba(255,255,255,0.5);
			-webkit-box-shadow:0 -25px 25px 20px rgba(255,255,255,0.5);
			-moz-box-shadow:0 -25px 25px 20px rgba(255,255,255,0.5);
			-ms-box-shadow:0 -25px 25px 20px rgba(255,255,255,0.5);
			box-shadow:0 -25px 25px 20px rgba(255,255,255,0.5);
		}
			header nav a {
				margin-left:3%\9;
				margin-right:0;
			}
			header nav a[href] {
				display:inline-block;
			}
			header nav a:nth-last-child(2) {
				margin-right:0;
				margin-right:5%\9;
			}
			header nav a:last-child {
				position:absolute;
				top:-50px;
				right:3%;
				position:relative\9;
				top:0\9;
				margin-left:0\9;
			}
	.titleArea .inner {
		width:100%;
	}
	.contentArea {
		width:100%;
	}
	.contentArea h1 {
		margin-left:3%;
		font-size:24px;
	}
	.topicpath p {
		width:98%;
		margin-left:2%;
	}
	.titleArea h1 {
		margin-left:2%;
	}
	.titleArea > .inner > p {
		margin-left:2%;
	}
	
	/* footer */
	footer {
		width:100%;
	}
		footer div {
			display:-webkit-box;
			display:-webkit-flexbox;
			display:-webkit-flex;
			display:-moz-flexbox;
			display:-moz-flex;
			display:-moz-box;
			display:box;
			display:flexbox;
			display:flex;
			-webkit-justify-content:space-between;
			-moz-justify-content:space-between;
			justify-content:space-between;
			padding-left:3%;
			padding-right:3%;
		}
			footer div .links0 {
				width:50%;
			}
				footer div .links0 li {
					margin-right:15%;
				}
			footer div .links1 {
				width:50%;
			}
				footer div .links1 li {
					margin-left:15%;
					float:right;
				}
		footer > a {
			margin-left:3%;
		}
		footer > small {
			margin-right:3%;
		}
}

/*smart*/
@media screen and (max-width:640px){
	/* header */
	header {
		height:83px;
		background-color:#fff;
		position:relative;
	}
		header h1 {
			float:left;
			margin:27px 0 0 4.328%;
		}
			header h1 > a > img {
				width:135px;
				height:33px;
			}
		header nav {
			width:100%;
			position:absolute;
			top:80px;
			z-index:1;
			overflow:hidden;
			background-color:#fff;
		}
			header nav a {
				font-family:'Lato-Regular', 'Hiragino Kaku Gothic ProN', Verdana, Meiryo, sans-serif;
				width:33%;
				display:block;
				float:left;
				padding:3% 0;
				font-size:3.0rem;
				letter-spacing:0.1em;
				text-align:center;
				background-color:#fff;
				box-sizing:border-box;
				border-top:solid 2px #e8e8e8;
				border-left:solid 2px #e8e8e8;
				color: #E5E5E5;
			}
			header nav a[href] {
				color: #555;
			}
			header nav a:nth-child(3) {
				line-height:1;
				padding:3% 0 2.2%;
			}
			header nav a:nth-child(3n) {
				border-right:solid 2px #e8e8e8;
			}
			header nav a:nth-child(3n+1) {
				clear:both;
			}
			header nav a:nth-child(3n-1) {
				width:34%;
			}
			header nav a:nth-last-child(-n+3) {
				border-bottom:solid 2px #e8e8e8;
			}
			header nav a:last-child {
				padding:2.96%;
			}
				header nav a:last-child img {
					display:inline;
					width:34%;
					height:auto;
					vertical-align:bottom;
				}
		header > img {
			width:90px;
			float:right;
			margin:32px 4.328% 0 0;
			white-space:nowrap;
		}
	/* pageTopBtn */
	.pageTopBtn {
		z-index:10;
		display:block;
		position:fixed;
		width:46px;
		height:46px;
		cursor:pointer;
		right:20px;
		bottom:20px;
	}
	/* footer */
	footer {
		margin:0 3% 50px;
		position:relative;
		overflow:hidden;
	}
		footer div {
			overflow:hidden;
			padding-top:40px;
		}
			footer div ul {
				overflow:hidden;
				padding-bottom:15px;
				margin-bottom:15px;
				font-size:3.0rem;
				border-bottom:solid 2px #eaeaea;
			}
			footer div .links0 {
				display:-webkit-box;
				display:-webkit-flex;
				display:-moz-flex;
				display:flex;
				-webkit-justify-content:space-between;
				-moz-justify-content:space-between;
				justify-content:space-between;
				-webkit-flex-wrap:wrap;
				-moz-flex-wrap:wrap;
				flex-wrap:wrap;
			}
				footer div .links0 li {
				}
			footer div .links1 {
			}
				footer div .links1 li {
					float:left;
				}
				footer div .links1 li:nth-child(2n+2) {
					float:right;
				}
				footer div .links1 li:nth-child(3n+3) {
					clear:both;
				}
				footer div ul li {
					letter-spacing:0.05em;
					white-space:nowrap;
				}
						footer div ul li a span {
							margin-right:2px;
							font-size:2.4rem;
							font-weight:bold;
							font-family: "MS Pゴシック",sans-serif;
							position:relative;
							right:0px;
							top:-2px;
						}
		footer > a {
			display:block;
			margin-top:-2.3%;
			float:right;
			position:relative;
			top:-50px;
		}
		footer > small {
			font-family:'Lato-Regular', 'Hiragino Kaku Gothic ProN', Verdana, Meiryo, sans-serif;
			font-size:1.8rem;
			text-align:center;
			display:block;
			letter-spacing:0.12em;
			clear:both;
			white-space:nowrap;
		}



		.topicpath {
			display: none;
		}
		.sideTitleArea h1 {
			text-align: center;
			font-size: 24px;
			font-family:'Lato-Regular', 'Hiragino Kaku Gothic ProN', Verdana, Meiryo, sans-serif;
			letter-spacing: 0.14em;
			padding-bottom: 10px;
		}
		.sideTitleArea h1:before {
			content: "";
			display: block;
			text-align: center;
			border-top: 1px solid #f6208b;
			width: 59px;
			margin: 20px auto;
		}
		.contentArea {
			width: 100%;
		}
		
	/* 赤いボタン */
	.common_btnstyle0 {
		display:inline-block;
		font-family:'Lato-Regular', 'Hiragino Kaku Gothic ProN', Verdana, Meiryo, sans-serif;
		width:240px;
		padding-top:2%;
		padding-bottom:2%;
		overflow:hidden;
		color:#fff;
		font-size:2.4rem;
		letter-spacing:0.16em;
		background-color:#ff2688;
		text-align:center;
		margin-left:-120px;
	}
		.common_btnstyle0 > span {
			display:none;
		}

	/* 1カラム　タイトル（GALLERY・SHOP） */
	.titleArea {
		background-color: #c0c4c6;
		padding: 20px 0 30px;
	}
	.titleArea h1 {
		text-align: center;
		font-size: 24px;
		font-family:'Lato-Regular', 'Hiragino Kaku Gothic ProN', Verdana, Meiryo, sans-serif;
		letter-spacing: 0.14em;
		padding-bottom: 10px;
	}
	.titleArea h1:before {
		content: "";
		display: block;
		text-align: center;
		border-top: 1px solid #f6208b;
		width: 59px;
		margin: 20px auto;
	}
}