@charset "utf-8";


/**************************************************
 Responsive
**************************************************/
@media screen and (max-width: 690px){
	
	
	
/**************************************************
 header
**************************************************/
.logoHanger{padding-left: 8px;}
.logoHanger img{width: 140px;}
	
	
	
/**************************************************
 wrapper
**************************************************/
#wrapper{padding-top: 100px;}

#wrapper::before{height: 330px;}
	
	
	
/**************************************************
 pageHeader
**************************************************/
#pageHeader{
	width: 100%;
	padding: 0 20px;
}

#pageHeader h1{
	font-size: 2.0rem;
	letter-spacing: 2px;
	-webkit-box-pack: center;
	justify-content: center;
}
#pageHeader h1 img{
	width: 40px;
	margin-right: 15px;
}
#pageHeader h1 small{
	display: block;
	width: 100%;
	font-size: 1.6rem;
	text-align: center;
	margin: 20px 0 0 0;
}
	
	
	
/**************************************************
 mainVisual
**************************************************/
.mainVisual{
	width: calc(100% - 20px);
	margin:  10px auto 30px auto;
	border-radius: 20px;
}
	
	
	
/**************************************************
 main
**************************************************/
main{
	width: 100%;
	padding: 0 20px;
}
	
#wrapper.s_exhibition article{padding-top: 70px;}
#wrapper.s_cooking article{padding-top: 95px;}	
article.bg{
	margin-top: 60px;
	padding: 10px 0 60px 0;
}
article.bg::before{
	width: calc(100% + 40px);
	left: -20px;
}

article h2{
	font-size: 1.8rem;
	padding: 20px 30px;
	border-radius: 10px;
	margin-top: 50px;
}
#wrapper.s_exhibition article h2,
#wrapper.s_exhibition article h2.style1{margin-top: 0;}
#wrapper.s_cooking article h2{margin-top: 0;}
	
article h3{
	font-size: 1.8rem;
	letter-spacing: 1px;
	margin-top: 30px;
	padding: 5px 0 5px 20px;
}
article h3::before{
	width: 6px;
	border-radius: 3px;
}

article h4{
	position: relative;
	font-size: 2.0rem;
	font-weight: 700;
	letter-spacing: 2px;
	line-height: 1.3;
	margin-top: 70px;
	padding: 0 0 0 35px;
}
article h4.style1{
	display: none;
	/*font-size: 2.4rem;
	margin-top: 160px;*/
}
article h4::before{
	width: 20px;
	height: 20px;
	top: 4px;
	left: 0;
	border-radius: 100%;
}
#wrapper.s_exhibition article h4::before{background: #027B5E;}
	
article h5{
	font-size: 1.6rem;
	letter-spacing: 1px;
	margin-top: 30px;
}
	
article p{
	padding-top: 0;
	font-size: 1.6rem;
}
	
article ul{
	padding-left: 20px;
}
article ul li{
	margin-top: 15px;
	font-size: 1.6rem;
}
	
.links{padding-top: 10px;}
.links li{margin-top: 20px;}
.links li a{
	font-size: 1.6rem;
	padding-left: 30px;
}
.links li a::before{
	width: 18px;
	height: 18px;
	background-size: 18px auto;
}
.links li.ex a::before{
	width: 24px;
	height: 24px;
	top: -1px;
	left: 1px;
	background: url("../../img/showroom/ex_icon.svg") no-repeat 0 0;
}
.links li a[href$=".pdf"]::before{
	width: 17px;
	height: 24px;
	top: -4px;
	background-size: 17px auto;
}
	
	
	
/**************************************************
 anchorLink
**************************************************/
.anchorLink{margin-top: 30px;}

.anchorLink p{
	font-size: 1.8rem;
	padding: 0 0 0 26px;
}
.anchorLink p::before{
	width: 16px;
	height: 16px;
	top: 1px;
}
.anchorLink.cooking p{line-height: 1.4;}
.anchorLink.cooking p::before{top: 3px;}

.anchorLink ul{padding-top: 10px;}
.anchorLink ul li{width: 100%;}
.anchorLink ul li:nth-of-type(2n){margin-left: 0;}
.anchorLink ul li a{
	padding: 20px 30px 20px 0;
	font-size: 1.6rem;
	letter-spacing: 1px;
}
.anchorLink ul li a::before{
	width: 20px;
	height: 20px;
	top: calc(50% - 10px);
}
#wrapper.s_exhibition .anchorLink ul li a::before{background-size: 8px auto;}
#wrapper.s_cooking .anchorLink ul li a::before{background-size: 8px auto;}
	
	
	
/**************************************************
 facility
**************************************************/
.facilityIntro{
	font-size: 1.6rem;
	letter-spacing: 0;
	line-height: 1.8;
	padding-top: 30px;
}

.figHanger{margin-top: 30px;}

.facilityPhoto{
	margin: 0;
	padding: 20px 20px 0 20px;
}
.facilityPhoto li{
	width: 100%;
	font-size: 1.2rem;
	margin-top: 30px;
}
.facilityPhoto li:nth-of-type(2n){margin-left: 0;}

.facilityInfo{ margin-top: 50px;}
.facilityInfo.yukadan::before{
	width: 100px;
	height: 136px;
	right: -10px;
	bottom: -25px;
}
.facilityInfo.multi::before{
	width: 78px;
	height: 136px;
	left: auto;
	top: auto;
	right: 15px;
	bottom: -10px;
}
.facilityInfo.cooking::before{
	width: 109px;
	height: 136px;
	right: 2px;
	bottom: -23px;
}
.facilityInfo.facilityInfo p strong{
	width: 90%;
	font-size: 3.5vw;
}
.facilityInfo.facilityInfo figure{padding: 20px 20px 0 20px;}
.facilityInfo.facilityInfo figure figcaption{
	width: 100%;
	font-size: 1.2rem;
	margin-top: 20px;
}
.facilityInfo.facilityInfo figure figcaption:nth-of-type(2){margin-left: 0;}
	
	
	
/**************************************************
 exhibition
**************************************************/
.note{
	padding-top: 40px;
	font-size: 1.6rem;
}

/*dl.ex1{margin-top: 50px;}
dl.ex1:first-of-type{margin-top: 20px;}
dl.ex1 dt{
	font-size: 1.6rem;
	letter-spacing: 1px;
}
dl.ex1 dd{font-size: 1.6rem;}*/

.exPhoto1{margin-top: 0;}
.exPhoto1 span{
	width: 100%;
	font-size: 1.2rem;
	margin: 35px 0 0 0;
	padding: 0 20px;
}

article p.ex{padding: 15px 0 20px 0;}

.functionItem{
	width: 100%;
	margin: 40px 0 0 0;
}
.functionItem:nth-of-type(2n){margin: 40px 0 0 0;}
.functionItem h5{
	font-size: 1.6rem;
	letter-spacing: 1px;
}
.functionItem p{font-size: 1.6rem;}
.functionItem p:nth-of-type(2){padding: 10px 20px 0 20px;}
.functionItem p img{margin-top: 20px;}
.functionHanger.style1 .functionItem:first-of-type,
.functionHanger.style2 .functionItem{margin: 40px 0 0 0;}
.functionHanger.style1 .functionItem:nth-of-type(2n){margin: 40px 0 0 0;}
.functionHanger.style1 .functionItem:nth-of-type(2n+3){margin: 40px 0 0 0;}
.functionHanger.style1 .functionItem p img{width: 100%;}
.functionHanger.style1 .functionItem p img:nth-of-type(2){margin-left: 0;}
.functionHanger.style2 .functionItem p img{
	width: 100%;
	margin-top: 20px;
}
.functionHanger.style2 .functionItem p img:nth-of-type(2n){margin-left: 0;}
	
/*.functionHanger dl{
	width: 100%;
	margin: 40px 0 0 0;
}
.functionHanger dl:nth-of-type(2n){margin: 40px 0 0 0;}
.functionHanger dl dt{
	font-size: 1.6rem;
	letter-spacing: 1px;
}
.functionHanger dl dd{font-size: 1.6rem;}
.functionHanger dl dd:nth-of-type(2){padding: 10px 20px 0 20px;}
.functionHanger dl dd img{margin-top: 20px;}
.functionHanger.style1 dl:first-of-type,
.functionHanger.style2 dl{margin: 40px 0 0 0;}
.functionHanger.style1 dl:nth-of-type(2n){margin: 40px 0 0 0;}
.functionHanger.style1 dl:nth-of-type(2n+3){margin: 40px 0 0 0;}
.functionHanger.style1 dl dd img{width: 100%;}
.functionHanger.style1 dl dd img:nth-of-type(2){margin-left: 0;}
.functionHanger.style2 dl dd img{
	width: 100%;
	margin-top: 20px;
}
.functionHanger.style2 dl dd img:nth-of-type(2n){margin-left: 0;}*/

article p.style1{padding-top: 45px;}
article p.style2{padding-top: 20px;}

.exImage{
	margin-top: 35px;
	padding: 0 20px;
}

.relatedLinks ul{padding: 80px 20px 0 20px;}
.relatedLinks ul li{
	width: 100%;
	margin: 20px 0 0 0;
}
.relatedLinks ul li a{
	font-size: 1.6rem;
	background-size: 18px auto;
}
	
	
	
/**************************************************
 cooking
**************************************************/
/*#housework::after,#event::after,#others::after{
	font-size: 1.2rem;
	letter-spacing: 0;
	top: 65px;
}
#event::after{top: 65px;}*/

#wrapper.s_cooking .tableHanger{
	overflow-x: scroll;
}
#wrapper.s_cooking table{
	margin: 0;
	border-spacing: 3px;
}
#wrapper.s_cooking table tbody{
	position: relative;
	top: -9px;
}
#wrapper.s_cooking table th{
	font-size: 1.6rem;
	padding: 20px 10px;
}
#wrapper.s_cooking table td{
	font-size: 1.6rem;
	padding: 15px 10px;
}
	
.scrollInfo{display: block;}

#housework p,#event p,#others p{padding-top: 20px;}

.cookingInfo{
	margin: 40px 0;
	padding: 30px 20px;
	font-size: 1.6rem;
}

#wrapper.s_cooking #form{padding-top: 65px;}
#wrapper.s_cooking #form h3{
	font-size: 1.8rem;
	letter-spacing: 1px;
	padding: 0 0 0 25px;
	margin-top: 0;
}
#wrapper.s_cooking #form h3::before{
	width: 16px;
	height: 16px;
	top: 3px;
}

.formHanger{
	margin-top: 30px;
	padding: 10px 20px 40px 20px;
	background: #FFFFFF;
	border-radius: 20px;
}
	
	
	
/**************************************************
 footer
**************************************************/
footer{margin-top: 50px;}
	
	
	
}