@charset "utf-8";

.display-sp {
	display:none !important;
}

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline;
	background:transparent;
	list-style-type:none;
	font-size: 16px;
	color:#000;
	font-family: "Meiryo UI", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Helvetica Neue", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.75em;
}

.webfont-noto700 {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:700;
}
.webfont-noto900 {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:900;
}
.webfont-roboto700 {
	font-family: 'Roboto', sans-serif;
	font-weight:0,700;
}
.webfont-roboto-italic {
	font-family: 'Roboto', sans-serif;
	font-style:italic;
	font-weight:1,900;
}

a {
	text-decoration: none;
	color:#000;
}

a:hover {
	color: #3476bf;
}

* {
	box-sizing:border-box;
	margin: 0;
	padding: 0;
}

img {
	vertical-align:bottom;
	width:100%;
	transition: all 0.3s ease 0s;
}

a[href^="tel:"] {
    pointer-events: none;
}

a:hover img {
  opacity: 0.75;
  transition: 0.3s ease-in-out;
}

body {
	position:relative;
}

/* -----------------------------------------------------------------------
　ヘッダー
--------------------------------------------------------------------------*/
header {
	padding:10px 20px;
	border-bottom:1px solid #ccc;
}

.header-inner {
	max-width:1200px;
	margin:0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header-logo {
	display:block;
	width:160px;
}

.go-to-top {
	display:inline-block;
	font-size:12.5px;
	position:relative;
	padding-top:13px;
}

.go-to-top::after {
	content: "";
    position: absolute;
    top:0;
    left: 50%;
    transform: translateX(-50%);
    border: 5px solid transparent;
    border-bottom: 8px solid #000;
}

.go-to-top:hover::after {
	border-bottom: 8px solid #3476bf;
}

/* -----------------------------------------------------------------------
　コルビュジエ展（トップページ）
--------------------------------------------------------------------------*/
.pana-caption {
	font-size:10px;
	padding-top:2px;
	text-align:right;
}

.link-btn-round-sankaku {
	display:block;
	background:#c2143e;
	width:190px;
	height:50px;
	margin:20px auto;
	border-radius:30px;
	transition: 0.2s ease-in-out;
}

.link-btn-round-sankaku2 {
	width:350px;
	margin-bottom:40px;
}

.link-btn-round-sankaku3 {
	width:380px;
	margin:40px auto 50px;
}

.link-btn-round-sankaku:hover {
	background:#de617f;
}

.link-btn-round-sankaku-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height:50px;
	padding:0 11px 0 31px;
}

.link-btn-round-sankaku-text,
.link-btn-round-sankaku-text-2 {
	font-size:15px;
	font-weight:bold;
	letter-spacing:1px;
	color:#fff;
}

.link-btn-round-sankaku-text-2 span {
	font-size:13px;
	color:#fff;
}


/* -----------------------------------------------------------------------
　コルビュジエ展（特設ページ）
--------------------------------------------------------------------------*/
.page-wrap {
	padding:50px 30px 40px;
}

.corbusier-inner {
	max-width:1100px;
	margin:10px auto 0;
}

.corbusier-title {
	font-size:33px;
	font-weight:bold;
	line-height:1.45;
	text-align:center;
	margin-bottom:15px;
}

.corbusier-date {
	font-size:20px;
	font-weight:bold;
	line-height:1.45;
	text-align:center;
	margin-bottom:28px;
}

.corbusier-main-img {
	max-width:900px;
	margin:0 auto 40px;
}

.corbusier-body-wrap {
	max-width:700px;
	margin:10px auto 40px;
}

.corbusier-body-text {
	font-size:17px;
	text-align: justify;
	margin-bottom:20px;
}

.exibition-wrap {
	display:flex;
	justify-content: space-between;
	margin:35px 0;
}

.exibition-img {
	width:49%;
}

.corbusier-works-box {
	border:3px solid #000;
	background:#fff;
	padding:45px 60px;
	margin:60px 0;
}

.corbusier-works-title {
	font-size:27px;
	font-weight:bold;
	margin-bottom:30px;
}

@media print, screen and (min-width: 1001px) {
	.zuroku-inner {
		display:flex;
		justify-content: space-between;
	}
	.zuroku-text-wrap {
		width:calc(100% - 350px);
	}
	.zuroku-wrap-pc {
		width:280px;
	}
	.zuroku-img-sp-tab {
		display:none !important;
	}
	.zuroku-img {
		margin-bottom:5px;
	}
	.zuroku-caption {
		font-size:14px;
		font-weight:bold;
		line-height:1.5;
		margin-bottom:3px;
	}
	.zuroku-caption-2 {
		font-size:13.5px;
	}
}
@media screen and ( max-width:1000px) {
	.zuroku-wrap-pc {
		display:none !important;
	}
	.zuroku-img-sp-tab {
		max-width:300px;
		margin:0 auto 30px;
	}
}

.zuroku-detail-box {
	margin:30px 0;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	padding:30px 0;
}

.zuroku-detail-title {
	font-size:17px;
	font-weight:bold;
	line-height:1.6;
	margin-bottom:16px;
}

.zuroku-detail-text {
	font-size:14.5px;
}

.konyu-midashi {
	font-size:20px;
	font-weight:bold;
	color:#335eb5;
	margin-bottom:3px;
}

@media print, screen and (min-width: 1001px) {
	.zuroku-info-box {
		border-top:1px solid #666;
		display:flex;
		justify-content: space-between;
		padding:40px 0;
		margin-bottom:50px;
	}
	.zuroku-info-box-left {
		width:55%;
	}
	.zuroku-info-box-prof {
		width:38%;
		background:#efefef;
		padding:20px 30px;
	}
	.zuroku-info-text {
		font-size:17px;
		line-height:2;
	}
	.zuroku-info-text-right {
		margin-top:20px;
		font-size:14px;
		text-align:right;
	}
	.zuroku-info-box-prof-title {
		font-size:14px;
		font-weight:bold;
		line-height:1.5;
		margin-bottom:10px;
	}
	.zuroku-info-box-prof-text {
		font-size:13px;
		line-height:1.5;
		text-align: justify;
	}
}
@media screen and (min-width:1001px) and ( max-width:1100px) {
	.zuroku-info-box-left {
		width:58%;
	}
	.zuroku-info-text {
		font-size:16px;
	}
}

@media screen and ( max-width:1000px) {
	.zuroku-info-box {
		border-top:1px solid #666;
		padding:30px 0;
		margin-bottom:40px;
	}
	.zuroku-info-box-left {
		margin-bottom:20px;
	}
	.zuroku-info-box-prof {
		background:#efefef;
		padding:20px 30px;
	}
	.zuroku-info-text {
		font-size:17px;
		line-height:2;
	}
	.zuroku-info-text-right {
		margin-top:20px;
		font-size:14px;
		text-align:right;
	}
	.zuroku-info-box-prof-title {
		font-size:14px;
		font-weight:bold;
		line-height:1.5;
		margin-bottom:10px;
	}
	.zuroku-info-box-prof-text {
		font-size:13px;
		line-height:1.5;
		text-align: justify;
	}
}

@media print, screen and (min-width: 1001px) {
	.zuroku-sample-wrap {
		display: flex;
		flex-wrap: wrap;
	}
	.zuroku-sample-box {
		width:48%;
		margin:0 2% 50px;
	}
	.zuroku-sample-box:nth-child(2n) {
    	margin-right:0;
	}
	.zuroku-sample-box:nth-child(2n+1) {
    	margin-left:0;
	}
	.zuroku-sample {
		border:1px solid #999;
		box-shadow: 3px 3px 5px rgba(0,0,0,0.1);
		margin-bottom:8px;
	}
	.zuroku-sample-caption {
		font-size:14px;
		font-weight:bold;
		text-align:center;
	}
}

@media screen and ( max-width:1000px) {
	.zuroku-sample-box {
		max-width:540px;
		margin:0 auto 50px;
	}
	.zuroku-sample {
		border:1px solid #999;
		box-shadow: 3px 3px 5px rgba(0,0,0,0.1);
		margin-bottom:8px;
	}
	.zuroku-sample-caption {
		font-size:13px;
		font-weight:bold;
		text-align:center;
	}
}

.corbusier-works-title-2 {
	font-size:27px;
	font-weight:bold;
	margin-bottom:30px;
	text-align:center;
}

@media print, screen and (min-width: 1001px) {
	.goods-body-wrap {
		max-width:700px;
		margin:0 auto 60px;
	}
	.goods-wrap {
		display: flex;
		flex-wrap: wrap;
	}
	.goods-box {
		width:48%;
		margin:0 2% 40px;
		border:2px solid #000;
		border-radius:10px;
		padding:30px 0 20px;
	}
	.goods-box:nth-child(2n) {
    	margin-right:0;
	}
	.goods-box:nth-child(2n+1) {
    	margin-left:0;
	}
	.goods-img {
		width:85%;
		margin:0 auto 20px;
	}
	.goods-name {
		font-size:16px;
		font-weight:bold;
		text-align:center;
	}
	.goods-price {
		font-size:13px;
		text-align:center;
	}
	.goods-price-left {
		font-size:13px;
	}
}
@media screen and ( max-width:1000px) {
	.goods-body-wrap {
		max-width:700px;
		margin:0 auto 60px;
	}
	.goods-wrap {
		max-width:540px;
		margin:0 auto;
	}
	.goods-box {
		width:100%;
		margin:0 2% 40px;
		border:2px solid #000;
		border-radius:10px;
		padding:20px 0 20px;
	}
	.goods-img {
		width:85%;
		margin:0 auto 10px;
	}
	.goods-name {
		font-size:15px;
		font-weight:bold;
		text-align:center;
	}
	.goods-price {
		font-size:13px;
		text-align:center;
	}
	.goods-price-left {
		font-size:12px;
	}
}
@media print, screen and (min-width: 1001px) {
	.goods-box-2 {
		border:2px solid #000;
		border-radius:10px;
		padding:50px 0 30px;
		margin-bottom:40px;
	}
	.goods-img-2-pc {
		width:93%;
		margin:0 auto 20px;
	}
	.goods-img-2-sp {
		display:none !important;
	}
	.goods-img-3-pc {
		width:92%;
		margin:0 auto 20px;
	}
	.goods-img-3-sp {
		display:none !important;
	}
}
@media screen and ( max-width:1000px) {
	.goods-box-2 {
		max-width:540px;
		border:2px solid #000;
		border-radius:10px;
		padding:20px 0 20px;
		margin:0 auto 40px;
	}
	.goods-img-2-pc {
		display:none !important;
	}
	.goods-img-2-sp {
		width:93%;
		margin:0 auto 20px;
	}
	.goods-img-3-pc {
		display:none !important;
	}
	.goods-img-3-sp {
		width:92%;
		margin:0 auto 20px;
	}
}

@media print, screen and (min-width: 1001px) {
	.chokkaku-box {
		border:2px solid #000;
		border-radius:10px;
		padding:40px;
	}
	.chokkaku-inner-01 {
		display: flex;
		justify-content: space-between;
		padding-bottom:30px;
		border-bottom:1px dotted #aaa;
		margin-bottom:60px;
	}
	.chokkaku-inner-01-left {
		width:54%;
	}
	.chokkaku-inner-01-right {
		width:42%;
		padding-top:60px;
	}
	.chokkaku-title {
		font-size:18px;
		font-weight:bold;
		line-height:1.4;
		margin-bottom:4px;
	}
	.chokkaku-body-wrap {
		margin-top:20px;
	}
	.chokkaku-body-text {
		font-size:15px;
		text-align: justify;
	}
	.chokkaku-inner-02 {
		display: flex;
		justify-content: space-between;
	}
	.chokkaku-inner-02-right {
		width:42%;
	}
	.chokkaku-img-03 {
		width:51%;
	}
	.chokkaku-img-04 {
		max-width:320px;
		margin:0 auto 70px;
	}
	.kiri-box-caption {
		padding-top:3px;
		font-size:13px;
		text-align:center;
	}
	.villa-tenji-caption {
		padding-top:6px;
		font-size:13px;
		line-height:1.5;
	}
	.villa-tenji-caption span {
		font-size:14px;
		font-weight:bold;
	}
	.bitonagi-caption {
		margin-top:30px;
		font-size:11px;
		line-height:1.6;
	}
}
@media screen and ( max-width:1000px) {
	.chokkaku-box {
		max-width:540px;
		border:2px solid #000;
		border-radius:10px;
		padding:40px;
		margin:0 auto;
	}
	.chokkaku-inner-01 {
		margin-bottom:60px;
	}
	.chokkaku-inner-01-left {
		width:100%;
	}
	.chokkaku-inner-01-right {
		width:100%;
		padding-top:30px;
	}
	.chokkaku-title {
		font-size:18px;
		font-weight:bold;
		line-height:1.4;
		margin-bottom:4px;
	}
	.chokkaku-body-wrap {
		margin-top:20px;
	}
	.chokkaku-body-text {
		font-size:15px;
		text-align: justify;
	}
	.chokkaku-inner-02 {
		width:100%;
	}
	.chokkaku-inner-02-right {
		width:100%;
		padding-bottom:50px;
	}
	.chokkaku-img-03 {
		width:100%;
	}
	.chokkaku-img-04 {
		max-width:270px;
		margin:0 auto 70px;
	}
	.kiri-box-caption {
		padding-top:3px;
		font-size:13px;
		text-align:center;
	}
	.villa-tenji-caption {
		padding-top:6px;
		font-size:13px;
		line-height:1.5;
	}
	.villa-tenji-caption span {
		font-size:14px;
		font-weight:bold;
	}
	.bitonagi-caption {
		margin-top:30px;
		font-size:11px;
		line-height:1.6;
	}
}

/* -----------------------------------------------------------------------
　フッター
--------------------------------------------------------------------------*/
footer {
	background:#efefef;
	padding:50px 0 30px;
}

.footer-inner {
	max-width:640px;
	margin:0 auto 40px;
	display:flex;
	justify-content: space-between;
}

.footer-logo {
	display:block;
	width:180px;
	padding-top:4px;
}

.footer-text-box {
	width:calc(100% - 220px);
}

.footer-company-name {
	font-size:14px;
	font-weight:bold;
}

.footer-company-address {
	font-size:14px;
}

.cory-right {
	font-size:13px;
	text-align:center;
}