@charset "utf-8";

/* ==================================================
統計
================================================== */
#tmp_contents p {
	margin:0 0 0.8em;
	line-height: 1.75;
}
/* tokei_ttl
================================================== */
#tmp_tokei_ttl {
	margin:0 0 40px;
	border-top:4px solid #4f127f;
	border-bottom:4px solid #4f127f;
	position:relative;
}
#tmp_tokei_ttl .tokei_ttl_inner {
	position:absolute;
	z-index:1;
	top:50%;
	left:0;
	padding:26px 10px 26px 30px;
	background-color:rgba(79, 18, 127, 0.8);
	color:#ffffff;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	min-width:408px;
	max-width:530px;
}
#tmp_tokei_ttl .tokei_ttl_inner::after {
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	right:-67px;
	width:67px;
	background-color:rgba(79, 18, 127, 0.8);
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% 0, 0 100%);  
}
#tmp_tokei_ttl h1 {
	font-size:222.222%;
	line-height:1.5;
	max-height:100px;
	overflow-x:hidden;
	overflow-y:auto;
}
#tmp_tokei_ttl .ttl_en {
	font-family:Arial, Helvetica, sans-serif;
	font-size:133.33%;
	line-height:1.15;
	margin:0 !important;
}
#tmp_tokei_ttl .tokei_ttl_img {
	overflow:hidden;
	margin:0 !important;
}
/* tokei_info
================================================== */
.tokei_main {
	padding:0 0 50px;
}
#tmp_contents .tokei_info {
	clear:both;
}
#tmp_tokei_info_pickup {
	margin:0 0 60px;
}
#tmp_contents .tokei_info_ttl {
	position:relative;
	margin:0 0 10px;
}
#tmp_contents .tokei_info_ttl h2 {
	display:inline-block;
	line-height:1.25;
	background-color:#ffffff;
	color:#460e72;
	position:relative;
	background-repeat:no-repeat;
	background-position:right 30px bottom;
}
#tmp_contents .tokei_info_ttl::before {
	content:'';
	position:absolute;
	left:0;
	right:0;
	top:50%;
	height:2px;
	margin-top:-1px;
	background-color:#2c044c;
	color:#ffffff;
	z-index:-1;
}
#tmp_contents #tmp_tokei_info_pickup .tokei_info_ttl h2 {
	padding-right:120px;
	background-image:url(/shared/templates/tokei/images/pickup_ttl_en.png);
}
#tmp_contents #tmp_tokei_info_oshirase .tokei_info_ttl h2 {
	padding-right:160px;
	background-image:url(/shared/templates/tokei/images/info_ttl_en.png);
}
#tmp_contents .tokei_info_cnt .read_more p a {
	background:url(/shared/images/icon/icon_arrow_link.png) no-repeat left 11px;
	padding-left:24px;
}
#tmp_contents .tokei_info_cnt .nocnt {
	font-size:88.88%;
}

/* info_tbl */
#tmp_contents .info_tbl {
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
	font-size:88.88%;
}
#tmp_contents .info_tbl p {
	margin:0 !important;
}
#tmp_contents .info_tbl td {
	vertical-align:top;
	padding:5px 0;
}
#tmp_contents .info_tbl td.date {
	width:8.5em;
}
#tmp_contents .info_tbl td a {
	text-decoration:none;
	color:#222222;
}
/* tokei_link
================================================== */
#tmp_tokei_link {
	position:relative;
	z-index:1;
	padding:60px 0 40px;
	background:#eae5ee url(/shared/templates/tokei/images/link_bg.jpg) no-repeat left top;
	margin:50px 0 60px;
	clear:both;
}
#tmp_tokei_link::after {
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	width: calc(50% - 280px);
	background-color:#ffffff;
	-webkit-clip-path: polygon(120px 0, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(120px 0, 100% 0, 100% 100%, 0 100%);  
	z-index:-1;
}
#tmp_tokei_link ul,
#tmp_tokei_link ul li,
#tmp_tokei_link ul li a {
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
#tmp_tokei_link ul {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap:wrap;
	list-style:none;
	margin:0 -10px;
}
#tmp_tokei_link ul li {
	width:50%;
	margin:0 0 20px;
	padding:0 10px;
}
#tmp_tokei_link ul li a {
	position:relative;
	align-items: center;
	flex-grow:1;
	text-decoration:none;
	min-height:60px;
	padding:10px 20px;
	border:1px solid #4f127f;
	background-color:#ffffff;
	background-image:url(/shared/templates/tokei/images/link_btn_bg.png);
	background-repeat: no-repeat;
	background-position: right top;
	color:#222222;
	-webkit-background-size:270px 100%;
	-moz-background-size:270px 100%;
	background-size:270px 100%;
}
#tmp_tokei_link ul li span {
	display:inline-block;
	padding-left:24px;
	background-image: url(/shared/images/icon/icon_arrow_link_purple.png);
	background-repeat: no-repeat;
	background-position: left 0.5em;
}

/* ==================================================
accessibility style change:color
================================================== */
.color_blue #tmp_tokei_ttl .tokei_ttl_inner::after {
	background-color:#00008B !important;
}
.color_black #tmp_tokei_ttl .tokei_ttl_inner::after {
	background-color:#000000 !important;
}
.color_yellow #tmp_tokei_ttl .tokei_ttl_inner::after {
	background-color:#FFFF00 !important;
}
.color_blue #tmp_wrap_main #tmp_tokei_ttl h1,
.color_black #tmp_wrap_main #tmp_tokei_ttl h1,
.color_yellow #tmp_wrap_main #tmp_tokei_ttl h1 {
	border:none !important;
	padding:0 !important;
}
.color_blue #tmp_wrapper #tmp_contents .tokei_info_cnt .read_more p a,
.color_black #tmp_wrapper #tmp_contents .tokei_info_cnt .read_more p a,
.color_blue #tmp_tokei_link ul li span,
.color_black #tmp_tokei_link ul li span {
	background-image:url(/shared/images/icon/icon_arrow_link_wh.png) !important;
}
.color_yellow #tmp_wrapper #tmp_contents .tokei_info_cnt .read_more p a,
.color_yellow #tmp_tokei_link ul li span {
	background-image:url(/shared/images/icon/icon_arrow_link.png) !important;
}

/* ==================================================
print
================================================== */
@media print {
body {
	background:#FFFFFF !important;
}
#tmp_wrapper {
	width:100% !important;
    min-width: auto;
}
#tmp_wrapper img {
	-webkit-animation: none;
	-moz-animation: none;
	animation: none;
}
#tmp_header {
	border-top:none !important;
	margin:0 0 10px !important;
	padding:0 0 10px !important;
	color:#000000 !important;
	background:#FFFFFF !important;
	border-bottom:1px solid #000000 !important;
}
#tmp_hlogo h1,
#tmp_hlogo p {
	background: transparent !important;
	width: auto;
	height: auto;
	color: #222222;
}
#tmp_hlogo a {
	width: auto;
	height: auto;
	text-decoration: none !important;
	color:#000000 !important;
}
#tmp_hlogo h1 span,
#tmp_hlogo p span {
	width: auto;
	height: auto;
	z-index: 1;
}
.fixed_header #tmp_header {
	position: relative;
	top: 0;
}
#tmp_footer {
	margin:10px 0 0 !important;
	padding:10px 0 0 !important;
	color:#000000 !important;
	background:#FFFFFF !important;
	border-top:1px solid #000000 !important;
}
.footer_logo p,
.footer_logo p span {
	width: auto;
	height: auto;
	background: transparent !important;
	z-index: 1;
	color: #222222;
}
.footer_lft {
	width:100%;
	float:none;
	padding:0;
}
.footer_contact {
	padding-left: 0;
	background: transparent !important;
}
#tmp_about_setagaya .thumb_item_wrap .img {
	flex: 0 0 245px;
}
.container {
	max-width:none;
	padding: 0;
}
.col_main {
	padding: 0;
}
.gnavi,
.wrap_col_lft_navi,
.wrap_col_rgt_navi,
.pnavi,
.fnavi,
.plugin,
#tmp_wrap_lnavi,
#tmp_social_plugins,
#tmp_inquiry_cnt .inquiry_btn,
#tmp_feedback,
#tmp_pankuzu,
#tmp_settings,
#tmp_anchor,
#tmp_anchor_lib,
.sec_about_setagaya,
.box_recommend.js_scroll,
.box_recommend,
.footer_rgt,
.footer_access,
#tmp_tokei_link {
	display:none !important;
}
.wrap_col_nm,
.column_lnavi .wrap_col_main,
.column_rnavi .wrap_col_main {
	float:none !important;
}
body,
#tmp_pankuzu {
	background:none !important;
}
.wrap_col_nm,
.wrap_col_nm2,
.col_main {
	margin:0 !important;
	padding:0 !important;
}
#tmp_contents .box_gmap {
	margin:0;
	padding:170px 0 0 0;
	position:relative;
	top:-170px;
	page-break-before:always;
}
.copyright {
	text-align:left !important;
}
}