/*
Theme Name: Attitude
Theme URI: http://themehorse.com/themes/attitude
Author: Theme Horse
Author URI: http://themehorse.com
Description: Attitude is a Simple, Clean and Responsive Retina Ready WordPress Theme which adapts automatically to your tablets and mobile devices. Theme is easily customizable with numerous theme options. Some of the highlighted options are two site layout (Narrow and Wide), 5 layouts for every post/page, 5 Page Templates, 5 widget areas, 4 custom widgets, featured slider to highlight your post/page, 11 social icons and many more. Also has custom background, header, menu, favicon, CSS, webclip icon, and logo. Supports popular plugins like Breadcrumb NavXT, WP-PageNavi and Contact Form 7. It is also translation ready. Available Translation: Traditional Chinese (Taiwan), Spanish, Norwegian (Nynorsk), Gerh4man, Russian, Dutch, Italian and Danish. Get free support on http://themehorse.com/support-forum/
Version: 1.2.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, light, blue, one-column, two-columns, three-columns, left-sidebar, right-sidebar, fluid-layout, custom-menu, custom-background, custom-header, featured-images, full-width-template, theme-options, threaded-comments, translation-ready, sticky-post
Text Domain: attitude

Attitude WordPress Theme, Copyright 2013 Theme Horse
Attitude is distributed under the terms of the GNU GPL
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */


/*common*/
.noto_font{
	font-family: 'Noto Sans', 'sans-serif';
	color:#333;
	font-size:32px;
	font-weight:bold;
	padding:10px 0;
}


.home p{
	margin:0;
}

.home .wrapper,
.home .container{
	max-width:none;
	width:100%;
	overflow:hidden;
}

.sp_none{
	display:block;
}

.pc_none{
	display:none;	
}

#main_wrap.wrapper{
	padding-top:60px;
	max-width:none;
}

#main_wrap{
	width:100%;
}

.content_wrap{
	margin:0 auto;
	padding-bottom:60px;
	width:calc(100% - 32px);
}

.site_btn{
	margin:0 auto;
	margin-top:30px;
	padding:10px;
	display:block;
	width:180px;
	color:#fff;
	text-align:center;
	border:1px solid #fff;
}

.color1{
    color: #FF6868;
}
.color2{

}
.color3{
    color: #FBA079;
}
.color4{
    color: #46DAFF;
}
.color5{
	
}
.color6{
	
}
.color7{
    color: #5FD889;
}
.color8{
    color: #9479FF;
}
.color9{
    color: #DBAF00;
}


@media screen and (min-width:768px){
	.sp_none{
		display:none;
	}
	.pc_none{
		display:block;	
	}

	#main_wrap.wrapper{
		padding-top:100px;
	}

	.content_wrap{
		padding-bottom:80px;
		width:1000px;
	}
}

/*header*/
#header{
	position:fixed;
	z-index:1000;
	width:100%;
	height:60px;
	background-color:#fff;
}

.head_wrap{
	position:relative;
	margin:0 auto;
	width:100%;
	height:60px;
	background-color:#fff;
}

.building_logo{
	margin-left:16px;
}

.building_logo a{
	display:block;
	padding:20px 0;
	width:175px;
}

.building_logo a img{
	margin:3px 0;
	diplay:block;
	width:100%;
}

.menu_btn{
	position:absolute;
	top:0;
	right:0;
}

.menu_btn .menu_stick{
	display:block;
	width:60px;
	height:60px;
	background-color:#333333;
}

.menu_btn .menu_stick span{
	position:absolute;
	left:calc(50% - 12px);
	display:block;
	width:25px;
	height:3px;
	background-color:#CACACA;
	transition:0.4s ease 0s all;
}

.menu_btn .menu_stick span:nth-of-type(1){
	top:30%;
}

.menu_btn .menu_stick span:nth-of-type(2){
	top:45%;
}

.menu_btn .menu_stick span:nth-of-type(3){
	top:60%;
	width:18px;
}

.menu_list{
	position:absolute;
	top:60px;
	display:none;
	width:100vw;
	height:100vh;
	padding:30px 0;
	background-color:#333333;
	overflow:scroll;
}

.menu_list a{
	color:#f7f7f7;
}

.menu_list_wrap{
	margin:0 auto;
	padding-bottom:120px;
	width:80%;
}

.menu_list_wrap .hover_area{
	padding-bottom:18px;
	border-bottom:1px solid #564f4f;
}

.menu_list_wrap .hover_area:last-of-type{
	border:none;
}

.icn{
	margin-right:10px;
	display:inline-block;
	width:20px;
	height:20px;
}

.icn img{
	margin-top:-3px;
}

.icn.arrow{
	width:15px;
	height:15px;
}

.icn.arrow img{
	margin-top:3px;
	transition:0.4s ease 0s all;
}

.main_menu{
	padding-top:18px;
	display:block;
	width:100%;
	font-weight:bold;
	font-size:15px;
	cursor:pointer;	
}

.sub_menu_list{
	display:none;
}

.sub_menu_list li a{
	padding:14px 0;
	display:block;
	width:100%;
	color:#e2e2e2;
	text-indent:40px;
	cursor:pointer;
}

.sub_menu_list li:first-of-type a{
	margin-top:7px;
}

.other_menu{
	padding-top:20px;	
}

.other_sub_menu{
	display:flex;
	justify-content: center;
	width:100%;
}

.other_sub_menu li a{
	padding:7px 6px;
	display:block;
	color:#fff;
	text-align:center;
}

.other_sub_menu li:nth-of-type(even) a:before{
	content:"/";
	margin-right:10px;
	display:inline-block;
	color:#656565;
}

.other_sub_menu:nth-of-type(1) li:nth-of-type(even) a:after{
	margin:0;
	margin-left:8px;
}

@media screen and (min-width:768px){
	#header{
		height:auto;
	　}
	
	.head_wrap{
		position:static;
		margin:0 auto;
		padding:20px 0;
		display:flex;
		width:1000px;
	}
	
	.building_logo{
		margin:0;
	}
	
	.building_logo a{
		padding:0;
		width:250px;
	}
	
	p.caption{
		margin:0;
		margin-bottom:5px;
		display:block;
		line-height:1;
		font-size:10px;
	}
	
	.menu_btn{
		display:none;	
	}
	
	.menu_list{
		position:static;
		margin:0;
		margin-top:20px;
		margin-left:auto;
		padding:0;
		display:block;
		width:620px;
		height:auto;
		background-color:transparent;
		overflow:visible;
	}
	
	.menu_list a{
		color:#333333;
		text-align:center;
	}
	
	.menu_list_wrap{
		position:static;
		margin:0;
		padding:0;
		display:flex;
		justify-content: space-between;
		width:100%;
	}

	.menu_list_wrap .hover_area{
		padding:0;
		height:auto;
		border:none;
	}

	.menu_list_wrap .hover_area:last-of-type{
		border:none;
	}

	#header .icn{
		display:none;
	}
	
	#header .main_menu{
		padding:15px 10px 30px 10px;
		width:100%;
		font-weight:normal;
	}

	#header .sub_menu_list{
		position:absolute;
		z-index:100;
		top:100px;
		left:0;
		padding:0;
		display:block;
		width:100%;
		max-height: 0;
		text-align:center;
		background-color:#f2f2f2;
		opacity:0;
		transition:0.4s ease 0s all;
		overflow:hidden;
	}
	
	#header .hover_area:hover>.sub_menu_list{
		z-index:500;
		padding:15px 0;
		display:block;
		max-height:9999px;
		opacity:1;
		transition:0.4s ease 0s all;
	}	

	#header .sub_menu_list li{
		display:inline-block;
	}
	
	#header .sub_menu_list li a{
		padding:12px;
		display:inline-block;
		width:auto;
		color:#333333;
		text-indent:0;
	}

	#header .sub_menu_list li:first-of-type a{
		margin:0;
	}

	#header .other_menu{
		position: absolute;
		top:0;
		left:calc(100% - 39%);
		padding:0;
		display:flex;
	}
	
	#header .other_menu:before,
	#header .other_menu:after{
		content:"";
		display:inline-block;
		width:0;
		height:0;
		border:17px solid #EAEAEA;
	}
	
	#header .other_menu:before{
		border-top-color:transparent;
		border-left-color:transparent;
	}
	
	#header .other_menu:after{
		border-right-color:transparent;
		border-bottom-color:transparent;
	}

	#header .other_sub_menu{
		background-color:#eaeaea;
	}
	
	#header .other_sub_menu:nth-of-type(1){
		width:275px;
	}
	
	#header .other_sub_menu:nth-of-type(2){
		display:none;
	}
	
	#header .other_sub_menu li a{
		padding:7px 10px;
		color:#333;
	}
	
	#header .other_sub_menu li:nth-of-type(even) a:before,
	#header .other_sub_menu:nth-of-type(2) li:nth-of-type(1) a:before{
		content:"|";
		display:inline-block;
		color:#656565;
	}

	#header .other_sub_menu li:nth-of-type(even) a:before{
		padding-right:8px;
	}
	
	#header .other_sub_menu:nth-of-type(1) li:nth-of-type(even) a:after{
		content:"|";
		padding-left:8px;
	}
	
	#header .other_sub_menu:nth-of-type(2) li:nth-of-type(1) a:before{
		padding-right:16px;
	}
	
}

/*footer*/
#footer{
	padding-top:40px;
	width:100%;
	background-color:#333333;
}

#footer .content_wrap{
	max-width:400px;
}

.footer_title{
	margin:0 auto;
	width:calc(100% - 32px);
	color:#fff;
	font-size:12px;
}

.footer_title:after{
	content:"";
	margin:5px 0;
	display:inline-block;
	width:80%;
	height:1px;
	background-color:#4c4c4c;
}

.f_menu_list{
	margin-left:20px;
	display:flex;
	flex-flow:row wrap;
	align-content: flex-start;
	align-self: flex-start;
	justify-content:space-around;
}

.f_menu_list_wrap:first-of-type{
	width:100%;
}

.f_menu_list_wrap .main_menu{
	text-indent:0;
	color:#f7f7f7;
	font-size:14px;
}

.f_menu_list_wrap .sub_menu_list {
	display:block;
}

.f_menu_list_wrap .sub_menu_list li a{
	padding:5px 0;
	color:#cecece;
	font-size:10px;
	text-indent:8px;
}

.access_wrap{
	margin-left:20px;
	color:#fff;
}

p.ac_title{
	margin-top:18px;
	display:block;
	width:100%;
	font-weight:bold;
	font-size:12px;
}

.ac_title+ul{
	margin-left:10px;
	margin-bottom:18px;
    color: #cecece;
}

#site-generator{
	margin-top:40px;
	padding:0;
	padding:30px 0 50px 0;
	background-color:#fff;	
}

#site-generator.company .other_sub_menu a{
	color:#333333;
}

.company_logo{
	margin:20px auto;
	width:40%;
}

.copyright{
	text-align:center;
}

@media screen and (min-width:768px){
	.foot_wrap{
		margin:0 auto;
		display:flex;
		width:1000px;
	}
	
	.foot_wrap .f_menu{
		width:60%;
	}
	.foot_wrap .access{
		width:40%;
	}
	
	.footer_title:after{
		width:85%;
	}
	
	.f_menu_list{
		margin:0;
	}
	
	.f_menu_list_wrap:first-of-type{
		width:auto;
	}
	
	.main_menu,
	.ac_title{
		font-size:14px;
	}
	
	.sub_menu_list{
		font-size:14px;
	}
	
	.access_wrap{
		margin-left:40px;
	}
	
	.company_logo{
		margin:20px auto;
		width:180px;
	}
}

/*top*/
#kv_area{
	position:relative;
}

.slider-header {
	position: absolute;
	width: 100%;
	height: 100%;
}
.slider-header div {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
}

.slick-dots{
    right: 0;
    bottom: 15px;
}

.slick-dots li button:before {
	content:"■";
	color:#4D2B0A;
	font-size: 5px;
}

#kv_area .y_wrap{
	position:absolute;
	right:-30%;
	width:100%;
	height:100%;
	display:none;
}

#kv_area .wht{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
	display:block;
	background-color:rgba(217,101,73,0.73);
	background-image:url(images/renewal2018/kv_bgi_logo.png);
	background-repeat: no-repeat;
	background-size:50%;
	background-position:bottom 10px right 10px;
}

#kv_area .content_wrap{
	position:relative;
	padding:0;
}

#kv_area .kv_title_area{
	margin:0 auto;
	padding:15% 0 20% 0;
	width:85%;
	text-align:center;
}

#kv_area .kv_title_area p.noto_font{
	padding:0;
	color:#f0f0f0;
	font-size:10px;
	letter-spacing: 10px;
	font-weight:normal;
	font-style: italic;
}

#kv_area .kv_title_area h1{
	padding:0;
	color:#f0f0f0;
	font-weight:bold;
    font-family: 'noto', 'Noto Sans';
	font-size:26px;
    line-height: 1.8;
    letter-spacing: 10px;
}

#kv_area .kv_title_area h1+p{
	margin:0 auto;
	margin-top:10px;
	padding:0;
	width:250px;
	color:#f0f0f0;
	text-align:left;
	font-size:10px;
}

#kv_area .kv_title_area h1+p a{
	margin:0 auto;
	margin-top:10px;
	padding:5px 0;
	display:block;
	width:150px;
	color:#f0f0f0;
	border-color:#f0f0f0;
}

.kv_title_area p:first-of-type:before {
    content: "";
}

.arrow_area{
	position:relative;
	margin-bottom:40px;
	padding-top:80px;
	width:100%;
	background-color:#fcfcfc;
}

.arrow_area:after{
	content: "";
	position: absolute;
	left: 0;
	display:block;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: #fcfcfc transparent transparent transparent;
	border-width: 60px 50vw 0 50vw;
	z-index: 100;
}

.arrow_area p{
	color:#333;
}

.t_about{
	display:none;
	background-color:#f4f0e9;
}
.t_about:after{
	display:none;
	border-top-color:#f4f0e9;
	background-color:#fcfcfc;
}
.t_charactor:after{
	background-color:#f4f1e6;
}
.t_sandv{
	background-color:#f4f1e6;
}
.t_sandv:after{ 
	border-top-color:#f4f1e6;
	background-color:#fcfcfc;
}
.t_news:after{ 
	background-color:#efeae6;
}
.arrow_area.t_link{
	padding-bottom:60px;
	margin-bottom:0;
	background-color:#efeae6;
}
.t_link:after{
	display:none;
}

.content_title{
	margin-bottom:50px;
	text-align:center;
}

.content_title:before{
	content:"";
	margin:0 auto;
	margin-bottom:15px;
	display:block;
	width:40px;
	height:20px;
	background-image:url("./images/renewal2018/brown_block.svg");
	background-position:center center;
	background-repeat:no-repeat;
}

.content_block img{
	margin:60px auto;
	display:block;
	width:80%;
}

.content_block .cnt_txt{
	line-height:2;
	text-align:center;
}

.cnt_btn{
	margin:0 auto;
	margin-top:30px;
	padding:10px;
	display:block;
	width:180px;
	color:#333;
	text-align:center;
	border:1px solid #333;
}

.cnt_btn.pc_none{
	display:none;
}

.cnt_btn.sp_none{
	display:block;
}

.chara_box{
	position:relative;
	margin:0 15px;
	margin-top:30px;
	padding:30px 20px 0 20px;
	width:calc(100% - 70px);
}

.chara_box:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:30%;
	height:1px;
	background-color:#cd5e42;
}

.chara_box img{
	margin:15px auto;
	disolay:block;
	width:50%;
	max-width:200px;
}

.chara_box h3{
	padding:10px 0;
	color:#a47c59;
	line-height:1.5;
	text-align:center;
	font-size:16px;
}

.more_btn{
	margin-top:20px;
	margin-left:auto;
	margin-right:-20px;
	padding:5px 20px;
	display:block;
	width:70px;
	color:#f0f0f1;
	textalign:center;
	background-color:#cd5e42;
}
.more_btn:after{
	content:"";
	margin-left:15px;
	display:inline-block;
	width:20px;
	height:10px;
	background-image: url("./images/renewal2018/more_arrow.svg");
	background-repeat:no-repeat;
	background-potisiton:center;
}

.t_sandv{
	background-image:url("./images/renewal2018/sandv_telescope.svg"),url("./images/renewal2018/sandv_line.svg");
	background-repeat:no-repeat,no-repeat;
	background-size:30%,40%;
	background-position:center bottom,32px 30px;
}

.t_sandv .content_wrap{
	padding-bottom:150px;
}

.t_sandv .cnt_txt{
	margin-top:30px;
}

.news_list{
	width:100%;
}

.news_list li{
	padding:15px 5px;
	display:flex;
	align-items: center;
	border-bottom:1px solid #efefef;
}

.news_list li span{
	margin-right:10px;
	padding:0 5px;
	color:#efefef;
	font-size:10px;
	text-align:center;
	background-color:#cd5e42;
}

.news_list li a{
	color:#333;
}

.news_list li:first-of-type{
	border-top:1px solid #efefef;
}

.slider{
	padding-bottom:150px;
}

.slider li{
	margin:0 10px;
	padding:0;
	width:250px;
	opacity:1;
	text-align:center;
	transition:0.3s ease 0s all;
}

.slider li:hover{
	opacity:0.7;
	transition:0.3s ease 0s all;
}

.slider li h5{
	font-size:14px;
}

.slider li a{
	color:#555;
}

.slider li img{
	margin:20px 0;
	width:100%;
}

.slick-prev{
	left:30%;
}

.slick-next{
	right:30%;
}

@media screen and (min-width:768px){
	#kv_area .content_wrap{
		position:relative;
		padding:0;
	}

	#kv_area .y_wrap{
		display:block;
		right: -18%;
	}
	
	#kv_area .wht{
		background-color:rgba(255,255,255,0.2);
		background-image:none;
	}
	
	.slick-dots{
		right: -450px;
		bottom: 40px;	
	}

	#kv_area .kv_title_area{
		margin:0;
		margin-left:auto;
		padding:120px 0;
		width:420px;
		background-image:url(images/renewal2018/kv_bgi_logo.png);
		background-repeat: no-repeat;
		background-size:65%;
		background-position:center top 120px;
	}

	#kv_area .kv_title_area h1{
		padding:20px 0;
		font-weight:bold;
		font-size:45px;
		line-height: 1.5;
		letter-spacing: 9px;
	}
	
	#kv_area .kv_title_area h1:before {
		display:none;
	}
	
	#kv_area .kv_title_area h1+p{
		margin:0;
		margin-left:auto;
		width:320px;
		line-height:1.8;
		font-size:14px;
		text-align:left;
	}
	
	#kv_area .kv_title_area p.noto_font{
		margin-bottom:0;
		padding:0;
		font-size:24px;
		letter-spacing: 10px;
		font-weight:normal;
		font-style: italic;
	}
	
	#kv_area .kv_title_area h1+p{
		margin-top: 10px;
		letter-spacing: 1px;
	}
	
	#kv_area .kv_title_area h1+p a{
		margin:0;
		margin-left:auto;
		margin-top:20px;
		padding:8px;
		display:block;
		width:150px;
	}
	
	.content_block img{
		width:600px;
	}
	
	.arrow_area{
		margin-bottom:60px;
		padding-top:150px;
	}
	.arrow_area:first-of-type{
		padding-top:120px;
	}

	.arrow_area:after{
		border-width: 80px 50vw 0 50vw;
	}
	
	.chara_box{
		margin:0 auto;
		margin-bottom:30px;
		padding:40px 0 60px 0;
		display:flex;
		width:640px;
	}

	.cnt_btn.pc_none{
		display:block;
	}

	.cnt_btn.sp_none{
		display:none;
	}

	.chara_box:before{
		width:120px;
	}

	.chara_box img{
		order:2;
		margin:0;
		margin:0 20px;
		disolay:block;
		width:180px;
	}
	
	.chara_box:nth-of-type(2) img{
		width:150px;
	}
	
	.chara_box:nth-of-type(3) img{
		width:185px;
	}
	
	.chara_desc{
		order:1;
		width:600px;
	}

	.chara_box h3{
		text-align:left;
	}
	
	.more_btn{
		position:absolute;
		right:0;
		bottom:0;
		margin-right:0;
		order:3;
		width:80px;
	}
	
	.more_btn:after{
		width:30px;
	}

	.t_sandv{
		background-repeat:no-repeat,no-repeat;
		background-size:120px,300px;
		background-position:center bottom,30% 40px;
		background
	}
	
	.t_news .content_wrap{
		margin:0 auto;
		display:flex;
		flex-flow:row wrap;
		align-items: center;
		width:800px;
	}

	.t_news .content_wrap .content_title{
		width:30%;
	}
	
	.t_news .content_wrap .content_block{
		width:70%;
	}
	
	.t_news .content_wrap .content_block li{
		padding:20px;
	}
	
	.t_news .content_wrap .content_block li span{
		margin-right:25px;
	}
	
	.slick-prev{
		left:45%;
	}

	.slick-next{
		right:45%;
	}
}

/*下層ページ*/
.container{
	width:100%;
}

#Ulheader{
	width:100%;
} 

#Ulheader .site_title_wrap{
	position:relative;
	padding:50px 10px;
	width:calc(100% - 20px);
	background-color:rgba(0,0,0,0.8);
}

#Ulheader h2{
	margin:0 auto;
	padding:40px 0;
	display:block;
	float:none;
	width:calc(100% - 32px);
	color:#fff;
	font-size:18px;
}

#Ulheader .site_title_wrap .noir{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.4);
}

#Ulheader h2:before{
	content:"";
	margin-right:15px;
	margin-bottom:-6px;
	display:inline-block;
	width:25px;
	height:25px;
	background-image: url("./images/renewal2018/ul_til_icon.svg");
	background-repeat:no-repeat;
	background-potisiton:center;
}

#Ulheader .breadcrumb_wrap{
	background-color:#949494;
}

#Ulheader .breadcrumb_wrap .breadcrumb{
	position:relative;
	margin-bottom:0;
	padding:10px 46px 10px 32px;
	float:left;
	width:calc(80% - 78px);
	color:#E2DCDC;
	font-size:10px;
	background-image: linear-gradient(250deg, transparent 10%, #932c1b 10%, #932c1b);
}

#Ulheader .breadcrumb_wrap .breadcrumb a{
	color:#E2DCDC;
}


.site_title_wrap{
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}

#Ulheader .tit_facility{
	background-image: url("./images/renewal2018/til_bg_facility2.jpg");
}

#Ulheader .tit_workspace{
	background-image: url("./images/renewal2018/til_bg_workspace.jpg");
}

#Ulheader .tit_reservation{
	background-image: url("./images/renewal2018/til_bg_reservation.jpg");
}

#Ulheader .tit_company{
	background-image: url("./images/renewal2018/til_bg_company.jpg");
}

#Ulheader .tit_news{
/*	background-image: url("./images/renewal2018/til_bg_news.jpg");*/
	background-color: #b92a2c;
}

#Ulheader .tit_access{
	background-image: url("./images/renewal2018/til_bg_access.jpg");
}

#Ulheader .tit_tenant{
	background-image: url("./images/renewal2018/til_bg_tenant.jpg");
}

#Ulheader .tit_adopt{
	background-image: url("./images/renewal2018/til_bg_adopt.jpg");
}

#Ulheader .tit_contact{
	background-image: url("./images/renewal2018/til_bg_contact.jpg");
}

#Ulheader .tit_save{
	background-image: url("./images/renewal2018/til_bg_save.jpg");
}

#main_wrap #main #container,
#container .content_wrap{
	margin-bottom:0;
	padding-bottom:0;
}

#container{
	width:100%;
	margin-top:40px;
}

#container #primary,
#container #secondary{
	float:none;
}

#container #primary{
	margin:0 auto;
	width:100%;
}

#container #primary,
#container #primary .primary-innner{
	margin-bottom:60px;
	padding-top:0;
}

#container #secondary{
	margin:0;
	padding:20px 0;
	width:100%;
	border:none;
	background-color:#f9f9f9;
}

#container #secondary .side-nav li.side-title,
#container #secondary .side-nav li.current,
#container #secondary .side-nav li:hover{
	background-color:transparent;
}

#container #secondary .side-nav{
	margin:20px;
	border-bottom:1px dashed #ddd;
}

#container #secondary .side-nav li,
#container #secondary .side-bn li{
	border:none;
}

#container #secondary .side-nav li.current{
	font-weight:bold;
}


#container #secondary .side-nav li a{
	text-indent:20px;
	background-image:none;
}

#main #container .btn{
	border:none;
}

#main #container .sec .btn{
	margin:0 auto;
	margin-bottom:0;
	margin-top:30px;
	display:block;
	width:260px;
}

#main #container #primary .flex-end{
	display:flex;
	flex-direction: column;
	justify-content:center;
}

.pri_title,
.oth_title{
	width:100%;
	padding:20px 0;
}

.pri_title:before{
	content:"";
	margin-right:15px;
	margin-bottom:-12px;
	display:inline-block;
	width:30px;
	height:30px;
	background-image: url("./images/renewal2018/content_til_icon.svg");
	background-repeat:no-repeat;
	background-potisiton:center;
}

#container .oth_title{
	color:#262626;
	border-color:#262626;
}

.oth_title:before{
	content:"";
	margin-right:15px;
	margin-bottom:-12px;
	display:inline-block;
	width:30px;
	height:30px;
	background-image: url("./images/renewal2018/other_til_icon.svg");
	background-repeat:no-repeat;
	background-potisiton:center;
}

#container #primary h2{
	padding:15px 0;
}

#container #primary h3{
	padding:8px 0;
	padding-left:15px;
	margin-bottom:0;
}

#container #primary .color4 a+br{
	display:none;
}

/*facility*/
.annex img,
.facility h4+p img{
	margin:50px auto;
	display:block;
}

.facility .m_photo_area img{
	margin-top:0px;
	margin-bottom:0px;
}

.facility ul{
	margin-bottom:30px;
}


/*shop*/

#main #container .shop .box-inner,
#main #container .shop p{
	margin-top:15px;
}

#main #container .shop .sec .btn{
	width:120px;	
}

#main #container .shop .sec03 .btn,
#main #container .introduction .sec .btn{
	width:260px;
}

/*space*/
.space_sec{
	margin-top:60px;
	
}

.space_sec h3{
	padding:10px 0;
}

.space_sec p{
	margin-top:15px;
}

.space_sec .btn{
	margin-top:30px;
	margin-left:auto;
}

.space_sec .img_area img{
	margin:0 auto;
	display:block;
	width:350px;
}
/*
.space_sec .img_area.piece2{
	display:flex;
	align-items: flex-start;
	justify-content: space-between;
}
.space_sec .img_area.piece2 img{
	display:block;
	width:49.5%;
}
*/

/*news*/
#primary a.readmore{
	margin-left:auto;
	padding:5px 10px;
	width:70px;
	display:block;
	border-radius:0;
}

/*meeting_room*/
#main #container .introduction .sec .box img[alt="フロアマップ"]{
	margin:0 auto;
	margin-top:30px;
	margin-bottom:15px;
	display:block;
}

#main #container .sec .m_photo_area{
	display:flex;
	flex-flow:row wrap;
}

#main #container .sec .m_photo_area div{
	margin-bottom:10px;
	width:calc(50% - 5px);
}
#main #container .sec .m_photo_area div:nth-of-type(even){
	margin-left:10px;
}

@media screen and (min-width:768px){
	#Ulheader .site_title_wrap{
		padding:100px 0;
		width:100%;
	}

	#Ulheader h2{
		padding:95px 0;
		width:1000px;
		font-size:24px;
	}

	#Ulheader .breadcrumb_wrap{
		width:100%;
		background-image: linear-gradient(250deg, transparent 50%, #932c1b 50%, #932c1b);
	}
	
	#Ulheader .breadcrumb_wrap .breadcrumb{
		margin:0 auto;
		padding:10px 0;
		float:none;
		width:1000px;
		text-align:left;
		font-size:12px;
		background-image: none;
	}

	#Ulheader .breadcrumb_wrap .breadcrumb a{
		color:#E2DCDC;
	}

	#main_wrap #main #container,
	#container .content_wrap{
		margin-bottom:30px;
		padding-bottom:60px;
	}

	
	#container{
		margin:0 auto;
		margin-top:60px;
		width:1000px;
	}
	
	#container #primary,
	#container #secondary{
		float:right;
	}

	#container #primary{
		width:680px;
	}

	#container #primary,
	#container #primary .primary-innner{
		margin-bottom:0;
	}

	#container #secondary{
		margin:0;
		padding:0;
		margin-right:30px;
		padding-right:30px;
		width:250px;
		box-sizing:border-box;
		border-right:1px solid #ddd;
		background-color:transparent;
	}

	#container #secondary .side-nav li.side-title,
	#container #secondary .side-nav li.current,
	#container #secondary .side-nav li:hover{
		background-color:transparent;
	}

	#container #secondary .side-nav{
		margin:0;
		padding-bottom:30px;
	}
	
	#container #secondary .side-bn{
		margin:20px 0;
	}
	
	#container #secondary .side-nav li,
	#container #secondary .side-bn li{
		border:none;
	}

	#container #secondary .side-nav li.current{
		font-weight:bold;
	}


	#container #secondary .side-nav li a{
		text-indent:20px;
		background-image:none;
	}	
	
	
	#main #container .sec .btn,
	#main #container .facility .sec .btn{
		margin:0;
		margin-left:auto;
		margin-bottom:10px;
	}
	
	#main #container .shop .sec07 .btn,
	#main #container .shop .sec08 .btn,
	#main #container .shop .sec09 .btn,
	#main #container .shop .sec10 .btn,
	#main #container .shop .sec11 .btn{
		margin-top:20px;
	}
	
	#main #container #primary .flex-end{
		display:flex;
		flex-direction: row;
		justify-content:flex-end;
	}
	#main #container #primary .flex-end div{
		margin-left:5px;
	}
	
	
	#main #container .sec .m_photo_area div　img{
		margin-right:auto;
		margin-left:0;
	}
	
	/*space*/
	.space_sec{
		margin-top:60px;

	}

	.space_sec h3{
		padding:10px 0;
	}

	.space_sec p{
		margin-top:15px;
	}

	.space_sec .img_area{
		display:flex;
		align-items: flex-start;
		justify-content: space-between;
	}
	
	.space_sec .img_area p{
		margin-left:15px;
	}
	
	.space_sec .img_area img{
		display:block;
		max-width:320px;
	}
}

/*2019.03.14 add*/
.newArea{
	margin:0 auto;
	margin-top:15px;
	padding:25px;
	display:flex;
	flex-flow:row wrap;
	align-items: center;
	justify-content: space-between;
	background-color:#f7f3e5;
}
.newArea .boxL{
	width:55%;
}
.newArea .boxL h3{
	padding:0 !important;
	border:none !important;
}
.newArea .boxL h3 + p{
	margin:0;
	margin-top:15px;
	line-height:1.7;
}
.newArea .boxL h3 + p a{
	text-decoration:underline;
	cursor:pointer;
}		
.newArea .boxL span{
	margin-bottom:5px;
	margin-right:10px;
	padding:5px;
	display:inline-block;
	color:#eee;
	font-size:12px;
	background-color:#F33231;
}	
.newArea .boxR{
	width:42%;
}
.newArea .boxR img{
	display:block;
	width:100%;
}
@media screen and (max-width:768px){
	.newArea{
		flex-direction:column;
		max-width:500px;
	}
	.newArea .boxL,
	.newArea .boxR{
		width:100%;
	}
	.newArea .boxR{
		margin:30px 0;
		padding-bottom:30px;
		border-bottom:1px solid #ccc;
	}
}

/*20190419 add*/
.pc{
	display:block;
}
.campaignBnr{
	margin-top:20px;
	display:flex;
	flex-flow:row wrap;	
	align-items:center;
	width:100%;
	box-sizing:border-box;
	border:1px solid #ddd;
	background-color:#fffdfd;
}
.campaignBnr.mgud{
	margin-top:-10px;
	margin-bottom:20px;
}
.campaignBnr > p{
	margin-bottom:0;
	padding:10px;
	display:flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width:260px;
	color:#FFF1F9;
	font-size:14px;
	letter-spacing:0.5px;
	text-align:center;
	background-color:#F23231;
}
.campaignBnr > p .noto_font{
	margin-bottom:15px;
	padding-bottom:15px;
	display:block;
	color:#FFF1F9;
	font-size:28px;
	border-bottom:1px dashed #FFF1F9;
}
.campaignBnr ul{
	padding:10px;
	width:calc(100% - 300px);
	font-size:14px;
	text-align:center;
}
.campaignBnr li{
	letter-spacing:0.5px;
}
.campaignBnr li:nth-of-type(1) span{
	color:#F23231;
	font-size:16px;
}
.campaignBnr li:nth-of-type(2){
	margin:10px 0;
}
.campaignBnr li span{
	margin:0 10px;
}
.campaignBnr .sPrice span:nth-of-type(1){
	text-decoration:line-through;
}	
.campaignBnr .sPrice span:nth-of-type(2){
	font-size:26px;
	font-weight:bold;
	background: linear-gradient(transparent 60%, #ffff66 40%);
}	
@media screen and (max-width:640px){
	.pc{
		display:none;
	}
	.campaignBnr{
		margin:0 auto;
		flex-direction:column;
		width:100%;
	}
	.campaignBnr p,
	.campaignBnr ul{
		width:calc(100% - 20px);
	}
}

/*20190419 add*/
.attention a{
  padding:10px 15px;
  display:inline-block;
  font-weight:bold;
	color:#e8f9df;
  background-color:#77bd1a;
}
.attention a:hover{
  opacity:0.7;
}