@charset "utf-8";

/* ==================================================
Required to CMS-8341
================================================== */
.format_free #tmp_wrap_main {
	background: none;
}
#tmp_contents{
    font-size: 128.5%;
}
#tmp_contents h1 {
	margin:0 0 0.8em;
	clear:both; /* Do not edit */
}
#tmp_contents h2,
#tmp_contents h3,
#tmp_contents h4,
#tmp_contents h5,
#tmp_contents h6 {
	margin:1.5em 0 0.8em;
	clear:both; /* Do not edit */
}
#tmp_contents table {
	word-break: break-all;
}
#tmp_contents p {
	margin:0 0 0.8em 0; /* Do not edit */
}
#tmp_contents ul {
	margin:0 0 1em 3.2em; /* Do not edit */
	list-style-image:url(/shared/site_re/images/icon/list_icon.gif); /* Do not edit */
}
#tmp_contents ol {
	margin:0 0 1em 3.2em; /* Do not edit */
	list-style-image:none; /* Do not edit */
}
#tmp_contents ul li,
#tmp_contents ol li {
	margin:0 0 0.5em; /* Do not edit */
}
#tmp_contents ul ul,
#tmp_contents ul ol,
#tmp_contents ol ul,
#tmp_contents ol ol {
	margin:0.3em 0 0 1.5em; /* Do not edit */
}
#tmp_contents hr {
	height:1px; /* Do not edit */
	color:#CCCCCC; /* Do not edit */
	background-color:#CCCCCC; /* Do not edit */
	border:none; /* Do not edit */
	clear:both; /* Do not edit */
}
/* ==================================================
parts
================================================== */
/* img_cap
================================================== */
table.img_cap {
	margin:0 0 0.3em;
	border-collapse:collapse;
	border-spacing:0;
}
table.img_cap td {
	padding:0;
}
div.img_cap {
	margin:0 0 0.3em;
}
div.img_cap img {
	margin:0 !important;
}
/* outline
================================================== */
#tmp_contents .outline {
	margin:0 0 0.8em; /* Do not edit */
	border:1px solid #AABBCC;
	clear:both; /* Do not edit */	
}
#tmp_contents table.outline {
	width:100%; /* Do not edit */
	border-collapse:collapse; /* Do not edit */
	border-spacing:0; /* Do not edit */
}
#tmp_contents table.outline td {
	padding:10px 10px 0;
	color:inherit;
	background-color:#FFFFFF;
}
#tmp_contents div.outline {
	padding:10px 10px 0;
	color:inherit;
	background-color:#FFFFFF;
}
#tmp_contents .outline ul {
	margin-left:24px; /* Do not edit */
}
#tmp_contents .outline ol {
	margin-left:24px; /* Do not edit */
}
#tmp_contents .outline ul ul,
#tmp_contents .outline ul ol,
#tmp_contents .outline ol ul,
#tmp_contents .outline ol ol {
	margin:0.3em 0 0 24px; /* Do not edit */
}
/* box_btn
================================================== */
#tmp_contents ul.box_btn {
	margin:0 0 0.8em; /* Do not edit */
	padding:0;
	list-style:none;
	list-style-image:none;
}
#tmp_contents ul.box_btn li {
	margin:0 0 10px 0;
	padding:10px;
	color:inherit;
	background:url(/shared/templates/free_re/images/contents/box_bg.jpg) no-repeat left top;
	border:1px solid #BBCCDD;
}
/* box_info
================================================== */
#tmp_contents .box_info {
	margin:0 0 0.8em; /* Do not edit */
	border:1px solid #AABBCC;
	clear:both; /* Do not edit */
}
#tmp_contents table.box_info {
	width:100%; /* Do not edit */
	border-collapse:collapse; /* Do not edit */
	border-spacing:0; /* Do not edit */
}
#tmp_contents .box_info .box_info_ttl {
	padding:3px 7px;
	color:inherit;
	font-weight:bold;
	background-color:#DDEEFF;
	border-bottom:1px solid #BBCCDD;
}
#tmp_contents .box_info .box_info_ttl p {
	margin-bottom:0; /* Do not edit */
}
#tmp_contents .box_info .box_info_cnt {
	padding:10px 10px 0;
}
#tmp_contents .box_info ul {
	margin-bottom:0.8em; /* Do not edit */
	margin-left:24px; /* Do not edit */
}
#tmp_contents .box_info ol {
	margin-bottom:0.8em; /* Do not edit */
	margin-left:24px; /* Do not edit */
}
#tmp_contents .box_info ul ul,
#tmp_contents .box_info ul ol,
#tmp_contents .box_info ol ul,
#tmp_contents .box_info ol ol {
	margin:0.3em 0 0 24px; /* Do not edit */
}
/* box_link
================================================== */
#tmp_contents .box_link {
	margin:0 0 0.8em; /* Do not edit */
	border:1px solid #AABBCC;
	clear:both; /* Do not edit */
}
#tmp_contents table.box_link {
	width:100%; /* Do not edit */
	border-collapse:collapse; /* Do not edit */
	border-spacing:0; /* Do not edit */
}
#tmp_contents .box_link .box_link_ttl {
	padding:3px 7px;
	color:inherit;
	font-weight:bold;
	background-color:#DDEEFF;
	border-bottom:1px solid #BBCCDD;
}
#tmp_contents .box_link .box_link_ttl p {
	margin-bottom:0; /* Do not edit */
}
#tmp_contents .box_link .box_link_cnt {
	padding:10px 10px 0;
}
#tmp_contents .box_link ul {
	margin-bottom:0.8em; /* Do not edit */
	margin-left:24px; /* Do not edit */
}
#tmp_contents .box_link ol {
	margin-bottom:0.8em; /* Do not edit */
	margin-left:24px; /* Do not edit */
}
#tmp_contents .box_link ul ul,
#tmp_contents .box_link ul ol,
#tmp_contents .box_link ol ul,
#tmp_contents .box_link ol ol {
	margin:0.3em 0 0 24px; /* Do not edit */
}
/* box_menu
================================================== */
#tmp_contents .box_menu {
	margin:0 0 0.8em; /* Do not edit */
	background:url(/shared/templates/free_re/images/contents/box_bg.jpg) no-repeat left top;
	border:1px solid #AABBCC;
	clear:both; /* Do not edit */
}
#tmp_contents table.box_menu {
	width:100%; /* Do not edit */
	border-collapse:collapse; /* Do not edit */
	border-spacing:0; /* Do not edit */
}
#tmp_contents table.box_menu td {
	padding:5px 10px 0;
}
#tmp_contents div.box_menu {
	padding:10px 10px 0;
}
#tmp_contents .box_menu h2 {
	margin:0 0 0.8em;
	padding:0;
	color:inherit;
	font-size:100%;
	background:none;
	border:none;
}
#tmp_contents .box_menu ul {
	margin-bottom:0.8em; /* Do not edit */
	margin-left:24px; /* Do not edit */
}
#tmp_contents .box_menu ol {
	margin-bottom:0.8em; /* Do not edit */
	margin-left:24px; /* Do not edit */
}
#tmp_contents .box_menu ul ul,
#tmp_contents .box_menu ul ol,
#tmp_contents .box_menu ol ul,
#tmp_contents .box_menu ol ol {
	margin:0.3em 0 0 24px; /* Do not edit */
}

/* datatable 
   enquete_table
================================================== */
#tmp_contents table.datatable,
#tmp_contents table.enquete_table {
	margin:0 0 0.8em; /* Do not edit */
	color:inherit;
	background-color:#FFFFFF;
	border-collapse:collapse; /* Do not edit */
	border-spacing:0; /* Do not edit */
	border:1px solid #AABBCC;
	word-break: break-all;
}
#tmp_contents table.datatable th,
#tmp_contents table.enquete_table th {
	padding:5px 8px;
	color:inherit;
	background-color:#DDEEFF;
	border:1px solid #AABBCC;
}
#tmp_contents table.datatable td,
#tmp_contents table.enquete_table td {
	padding:5px 8px;
	border:1px solid #AABBCC;
}
#tmp_contents table.datatable caption,
#tmp_contents table.enquete_table caption {
	padding:0 0 0.5em; /* Do not edit */
	font-weight:bold; /* Do not edit */
	text-align:left; /* Do not edit */
}
#tmp_contents table.datatable p {
	margin:0; /* Do not edit */
}
#tmp_contents table.datatable ul,
#tmp_contents table.datatable ol,
#tmp_contents table.enquete_table ul,
#tmp_contents table.enquete_table ol {
	margin:0.2em 0 0 24px; /* Do not edit */
}
#tmp_contents table.datatable ul ul,
#tmp_contents table.datatable ul ol,
#tmp_contents table.datatable ol ul,
#tmp_contents table.datatable ol ol,
#tmp_contents table.enquete_table ul ul,
#tmp_contents table.enquete_table ul ol,
#tmp_contents table.enquete_table ol ul,
#tmp_contents table.enquete_table ol ol {
	margin:0.3em 0 0 24px; /* Do not edit */
}
#tmp_contents table.enquete_table {
	width:100%; /* Do not edit */
}
#tmp_contents table.enquete_table th {
	width:20%; /* Do not edit */
}
#tmp_contents table.enquete_table .nes,
#tmp_contents table.enquete_table .memo {
	color:#ae0036; /* base.css > Styles > .text_red */
	font-weight:normal; /* Do not edit */
	background-color:transparent; /* Do not edit */
}
/* form_btn */
#tmp_contents .enquete_button {
	margin:15px 0; /* Do not edit */
	text-align:center; /* Do not edit */
}
/* bgcolor */
/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
/* Setting by CMS sheets */
#tmp_contents table.datatable table th.bg_red {
	color:inherit;
	background-color:#feecec; /* shared.cssのbg_redと同じ値を設定 */
}
#tmp_contents table.datatable table th.bg_yellow {
	color:inherit;
	background-color:#fff9d5; /* shared.cssのbg_yellowと同じ値を設定 */
}
#tmp_contents table.datatable table th.bg_blue {
	color:inherit;
	background-color:#e7f5ff; /* shared.cssのbg_blueと同じ値を設定 */
}
#tmp_contents table.datatable table th.bg_green {
	color:inherit;
	background-color:#e6f8ea; /* shared.cssのbg_greenと同じ値を設定 */
}
#tmp_contents table.datatable table th.bg_gray {
	color:inherit;
	background-color:#f1f1f1; /* shared.cssのbg_grayと同じ値を設定 */
}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */

/* nest-datatable
================================================== */
#tmp_contents table.datatable table,
#tmp_contents table.enquete_table table {
	border:none; /* Do not edit */
}
#tmp_contents table.datatable table th,
#tmp_contents table.enquete_table table th {
	color:inherit; /* Do not edit */
	background-color:transparent; /* Do not edit */
	border:none; /* Do not edit */
}
#tmp_contents table.datatable table td,
#tmp_contents table.enquete_table table td {
	border:none; /* Do not edit */
}
#tmp_contents table.datatable table.datatable {
	border:1px solid #AABBCC; /* = table.datatable */
}
#tmp_contents table.datatable table.datatable th {
	color:inherit; /* Do not edit */
	background-color:#DDEEFF; /* = table.datatable th */
	border:1px solid #AABBCC; /* = table.datatable th */
}
#tmp_contents table.datatable table.datatable td {
	border:1px solid #AABBCC; /* = table.datatable td */
}

/* ==================================================
contents
================================================== */

/* ==================================================
clearfix
================================================== */
/* for modern browser */
#tmp_contents div.outline:after,
#tmp_contents div.box_info:after,
#tmp_contents div.box_info_ttl:after,
#tmp_contents div.box_info_cnt:after,
#tmp_contents div.box_link:after,
#tmp_contents div.box_link_ttl:after,
#tmp_contents div.box_link_cnt:after,
#tmp_contents div.box_menu:after,
#tmp_contents div.box_menu_ttl:after,
#tmp_contents div.box_menu_cnt:after,
#tmp_contents .box_photo:after,
#tmp_map:after,
#tmp_contents #tmp_facilities_btn:after,
#tmp_contents #tmp_facilities_btn ul:after,
#tmp_event_cal_tab:after,
#tmp_event_cal_tab ul:after,
#tmp_event_cal_refine:after,
#tmp_event_cal_refine_ttl:after,
#tmp_event_cal_refine_cnt:after,
#tmp_event_cal_refine_cnt dl:after,
#tmp_event_cal_refine_cnt dd:after,
#tmp_event_cal_refine_cnt dd ul:after,
#tmp_event_main:after,
#tmp_contents .event_col3:after,
#tmp_lnavi_event_cal:after,
#tmp_lnavi_event_cal_ttl:after,
#tmp_lnavi_event_cal_cnt:after,
#tmp_lnavi_event_cal .cal_navi:after {
	content: ""; /* Do not edit */
	display: table; /* Do not edit */
	clear: both; /* Do not edit */
}

/* ==================================================
基本
================================================== */
a{
	text-decoration:none;
}
ul, li{
	list-style:none;
	padding:0;
	margin:0;
}
figure{
	margin:0;
}
.sp-br{
	display:none;
}


/* ==================================================
title
================================================== */
#tmp_contents .nihongo_title{
	width:100%;
	position:relative;
	background: url("/shared/templates/nihongo/images/title.png") calc(50% - 193px) 62px no-repeat,url("/shared/templates/nihongo/images/title-img.png") calc(50% + 337px) 88px/356px auto no-repeat,url("/shared/templates/nihongo/images/title-bg.jpg") top center repeat-x;
    background-color: #cee9fa;
    padding: 253px 10px 57px;
}

#tmp_contents .nihongo_title:after{
	content:'';
	width:100%;
	height:2px;
	background:#ffffff;
	position:absolute;
	bottom:20px;
    left: 0;
}

#tmp_contents h1 {
	color:#222222;
	background:#fffa6a;
	border-radius:43.94px;
	text-align:center;
	padding:14px 10px 10px;
	margin-top:32px;
    max-width: 1090px;
    margin: 0 auto;
    font-size: 200%;
}
#tmp_contents h1 rt{
	font-size:40%;
}
/* ==================================================
content
================================================== */
#tmp_contents .nihongo_contents {
    margin-bottom: 76px;
}
#tmp_contents ul.nihongo_contents__list{
	margin:initial;
	width:100%;
	max-width:1200px;
	display:flex;
	flex-wrap:wrap;
	margin:0 auto;
	margin-top:80px;
}
.nihongo_content{
	width:25%;
	box-sizing:border-box;
	border-right:1px solid #9dead2;
	border-bottom:1px solid #9dead2;
	text-align: center;
}
#tmp_contents ul li.nihongo_content, #tmp_contents ol li.nihongo_content{
	margin:0;
	display: block;
	padding:30px 30px 20px 30px;
	box-sizing:border-box;
	width:25%;
    height: auto;
}
.nihongo_content:nth-child(4n){
	border-right:0;
}
.nihongo_content:nth-last-child(-n+4){
	border-bottom:0;
}
.nihongo_content a {
    color: inherit;
}
#tmp_contents .nihongo_content__img{
	max-width:195px;
	max-height:195px;
	margin:0 auto;
	margin-bottom:20px;
}
.nihongo_content__img img{
	width:100%;
	height:100%;
	border-radius: 50%;
	object-fit: cover;
	border:3px solid #fff;
	box-sizing:border-box;
}
.nihongo_content:hover .nihongo_content__img img{
	border:3px solid #4ae7b7;
	box-sizing:border-box;	
}
.nihongo_content__text{
	color:#333333;
	font-size: 133%;
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight:bold;
	margin-bottom:0;
	line-height:1.7;
	display: inline-block;
	text-align:left;
}
.nihongo_content:hover .nihongo_content__text{
	text-decoration:underline;
}
/* ==================================================
info
================================================== */
#tmp_contents .nihongo_info{
	width:100%;
	background:#cee9fa;
	position:relative;
}
#tmp_contents .nihongo_info h2 {
    display: inline-block;
    margin-top: 0;
    padding: 0 0 0 140px;
    background: url(/shared/templates/nihongo/images/info-title.png) left center no-repeat;
    font-size: 88.8%;
}
.nihongo_info:before, .nihongo_info:after{
	content:'';
	width:100%;
	height:2px;
	background:#fff;
	position:absolute;
}
.nihongo_info:before{
	top:20px;
}
.nihongo_info:after{
	bottom:20px;
}
.nihongo_info__inner{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	padding-bottom:85px;
	box-sizing:border-box;
}
.nihongo_info__title{
	text-align:center;
	font-size:300%;
	color:#0b5878;
	padding-top:80px;
    margin-bottom: 8px;
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.nihongo_info__title img{
	width:123px;
}
.nihongo_info__items{
	width:100%;
	display:flex;
	flex-wrap:wrap;
}
.nihongo_info__item{
	width:calc(33.33333% - 30px*2 /3);
	margin-right:30px;
	margin-bottom:34px;
	box-shadow:0 0 8px rgba(0,0,0,0.3);
	border-radius:5px;
	cursor:pointer;
	display:flex;
	flex-direction:column;
	background:#fff;
	overflow:hidden;
	box-sizing:border-box;
	position:relative;
}
.nihongo_info__item:hover:after {
	content: '';
	position: absolute;
	top:0;
	left: 0;
	width:100%;
	height:100%;
	border:5px solid #4ae7b7;
}
.no_javascript .nihongo_info__item:hover:after {
	display:none;
}
.nihongo_info__item:nth-child(3n){
	margin-right:0;
}
#tmp_contents .nihongo_info__img{
	position:relative;
	width:100%;
    margin: 0;
}

#tmp_contents .nihongo_info__img img{
    height: auto;
}
.nihongo_info__text{
	display: block;
	width:100%;
	font-size: 133.3%;
	padding:19px 24px 18px;
	box-sizing:border-box;
	border-radius:0 0 5px 5px;
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight:bold;
	color:#333333;
}
.nihongo_info__text a {
    color: inherit;
}
.nihongo_info__item:hover .nihongo_info__text{
	text-decoration:underline;
}
/* ==================================================
print
================================================== */
@media print {
body {
	background:#FFFFFF !important;
}
#tmp_wrapper {
	width:100% !important;
    background: none;
}
#tmp_header {
	margin-bottom:10px !important;
	padding-bottom:10px !important;
	color:#000000 !important;
	background:#FFFFFF !important;
}
#tmp_hlogo {
    position: relative;
    width: 190px;
}
.format_free #tmp_wrap_main {
    background: none !important;
}
#tmp_footer {
	margin-top:10px !important;
	padding-top:10px !important;
	color:#000000 !important;
	background:#FFFFFF !important;
	border-top:1px solid #000000 !important;
}
#tmp_means,
.gnavi,
.wrap_col_lft_navi,
.wrap_col_rgt_navi,
.pnavi,
.fnavi,
.fnavi2,
.plugin,
#tmp_social_plugins,
#tmp_inquiry_cnt .inquiry_btn,
#tmp_feedback,
#tmp_pankuzu {
	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;
}
/* for Firefox */
#tmp_main:after,
.col_nm:after {
	content:"."; /* Do not edit */
	height:1px; /* Do not edit */

}
}