@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/

/*corporate color ＝ #B2243C*/

/*smooth scroll*/
html {
    scroll-behavior: smooth;
}

img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */


/*-----sp_pc display change-----*/
.pc_visible {display:none !important;}
.sp_visible {display:block !important;}
@media print, only screen and (min-width: 769px) {
.pc_visible {display:block !important;}
.sp_visible {display:none !important;}
}

/*----- fix menu -----*/
header{
    background: #FFF;
    position: relative;
    width: 100%;
	z-index:100;
	border-bottom: 1px solid #ddd;
  }
/*  .g-nav{*/
.pc_navigation{
    width: 100%;
    z-index: 10;
  }
.menu{
    text-align: center;
  }
.menu li{
    color: #fff;
    list-style-type: none;
    display: inline-block;
    /*line-height: 80px;*/
  }
  
.menu .nav_ico{
	display:block;
	height:30px;
}
.menu .nav_ico img{
	height:100%;
}
.fixed{
    position: fixed;
    top: 0;
    left: 0;
  }
.fixed .menu li{
    /*line-height: 40px;*/
  }



#menu {
  text-align: center;
  background-color: #555;
  color: #fff;
  height: 50px;
  line-height: 50px;
}
.h100{
  height: 100px;
}
/*----- LAYOUT -----*/
.wrapper { width:96%; margin:0 auto; padding:0; background-color:#FFF;}
@media print, only screen and (min-width: 769px) {
.wrapper { width:100%; margin:0; padding:0; background-color:#FFF;font-size:16px;}
}
.col_l70, col_l65, .col_l60, .col_l50, .col_l40, col_l35, coll_30, colr_70, col_r65, col_r60, col_r50,col_r40, col_r35, col_r30 {
	width:96%; float:none; margin:0 2%; padding:0;}

section { display:block; margin:0; width:100%;}
a{word-break: break-all;}

li.col_33{ width:98%; margin:1%;}

@media print, only screen and (min-width: 769px) {
	
.wrapper { width:100%; max-width:1200px; margin:0 auto; padding:0; background-color:#FFF;}

.col_l70 { width:68%; float:left; margin:0; padding:1%;}
.col_l65 { width:63%; float:left; margin:0; padding:1%;}
.col_l60 { width:58%; float:left; margin:0; padding:1%;}
.col_l50 { width:48%; float:left; margin:0; padding:1%;}
.col_l40 { width:38%; float:left; margin:0; padding:1%;}
.col_l35 { width:33%; float:left; margin:0; padding:1%;}
.col_l30 { width:28%; float:left; margin:0; padding:1%;}

.col_r70 { width:68%; float:right; margin:0; padding:1%;}
.col_r65 { width:63%; float:right; margin:0; padding:1%;}
.col_r60 { width:58%; float:right; margin:0; padding:1%;}
.col_r50 { width:48%; float:right; margin:0; padding:1%;}
.col_r40 { width:38%; float:right; margin:0; padding:1%;}
.col_r35 { width:33%; float:right; margin:0; padding:1%;}
.col_r30 { width:28%; float:right; margin:0; padding:1%;}

li.col_33 { width: calc(98% / 3);; float:left; margin:1% 0;}
li.col_33 {padding:1% 1% 1% 0;}
li.col_33:last-child{padding-right:0;}
}

.mb-1 {margin-bottom:10px;}
.mb-2 {margin-bottom:20px;}
.mb-3 {margin-bottom:30px;}
.mb-4 {margin-bottom:40px;}
.mb-5 {margin-bottom:50px;}

/*----- header contents -----*/

#head_pc {
	display:none;
}

.head_logo{
    width: 280px;
    height: 42px;
    margin: 6px 0 0 10px;
    position: absolute;
}
#head_navi{
	display: block;
	width:100%;
	height:50px;
	margin:0;
}

img.ico_pdf{
	width:20px;
	height:30px;
	margin: 4px;
}

@media print, only screen and (min-width: 769px) {
#head_pc {
	display:block;
	width: 100%;
	max-width:1200px;
	height: 90px;
	padding:0;
	/*margin-bottom: 12px;*/
	border-radius: 0 0 10px 10px;
	margin:0 auto;
	z-index: 100;
}
.headtxt{
	display: block;
    text-align: center;
    height: 24px;
    padding: 8px;
    color: #FFF;
    background-color: #4F1A66;
    width: 6em;
    float: right;
    border-radius: 8px;
    margin-top: 6px;
} 
.headtxt a, .headtxt a:hover{
	color:#FFF;
	text-decoration: none;
}
.head_logo{
    width: 32%;
	max-width: 320px;
    height: 60px;
    margin: 10px 0 0 0;
    top: 0px;
    position: absolute;
}
#head_navi{
	display: none;
}

}

#head_navi img.head_logo{
	width:92px;
	height:40px;
	margin:0 0 0 20px;
}

.head_logo h1{
	margin: -5px 0 0 22%;
	font-size: 0.8em;
	padding:0;
	float:left;
	color: #6C2782;
}
.btn_lang_pc{
	display:block;
	width:100%;
	height:1.5em;
	color:#4F1A63;
	border-radius: 20px;
	margin-top:4px;
}
.btn_lang_pc ul{
	display:block;
	width:400px;
	float:right;
}
.btn_lang_pc li{
	display:block;
	/*width:100px;*/
	float:right;
	font-size: 0.9em;
}
.btn_lang_pc a,
.btn_lang_pc a:visited{
	color:#4F1A63;
	text-decoration:none;
}
.btn_lang_pc a:hover{
	color:#4F1A63;
	text-decoration:none;
}
.btn_lang_pc a:active{
	color:#B390ED;
	text-decoration:none;
}
.sign{
	width:300px;
	float: right;
	padding:6px;
}
#title { display: block;width: 96%;padding: 0 2%;border: 1px solid #6C2782;border-radius: 10px 10px 10px 0;margin: 0 auto;}
/*------- TITLE AREA -------*/
@media print, only screen and (min-width: 769px) {
#title { display:block; width : calc(100% - 40px); padding: 0 20px; border: 1px solid #6C2782; border-radius: 10px 10px 10px 0; background-color:#F6F6F6;/*max-height:100px; background-image:url(../img/titleback.jpg); background-repeat:no-repeat; background-position:center;*/}
}
.headlogo { /*height:60px;*/}
.headlogo img { height:100%; float:left; margin-right:20px;}
.headlogo h1 { font-weight:bold; font-size:1.4em; color:#6C2782;/*color:#FFF; text-shadow:#000000 0 0 8px;*/ text-align:left;}

@media print, only screen and (min-width: 769px) {

.headlogo {/* height:80px;*/}
.headlogo img { height:100%; float:left; margin-left:40px;}
.headlogo h1 { font-weight:bold; font-size:2em; text-align:left;}

}


/*------------ NAVI BTN --------------*/

/* SP navigation */

.sp_navigation {
	width:100%;
	float:none;
}

.menu {
    position: relative;
    width: 100%;
    /*height: 50px;
    max-width: 1000px;*/
    margin: 0 auto;
}

/*.menu > li {
    float: left;
    width: 25%;
    height: 50px;
    line-height: 50px;
    background: rgb(29, 33, 19);
}*/

.menu > li a {
    display: block;
    color: #fff;
	text-decoration:none;
}

.menu > li a:hover {
    color: #999;
}

ul.menu_second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

ul.menu_third-level {
    visibility: hidden;
    opacity: 0;
}

ul.menu_fourth-level {
    visibility: hidden;
    opacity: 0;
}

.menu > li:hover {
    background:#E2ACE1;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.menu_second-level li {
    border-top: 1px solid #111;
}

.menu_third-level li {
    border-top: 1px solid #111;
}

.menu_second-level li:hover {
    background: #46114A;
}

.menu_third-level li a:hover {
    background: #2a1f1f;
}

.menu_fourth-level li a:hover {
    background: #1d0f0f;
}

/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}

.sp_navi_btn{
	display:block;
	width:20%;
	padding:1% 2.5%;
	float:left;
	color:#FFF;
	text-align:center;
}
.sp_navi_btn img{
	height:40px;
	padding:2.5%;
	width:100%;
	float:left;
	color:#FFF;
	margin:0 auto;
}
.sp_navi_btn p{
	clear:both;
	text-align:center;
	color:#FFF;
	font-size:0.9em;
	margin:0;
}


li.menu_mega ul.menu_second-level {
    position: absolute;
    /*top: 40px;*/
    left: 0;
    box-sizing: border-box;
    width: 100%;
    padding: 0 2%;
    background:#7D369F;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

li.menu_mega .cat_ttl:hover ul.menu_second-level {
    /*top: 100px;*/
    visibility: visible;
    opacity: 1;
}

li.menu_mega ul.menu_second-level > li {
    float: left;
    width: 32%;
	font-size:0.9em;
	display:block;
    border: 1px solid #FFF;
	padding: 1.5em 0;
	margin:8px 0;
}

/*li.menu_mega ul.menu_second-level > li:nth-child(3n+2) {
    margin: 8px 1%;
}*/


@media print, only screen and (min-width: 769px) {

/* pc navigation */
.pc_navigation {
	width:50%;
	float:left;
	margin: 0 0 0 34%;
	height:0;
}

.menu {
    position: relative;
    width: 100%;
    /*height: 50px;*/
    max-width: 1000px;
    margin: 0 auto;
	z-index: 10;
}

/*.menu > li {
    float: left;
    width: 25%;
    height: 50px;
    line-height: 50px;
    background: rgb(29, 33, 19);
}*/

.menu > li a {
    display: block;
    color: #6C2782;
	text-decoration:none;
}

.menu > li a:hover {
    color: #FFF;
}

ul.menu_second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

ul.menu_third-level {
    visibility: hidden;
    opacity: 0;
}

ul.menu_fourth-level {
    visibility: hidden;
    opacity: 0;
}


.menu > li:hover {
    background:#E2ACE1;
    -webkit-transition: all .5s;
    transition: all .5s;
	border-radius: 8px 8px 0 0;
}

.menu_second-level li {
    border-top: 1px solid #111;
}

.menu_third-level li {
    border-top: 1px solid #111;
}

.menu_second-level li:hover {
    background: #6C2782;
}

.menu_third-level li a:hover {
    background: #6C2782;
}

.menu_fourth-level li a:hover {
    background: #6C2782;
}

/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}

.pc_navi_btn{
	display:block;
	width:24%;
	height:34px;
	padding:5px 0;
	float:left;
	color:#FFF;
	text-align:center;
}
.pc_navi_btn img{
	height:26px;
	padding:2.5%;
	float:left;
	color:#FFF;
	margin:0 auto;
}
.pc_navi_btn p{
	text-align:center;
	color:#6C2782;
	font-size:0.9em;
	font-weight: 600;
	margin:0;
	line-height: 36px;
}

li.menu_mega .cat_ttl{
	padding:0 10%;

}

li.menu_mega ul.menu_second-level {
    position: relative;
    top: -20px;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    padding: 2px 4%;
    background:#E2ACE1;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

li.menu_mega:hover ul.menu_second-level {
	top: 2px;
	visibility: visible;
	opacity: 1;
	border-radius: 0 0 10px 10px;
}

li.menu_mega ul.menu_second-level > li {
	float: left;
	width: 100%;
	font-size: 0.8em;
	display: block;
	border: 1px solid #FFF;
	padding: 0.4em 0;
	margin: 2px 0;
	border-radius: 4px;
	background-color: #FFF;
}
li.menu_mega ul.menu_second-level > li:hover {
	background-color: #6C2782;
}

/*li.menu_mega ul.menu_second-level > li:nth-child(3n+2) {
    margin: 2px 1%;
}*/

}



/*------- BREAD -------*/

.cp_breadcrumb *, .cp_breadcrumb *:after, .cp_breadcrumb *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_breadcrumb {
	overflow: hidden;
	width: calc( 100% + 2px);
	margin: 0 auto 1em;
	padding: 0;
	list-style: none;
	font-size:0.7em;
}

@media print, only screen and (min-width: 769px) {
.cp_breadcrumb {
	overflow: hidden;
	width: 100%;
	margin: 0 auto 1em;
	padding: 0;
	list-style: none;
	font-size:0.8em;
}
}
.cp_breadcrumb li {
	display: inline-block;
	padding: 0;
	margin: 0 0 0.5em 0;
}
.cp_breadcrumb a {
	position: relative;
	display: inline-block;
	margin: 0;
	/*padding: 0.7em 1em 0.7em 2em;*/
	padding: 0.4em 0.4em 0.4em 1em;
	text-decoration: none;
	color: #ffffff;
	background-color: #6C2782;
}
.cp_breadcrumb li:first-child a {
	padding-left: 1em;
	border-radius: 0 0 0 10px;
}
.cp_breadcrumb a::after,
.cp_breadcrumb a::before {
	position: absolute;
	top: 50%;
	right: -0.9em;
	margin-top: -1.1em;
	content: '';
	border-top: 1em solid transparent;
	border-bottom: 1.1em solid transparent;
	border-left: 1em solid;
	}
.cp_breadcrumb a::after {
	z-index: 2;
	border-left-color: #6C2782;
}
.cp_breadcrumb a::before {
	z-index: 1;
	right: -1.3em;
	border-left-color: #ffffff;
}
.cp_breadcrumb li:nth-child(2) a       { background:        #9562A8; }
.cp_breadcrumb li:nth-child(2) a:after { border-left-color: #9562A8; }
.cp_breadcrumb li:nth-child(3) a       { background:        #B38BC1; }
.cp_breadcrumb li:nth-child(3) a:after { border-left-color: #B38BC1; }
.cp_breadcrumb li:nth-child(4) a       { background:        #C3A5CE; }
.cp_breadcrumb li:nth-child(4) a:after { border-left-color: #C3A5CE; }
.cp_breadcrumb li:nth-child(5) a       { background:        #D5C3DD; }
.cp_breadcrumb li:nth-child(5) a:after { border-left-color: #D5C3DD; }

.cp_breadcrumb li:last-child a {
	cursor: default;
	pointer-events: none;
	color: black;
	background:        #EEE;
	border-radius: 0 0 10px 0;
}
.cp_breadcrumb li:last-child a:hover {
	background: none;
}
.cp_breadcrumb li:last-child a::before,
.cp_breadcrumb li:last-child a::after {
	content: normal;
}

@media print, only screen and (min-width: 769px) {

.cp_breadcrumb {
	/*margin: 1em auto;*/
}
}





/*------- MAIN CONTENTS -------*/

/*----- link icon -----*/

/*外部リンク*/
a.outlink:after{ content: url("/img/icons/ico_outlink.png");margin:0 5px;}
/*内部リンク*/
a.inlink:after { content: url("/img/icons/ico_inlink.png");margin:0 5px;}
/* PDF */
a.pdfdl:before { content: url("/img/icons/ico_pdfdl.png");margin:0 5px;}
/* file */
a.filedl:before { content: url("/img/icons/ico_filedl.png");margin:0 5px;}
/*ダウンロード*/
a.file_dl:after{ content: url("/img/icons/ico_download.png");margin:0 5px;}
/*--白抜き--*/
/*外部リンク*/
a.outlink_w:after{ content: url("/img/icons/ico_outlink_w.png");margin:0 5px;}
/*内部リンク*/
a.inlink_w:after { content: url("/img/icons/ico_inlink_w.png");margin:0 5px;}
/* PDF */
a.pdfdl_w:before { content: url("/img/icons/ico_pdfdl_w.png");margin:0 5px;}
/* file */
a.filedl_w:before { content: url("/img/icons/ico_filedl_w.png");margin:0 5px;}
/*ダウンロード*/
a.file_dl_w:after{ content: url("/img/icons/ico_download_w.png");margin:0 5px;}

/*.main_contents{
	width:96%;
	margin:0 auto 20px auto;
}
@media print, only screen and (min-width: 769px) {
.main_contents{
	width:100%;
	margin:0 auto 20px auto;
}*/
.left_area{
	clear:both;
	width:100%;
	margin: 0 auto;
	display: block;
	font: none;
}
.right_area{
	clear:both;
	width:100%;
	margin: 0 auto;
	display: block;
	float:none;
}
.left_area2{
	clear:both;
	width:100%;
	margin: 0 auto;
	display: block;
	font: none;
}
.right_area2{
	clear:both;
	width:100%;
	margin: 0 auto;
	display: block;
	float:none;
}

@media print, only screen and (min-width: 769px) {
/*-- left area --*/
.left_area{
	clear:both;
	width:65%;
	display: block;
	float:left;
}

.right_area{
	clear: none;
	width:32%;
	float:right;
	margin: 0 0 20px 3%;
}
.left_area2{
	clear:both;
	width:32%;
	display: block;
	float:left;
}

.right_area2{
	clear: none;
	width:65%;
	float:right;
	margin: 0 0 20px 3%;
}

}
/*---- s-tab area ----*/
#search_tab {
	display:block;
	width:98%;
	marigin:0 auto;
}
#s-tab {
	display:block;
	width:100%;
	height:40px;
	text-align:right;
	margin:1em 0 0 0;
}
#s-tab .s-tab-btn {
	width:56px;
	margin-left: 10px;
	border-radius: 8px 8px 0 0;
	border-bottom:4px solid #6C2782;
	padding:5px;
	text-align:center;
	float:right;
}
#s-tab img{
	height:30px;
}
@media print, only screen and (min-width: 769px) {
#s-tab {
	display:block;
	width:100%;
	height:60px;
	text-align:right;
	margin:1em 0 0 0;
}
#s-tab .s-tab-btn {
	width:90px;
	margin-left: 10px;
	border-radius: 100% 100% 0 0;
	border-bottom:4px solid #6C2782;
	padding:8px 10px 0 10px;
	text-align:center;
	float:right;
}
#s-tab img{
	height:54px;
	width:60px;
}

}


/*---- list area ----*/

#topics{ background-color:#FFF; margin-bottom:20px; border-radius:10px; margin-top:20px; border:2px solid #6C2782; width:calc(100% - 12px);padding:1rem 0;}
#topics .topics_area {color:#FF0000; font-weight:bold; font-size:1rem;text-align:center;}

#kankofair .kankofairbtn{display:block;float:left;width: calc(92% - 12px) ; padding:5px;}

#kankomap h2, #sakura h2, #news h2, #event h2, #spot h2, #course h2, #contents_info h2, #access h2, #movie h2, #contact h2, #recruit h2{
width:100%; padding:1% 0; font-size:1.2em; margin:0 0 20px 0;}

@media print, only screen and (min-width: 769px) {

#topics{ background-color:#FFF; margin-bottom:20px; border-radius:10px; margin-top:20px; border:2px solid #6C2782; width:calc(100% - 12px);padding:1rem 0;}
#topics .topics_area {color:#FF0000; font-weight:bold; font-size:1.1rem;text-align:center;}

#kankofair{ background-color:#FFF; margin-bottom:20px; border-radius:10px; margin-top:20px; border:6px dotted #CCB8E9; width:calc(100% - 12px);}
#kankofair .kankofairbtn{width:calc(40% - 10px); margin: 2% 5%; float: left;}
#kankofair h2 { width:96%; padding:1% 2%; color:#FFF; font-size:1.2em; margin:0 0 20px 0;}

#kankomap h2, #sakura h2, #p_miyage h2, #encyclopaedia h2,  #archive h2,#news h2, #event h2, #spot h2, #course h2, #contents_info h2, #access h2, #movie h2, #contact h2, #recruit h2, #memberslider h2{
width:100%; padding:1% 0; font-size:1.8em; margin:0 0 20px 0;color:#6C2782;border-bottom:#6C2782 1px dotted;}

}

#kankomap, #sakura, #p_miyage, #encyclopaedia, #archive, #news, #event, #spot, #course, #contents_info, #movie, #contact, #recruit { margin-bottom:20px;}

#news, #event, #spot, #course, #contents_info { display:block; width:100%; margin:0 0 5% 0;}


#access{ background-color:#FFF;}

#movie { background-color:#FFF;}

#contact { background-color:#FFF;}

#recruit { background-color:#FFF;}

#about{ background-color:#FFF;}
#about h2 { width:96%; padding:1% 2%; color:#6C2782; font-size:1.2em; margin:0 0 20px 0; border-radius: 0 0 10px 10px; border:#6C2782 2px solid; border-top:#6C2782 4px solid;}

#greeting{ background-color:#FFF;}
#greeting h2 { width:96%; padding:1% 2%; color:#6C2782; font-size:1.2em; margin:0 0 20px 0; border-radius: 0 0 10px 10px; border:#6C2782 2px solid; border-top:#6C2782 4px solid;}

#sns { background-color:#FFF;}
#sns h2 { width:96%; padding:1% 2%; color:#FFF; font-size:1.2em; margin:0 0 20px 0; border-radius: 10px;}

h2.kankomap_bg { border-bottom:1px dashed #6C2782; color:#6C2782;}
h2.sakura_bg { border-bottom:1px dashed #BB79C0; color:#BB79C0;}
h2.p_miyage_bg { border-bottom:1px dashed #BB79C0; color:#BB79C0;}
h2.encyclopaedia_bg { border-bottom:1px dashed #BB79C0; color:#BB79C0;}
h2.archive_bg { border-bottom:1px dashed #BB79C0; color:#BB79C0;}
h2.news_bg { border-bottom:1px dashed #BB79C0; color: #BB79C0;}
h2.event_bg { border-bottom:1px dashed #2B33C1; color: #2B33C1;}
h2.spot_bg { border-bottom:1px dashed #BB79C0; color: #BB79C0}
h2.course_bg { border-bottom:1px dashed #98820F; color: #98820F;}
h2.contents_info_bg { border-bottom:1px dashed #14633B; color: #14633B;;}
h2.access_bg { border-bottom:1px dashedd #BB79C0; color: #BB79C0;}
h2.movie_bg { border-bottom:1px dashed #2a8203;color: #2a8203;}
h2.souvenir_bg { border-bottom:1px dashed #B63A02; color:#B63A02;}
h2.contact_bg { border-bottom:1px dashed #2a8203; color:#2a8203;}
h2.recruit_bg { border-bottom:1px dashed #2a8203; color:#2a8203;}
h2.sns_bg { border-bottom:1px dashed #F6B04D; color:#F6B04D;}

#news h2 img, #event h2 img,#spot h2 img, #course h2 img, #contents_info h2 img, #movie h2 img , #sns h2 img , #memberslider h2 img { height:40px; width:50px;}
#sakura h2 img, #sakuramap h2 img, #kankomap h2 img, #p_miyage h2 img, #encyclopaedia h2 img, #archive h2 img { height:40px; width:50px;}
#news h3 a, #event h3 a, #spot h3 a, #course h3 a, #contents_info h3 a, #movie h3 a , #sns h3 a { color:#FFF; text-decoration:none;}
#sakura h3 a, #kankomap h3 a, #p_miyage h3 a, #encyclopaedia h3 a, #archive h3 a { color:#FFF; text-decoration:none;}

#sakura .sakura_area, #kankomap .kankomap_area, #p_miyage .kankomap_area, #encyclopaedia .kankomap_area, #archive .kankomap_area{
	width:96%;
	padding:1% 2%;
	margin:0;
}

.btn3{width:100%; margin:0 auto;}


@media print, only screen and (min-width: 769px) {
.btn3{width:75%; margin:0 auto;}
}

/*sakuramap */
#sakuramap .sakurabody{
padding-top:40px;
padding-bottom:100px;
}
#sakuramap .sakuratopimg{
margin: 1rem auto;
width:80%;
}
#sakuramap .sakuralead p{
margin-bottom: 2rem;
}

#sakuramap .sakuramapbtn{
display: block;
float: none;
width:90%;
margin: 1rem auto;
}

@media print, only screen and (min-width: 769px) {
#sakuramap .sakuratopimg{
margin: 2rem auto;
width:50%;
}

#sakuramap .sakuramapbtn{
	display:block;
	float:left;
	/*width: calc(100% - 10px) ; */
	width: calc(36% - 10px) ; 
	padding:5px;
}

}


#sakura .sakura_area p, #kankomap .kankomap_area p, #p_miyage .kankomap_area p, #encyclopaedia .kankomap_area p, #archive .kankomap_area p{
	margin:0;
}

#sakura .sakura_area .sakurabtn, #kankomap .kankomap_area .kankomapbtn, #p_miyage .p_miyage_area .p_miyagebtn, #encyclopaedia .encyclopaedia_area .encyclopaediabtn, #archive .archive_area .archivebtn{
	display:block;
	float:left;
	/*width: calc(100% - 10px) ; */
	width: calc(36% - 10px) ; 
	padding:5px;
}
#news ul, #event ul, #spot ul, #course ul, #contents_info ul, #movie ul {
	margin:0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	width:100%;
}

#news ul li, #event ul li, #spot ul li, #course ul li, #contents_info ul li, #movie ul li , #links ul li {
	list-style:none;
	display:block;
	float:none;
	width:90%;
	padding:0 0 1em;
	margin:0 auto 5% auto;
	background-color:#FFF;
	border-bottom: #BB79C0 1px solid;
}
#links ul li a,#links ul li a:hover{text-decoration: none;}

#news .moreinfo, #event .moreinfo, #spot .moreinfo, #course .moreinfo, #movie .moreinfo, #links.moreinfo {
	margin:0 auto 5% auto;
	padding:1%;
	width:88%;
	float:none;
	color:#FFF;
	font-size:0.9em;
	text-align:center;
}
#news .moreinfo a, #event .moreinfo a, #spot .moreinfo a, #course .moreinfo a, #movie .moreinfo a, #links .moreinfo a {
	color:#6C2782;
	text-decoration:none;
}
#news .moreinfo { border-top:#BB79C0 solid 1px;}
/*#event .moreinfo { border-top:#2B33C1 solid 1px;}*/
#spot .moreinfo { border-top:#BB79C0 solid 1px;}
#course .moreinfo { border-top:#BB79C0 solid 1px;}
#movie .moreinfo { border-top:#BB79C0 solid 1px;}
#links .moreinfo { border-top:#2B33C1 solid 1px;}

#news li dl, #event li dl, #spot li dl, #course li dl, #contents_info li dl, #movie li dl, #links li dl {
	display:block;
	margin:0 auto 10px auto;
	padding:0;
	/*background-color:#DDD;*/
	max-width:100%;
}
#news li dl dt, #event li dl dt, #spot li dl dt, #course li dl, #contents_info li dl dt, #movie li dl dt, #links li dl dt {
	text-align:left;
}

#news ul.top_list li img, #event ul.top_list li img,#course ul.top_list li img {
	/*max-height:240px;*/
	max-height:300px;
	max-width:100px;
	float:left;
	margin:0 10px 0 0;
	object-fit: cover;
}
#contents_info li img{
	max-height:200px;
	max-width:100px;
	float:left;
	margin:0 10px 0 0;
}

#spot ul.spot_list li img,#event ul.event_list li img ,#course ul.course_list li img, #movie ul.movie_list li img {
	width:100px;
	float:left;
	margin:0 10px 0 0;
	object-fit: cover;
}
#event p.lead, #spot p.lead, #course p.lead, #movie p.lead, #news p.lead  {
	clear:both;
}
#spot .pagenation ul li, #event .pagenation ul li, #course .pagenation ul li, #movie .pagenation ul li , #news .pagenation ul li {
	display:block;
	float:left;
	width:2em;
	padding:5px;
	text-align:center;
	background-color:#DDD;
	margin: 0 0 1% 1%;
	border:none;
	height:1.5em;
}
.pagenation ul li a{
	color:#BB79C0;
	text-decoration: none;
}
.pagenation ul li.now {
	color:#FFF;
	text-decoration: none;
}


#news li dl dd, #event li dl dd, #spot li dl dd, #course li dl dd, #contents_info li dl dd, #movie li dl dd {
	width:calc(100% - 110px);
	float:right;
}
#contents_info li dl dd {
	font-size:0.8em;
	margin-bottom:2%;
}
#news li dl dd h3, #event li dl dd h3, #spot li dl dd h3, #course li dl dd h3, #contents_info li dl dd h3, #movie li dl dd h3{
	margin:10px 0; 
	font-size:0.9em;
	color:#222;
}
#news li dl dd p, #event li dl dd p, #spot li dl dd p, #course li dl dd p, #contents_info li dl dd p, #movie li dl dd p {
	font-size:0.8em;
	color:#222;
	text-decoration:none;
	margin-top:0.5em;
}
#contents_info li a{
	color:#FFF;
	text-decoration:none;
}
#contents_info li h3{
	display:block;
	margin:0;
	padding:10px;
	color:#FFF;
	font-size:1em;
	line-height:1.2em;
	background-image:url(../img/triangle.svg);
	background-position:right;
	background-repeat:no-repeat;
	background-size:10%;
}
#contents_info li h3 img{
	max-width:80px;
	height:40px;
	margin:6px 10px;
}
#contents_info li h3.meguro{
	background-color:#892785;
}
#contents_info li h3.come{
	background-color:#283487;
}
#contents_info li h3.enjoy{
	background-color:#AA792B;
}
#contents_info li h3.more{
	background-color:#327F32;
}

#news .more, #event .more, #contents_info .more{

}


#footer{
	clear:both;
	width:90%;
	padding:5%;
	color:#6C2782;
	background-color:#EEE;
	font-size:0.9em;
}
#footer .footnavi{display:none;}

#footer .foot_contact,#footer .copyright{
	display: block;
	text-align: center;
	line-height: 1.8em;
	margin: 2em auto;
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 80%;
    z-index: 10;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 30px;
    padding: 12px 16px;
    text-align: center;
    display: block;
    border-radius: 10px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}

@media print, only screen and (min-width: 769px) {
#footer{
	clear:both;
	width:90%;
	padding:3% 5% 1% 5%;
	background-color:#EEE;
	color:#6C2782;
	font-size:0.8em;
}
#footer .footnavi{
	display: block;
	width:100%;
	max-width: 1100px;
	margin: 10px auto;
}
#footer .footnavi a,#footer .footnavi a:visited{
	color:#6C2782;
	text-decoration: none;
}
#footer .footnavi a:hover{
	color:#FF0000;
	text-decoration: underline;
}

#footer .footnavi ul.commenu{
	display: block;
	width:100%;
	text-align: right;
	margin: 0 2em 1em;
}
#footer .footnavi ul.commenu li.comttl{
	display: inline-block;
    float: right;
    margin: 0 1em 1em 0;
}
#footer .footnavi ul.commenu li.comttl:before{
	content:"・ ";
}
#footer .footnavi ul.catblock{
	display: block;
	width:calc( 100% / 5);
	float: left;
	line-height: 1.8em;
}
#footer .footnavi ul.catblock li.catttl{
	width:90%;
	font-weight: 600;
}
#footer .footnavi ul.catblock li:before{
	content:"■ ";
}

#footer .footnavi ul.subblock{
	display: block;
	padding-left: 1em;
	border-top: 1px solid #6C2782;
}
#footer .footnavi ul.subblock li.submenu:before{
	content:"・";	
}

#news, #event, #spot,#course, #contents_info, #sakura, #kankomap, #movie, #archive {
	display:block;
	margin:40px auto 40px auto;
	/*width:92%;
	max-width:1000px;*/
}
#news{}
#event{}
#contents_info{}

#sakura .sakura_area .sakurabtn,
#archive .archive_area .archivebtn{
	display:block;
	float:left;
	width: calc(25% - 10px) ; 
	padding:5px;
}

#kankomap .kankomap_area .kankomapbtn{
	display:block;
	float:left;
	width: calc(33% - 10px) ;
	/*width: calc(25% - 10px);*/
	padding:5px;
}
#sakura .sakura_area .sakurabtn img:hover,
#archive .archive_area .archivebtn img:hover,
#kankomap .kankomap_area .kankomapbtn img:hover{
	opacity:0.8;
}

#news ul, #event ul, #spot ul, #course ul, #movie ul {
	margin:0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	width:100%;
}
#news ul li, #event ul li, #spot ul li, #course ul li, #movie ul li {
	margin: 0 1% 2.5% 1%;
	padding: 2%;
	width: calc( 27% - 20px);
	background-color: #FFF;
	list-style: none;
	border: #DDD 10px solid;
	height:460px;
	overflow: hidden;
}
#links ul li {
	margin: 0 1% 2.5% 1%;
	padding: 2%;
	width: calc( 27% - 2px);
	background-color: #FFF;
	list-style: none;
	border: #BB79C0 1px solid;
	height:200px;
	overflow: hidden;
	float: left;
}


#news ul li.toppage, #event ul li.toppage, #spot ul li.toppage, #course ul li.toppage, #movie ul li.toppage, #links ul li.toppage {
	width: calc( 27% - 20px);
}
#spot .pagenation ul li {
	display:block;
	float:left;
	width:2em;
	padding:5px;
	text-align:center;
	background-color:#DDD;
	margin: 0 0 1% 1%;
	border:none;
}
#movie .pagenation ul li {
	display:block;
	float:left;
	width:2em;
	padding:5px;
	text-align:center;
	background-color:#DDD;
	margin: 0 0 1% 1%;
	border:none;
}
.pagenation ul li a{
	color:#BB79C0;
	text-decoration: none;
}
.pagenation ul li.now {
	color:#FFF;
	text-decoration: none;
}

#news .moreinfo, #event .moreinfo, #spot .moreinfo, #course .moreinfo, #movie .moreinfo, #links .moreinfo {
	margin:0;
	padding:1% 2%;
	width:96%;
	float:right;
	color:#222;
	font-size:1em;
	text-align:right;
}
#news .moreinfo { border-top:#BB79C0 dashed 1px;}
#event .moreinfo { border-top:#2B33C1 dashed 1px;}
#spot .moreinfo { border-top:#BB79C0 dashed 1px;}
#course .moreinfo { border-top:#BB79C0 dashed 1px;}
#movie .moreinfo { border-top:#BB79C0 dashed 1px;}
#links .moreinfo { border-top:#2B33C1 dashed 1px;}
/*	
#news li, #event li {
	display:block;
	float:left;
	width:26%;
	padding:2%;
	margin-left:2.5%;
	margin-bottom:2.5%;
	background-color:#FFF;
}*/

/*
#news li dl dt, #event li dl dt, #spot li dl dt, #course li dl dt {
	text-align:center;
	margin-bottom:10px;
	height:300px;
	object-fit:cover;
}*/

#news li dl dt, #event li dl dt, #spot li dl dt, #course li dl dt, #movie li dl dt {
	text-align: center;
    margin: 0 auto 10px auto;
    /*width: 300px;*/
    height: 300px;
    /*object-fit: cover;*/
    /*background-color: #ddd;*/
    vertical-align: middle;
    /*display: table-cell;*/
	position:relative;
}
#links li dl dt{
	text-align: center;
    margin: 0 auto 10px auto;
    /*width: 300px;*/
    /*height: 100px;*/
    /*object-fit: cover;*/
    /*background-color: #ddd;*/
    vertical-align: middle;
    /*display: table-cell;*/
	position:relative;
}
#links a,#links a:hover{text-decoration: none;}
#news li dl dd, #event li dl dd, #spot li dl dd, #course li dl dd, #movie li dl dd #links li dl dd{
	width:100%;
	float:right;
	text-align:left;
}
#news ul.top_list li img, #event ul.top_list li img, #course ul.top_list li img {
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
	float:none;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
}
#spot ul.spot_list li img, #event ul.event_list li img , #course ul.course_list li img , #movie ul.movie_list li img{
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
	float:none;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
}
#spot p.lead {
	clear:both;
}
#movie p.lead {
	clear:both;
}

#contents_info ul li {
	margin:0 0 2.5% 2.5%;
	padding:0;
	width:46%;
	background-color:#FFF;
	list-style:none;
}
#contents_info li h3{
	display:block;
	margin:0;
	padding:2%;
	color:#FFF;
	font-size:1.1em;
	line-height:1.4em;
}
#contents_info li h3 img{
	width:70px;
	height:40px;
	margin:6px 10px;
}
/* ------------@@@@@@@--------*/
}

/*---- SNSエリア ----*/
#sns ul{display:block; width:100%; margin: 2% 0; list-style: none;}
#sns li{width: 90%; padding: 0; background-color: #FFF; margin: 1.5rem auto;}
#sns li .qr-code{display: none;}
#sns h4{width:90%;margin: 0;padding: 0.5rem 5%;color:#FFF;float:none;}
#sns h4.sns-fb{background-color: #2D50FA;}
#sns h4.sns-ig{background-color: #D1A549;}
#sns h4.sns-yt{background-color: #D82626;}
#sns li .sns-link{display: block;}
#sns li p.snsurl{display:none;}
#sns li p.snsbtn{display: block;width: 90%; margin: 1rem auto; padding: 0.5rem; background-color:#EEE;}
#sns li p.snsbtn > a{display:block; width:100%;height: 100px;}
#sns li img.logo-img{width:100px;margin-right: 1rem;}

@media print, only screen and (min-width: 769px) {
#sns ul{display:block; width:95%; margin: 2.5%; list-style: none;}
#sns li{width: 100%; padding: 0; background-color: #FFF; margin: 1.5rem 0;}
#sns li img.qr-code{display: block; width:100%;}
#sns h4{ width:80%;margin: 0;padding: 0.5rem 5%;color:#FFF;float:left;}
#sns li .qr-code {display: block;width:calc( 10% - 8px);float:right;}
#sns li .qr-fb{border: 4px solid #2D50FA;}
#sns li .qr-ig{border: 4px solid #D1A549;}
#sns li .qr-yt{border: 4px solid #D82626;}
#sns li p.snsurl{display:table-cell; padding:1rem;vertical-align:middle;}
#sns li p.snsbtn{display:none;}
#sns li img.logo-img{width:80px; margin-right:2rem;}
}



/*---------- contents page ----------*/


/*------- めぐろは今ページ -------*/

/*-- コンテンツページ共通 --*/
#meguro_mainarea { width:90%; margin:0 5% 100px 5%;}
#meguro_mainarea ul.meguro_select { display:block; width:100%; margin:20px 0; text-align:center; float:none; clear:both;}
#meguro_mainarea .meguro_select li { width: 30%; height: 100px; margin: 0 1.5%; float:left;}
#meguro_mainarea .meguro_select li a{ display:block; width: 80px; height: 80px; border: #6C2782 1px solid; border-radius: 50%; background-color: #FFF; padding:5px}
#meguro_mainarea .meguro_select li a.current{  background-color: #ECEAFF;}
#meguro_mainarea .meguro_select li a:hover { background-color: #D0B0F4;}
#meguro_mainarea .meguro_select li a img {  max-height:60px; position:relative; top:10px;}

#meguro_mainarea h2, #meguro_top h2 { text-align:center; font-size:1.4em; font-weight:100; color:#6C2782; margin:30px 0;}
#meguro_mainarea .picture_map { display:block; width:100%; margin:20px auto;}
#meguro_mainarea .area_outline { display:block; width:100%; margin:20px auto;}
#meguro_mainarea .area_outline dt { display:block; width:100%; margin-bottom:0.5em;}
#meguro_mainarea .area_outline dd { display:block; width:100%; margin-bottom: 1em; font-size:0.8em;}

#meguro_mainarea .main_ill { display:block; height:360px; margin: 20px auto 50px auto;}
#meguro_mainarea p { line-height: 2em;}
#meguro_mainarea ul.thamb_pic { width:100%;}
#meguro_mainarea li {width:40%; margin:5%; float:left; height:200px;}
#meguro_mainarea li p.capt { text-align:center; margin:10px; font-size:0.9em;}

@media print, only screen and (min-width: 769px) {

#meguro_mainarea { width:100%; margin:0 auto 100px auto;}
#meguro_mainarea ul.meguro_select { display:block; width:660px; margin:20px auto; text-align:center; float:none; clear:both;}
#meguro_mainarea .meguro_select li { width: 90px; height: 100px; margin: 0 10px; float:left;}

#meguro_mainarea .picture_map { display:block; width:50%; margin:0 auto; float:left;}
#meguro_mainarea .area_outline { display:block; width:40%; padding:0 0 0 10%; margin:20px auto; float:right;}

#meguro_mainarea ul.thamb_pic { width:100%;}
#meguro_mainarea li { display:inline-block; width:21%; margin:2%; float:left;}

}

/*-- トップページ --*/
#maguro_top { width:100%;}
#meguro_top h2:before { content:"〜 "; color:#6C2892;}
#meguro_top h2:after { content:" 〜"; color:#6C2892;}
#meguro_top ul { margin: 0; display: flex; flex-wrap: wrap; width: 100%;}
#meguro_top li{ margin: 0 1% 3% 1%; padding: 2%; width: 94%; background-color: #EEE; list-style: none;}
#meguro_top li a { text-decoration:none; }
#meguro_top li img { height: 100px; float: left; margin: 0 10px; width: 80px;}
#meguro_top li dd { margin: 0; width: calc( 100% - 100px ); float: right;}
#meguro_top li h3 { color:#6C2782; text-align:left;font-size:1em; margin:0;}
#meguro_top li p.lead { color:#222;font-size:0.8em;}

@media print, only screen and (min-width: 769px) {


#maguro_top { width:100%;}
#meguro_top h2 { font-size:1.4em; width:95%;}
#meguro_top ul { margin: 0; display: flex; flex-wrap: wrap; width: 100%;}
#meguro_top li { margin: 0 0 2.5% 2.5%; padding: 2%; width: 26%; background-color: #EEE; list-style: none;}
#meguro_top li a { text-decolation:none;}
#meguro_top li dl { margin: 0; padding: 2%;}
#meguro_top li dt { text-align: center; margin-bottom: 10px;}
#meguro_top li img { height: 200px; float: none; margin: 0 auto; width:100%; max-width: 300px;}
#meguro_top li dd { margin: 0; width: 100%; float: none;}
#meguro_top li h3 { color:#6C2782; text-align:center; margin:1em 0;}
}


/*------- めぐろって、どんなとこ？ -------*/
/* list area */
#list_Outer {
	overflow:hidden;
    margin: 40px 0 0 0;
}
#list_Outer h3 {
	text-align: center;
    font-size: 1.2em;
    font-weight: 100;
    color: #6C2782;
	margin: 0 0 40px 0;
}
#list_Outer li {
	display: block;
    width: 100%;
    margin: 0 0 0 0;
	float: none;
	height: auto;
	padding:8px 2% 8px 2%;
}
#list_Outer li:nth-child(2n+1) {
	background-color:#ECEAFF;
}
.list_left {
}
.list_right {
}
@media print, only screen and (min-width: 769px) {
#list_Outer {
	margin: 80px 0 0 0;
}
.list_left {
	float:left;
	width:44%;
}
.list_right {
	float: right;
	width:44%;
}
}


/*------- イベント情報募集 -------*/
#contents.event_ad {
}
#contents.event_ad .access_tab_cont {
	margin:0 0 20px 0;
}
#contents.event_ad h2.event_ad_ttl01 {
	background:url(../img/event_ad_ttl01.svg) no-repeat center top;
	background-size:50% 50%;
	margin:0 0 20px 0;
	padding:120px 0 20px 0;
	font-size: 190%;
}
.event_Box {
	width: 94%;
    margin: 3%;
}
#contents.event_ad h4.event_ad_sub-ttl01 {
	background:url(../img/event_sub-ttl_bg.svg) repeat center center;
	padding:5px 2% 5px 2%;
	font-size: 100%;
	font-weight:900;
}
#contents.event_ad h5.event_ad_sub-ttl02 {
	border:1px #6C2782 solid;
	padding:5px 2% 5px 2%;
}
.agreement {
	width: 90%;
    margin: 3%;
	border:1px solid #6C2782;
	padding:20px 2% 20px 2%;
}
.agreement p.ttl {
	font-size:150%;
	text-align:center;
	margin: 30px 0 35px;
}
.agreement h4 {
	font-size:150%;
	margin: 45px 0 20px;
	border-bottom:1px solid #bf66dc;
	padding:0 0 5px 0;
}
.agreement_box {
	margin: 0 0 0 20px;
}
.agreement_box h5 {
	font-size:100%;
	margin: 30px 0 10px;
}
.agreement_box h5 + p {
	margin: 0 0 0 0;
}
.agreement_box ul {
	margin: 10px 0 0 20px;
	list-style:disc inside;
}
.agreement_box ul li {
	margin:0 0 0 1.4em;
	text-indent: -1.4em;
}
.agreement_box ul ul {
	margin: 0 0 10px 20px;
	list-style:circle inside;
}
p.go-entry {
	margin: 50px 0 20px 0;
}
.entry {
	text-align:center;
	border:1px solid #bf66dc;
	padding:20px 3% 20px 3%;
}
p.agree {
	margin: 0 0 20px 0;
}
.button_Area {
	overflow:hidden;
}
.button_Area h6 {
	font-size:100%;
	margin: 0 0 20px 0;
}
.button_01 {
	float: none;
	width:97%;
	border:1px solid #bf66dc;
	background-color:#f7e5fd;
	padding:20px 1% 20px 1%;
	margin:0 0 10px 0;
}
.button_02 {
	float: none;
	width:97%;
	border:1px solid #bf66dc;
	background-color:#f7e5fd;
	padding:20px 1% 20px 1%;
}
dl.data {
	text-align: left;
	overflow:hidden;
}
dl.data dt {
	float:left;
	width:26%;
	text-align: right;
	margin:0 2% 0 0;
}
dl.data dd {
	margin:0 0 5px 0;
}
input.send {
	width:50%;
	margin:0 0 0 0;
	padding:3px 0 3px 0;
}
p.go-to-form {
	border:1px solid #bf66dc;
	padding:3px 0 3px 0;
	background-color:#fff;
	text-align: center;
	margin:30px 2% 0 2%;
	padding:5px 0 5px 0;
}
p.go-to-form a {
	text-decoration:none;
	display:block;
}
@media print, only screen and (min-width: 769px) {
.event_Box {
	max-width: 70%;
    margin: 80px auto;
}
.agreement {
	max-width: 66%;
    margin: 80px auto;
}
.button_01 {
	float:left;
	width:46%;
}
.button_02 {
	float: right;
	width:46%;
}
}



/*------- めぐろを楽しむ -------*/

/* search area */
#search_block { width:96%; margin:0 auto; dislpay:flex;}

/*-------- tab --------*/
#tab { display:block; width:100%;}
#tab p { color:#6C2782; font-size:0.6em; font-weight:bold; margin:0 0 0.5em; /*line-height:1.1em;*/}
#tab ul li a{ color:#FFF; text-decoration:none;}
#tab ul li a:hover{ color:yellow;}
#tab ul li a:active{ color:yellow;}


/*--- 2tab ---*/
#tab ul li a.tab2-1,
#tab ul li a.tab2-2{ display:block; width:49%; margin-bottom: 10px; padding-bottom:0; float:left; background-color:#6C2782; text-align:center;}

#tab ul li a.tab2-1 {margin-right:1%;}
#tab ul li a.tab2-2 {margin-left:1%;}

/*--- 3tab ---*/
#tab ul li a.tab3-1,
#tab ul li a.tab3-2,
#tab ul li a.tab3-3 { display:block; margin-bottom: 10px; padding-bottom:0; background-color:#6C2782; text-align:center;}

#tab ul li a.tab3-1,
#tab ul li a.tab3-2 { width:33%; margin-right:1%; float:left;}
#tab ul li a.tab3-3 { width:32%; margin-left:0; float:right;}

/*--- 4tab ---*/
#tab ul li a.tab4-1,
#tab ul li a.tab4-2,
#tab ul li a.tab4-3,
#tab ul li a.tab4-4 { display:block; margin-bottom: 10px; padding-bottom:0; background-color:#6C2782; text-align:center;}

#tab ul li a.tab4-1,
#tab ul li a.tab4-2,
#tab ul li a.tab4-3 { width:24%; margin-right:1%; float:left;}
#tab ul li a.tab4-4 { width:25%; margin-left:0; float:right;}

#tab ul li a.current{ padding-bottom:10px; margin-bottom:0;background-color:#EEE !important;}
#tab img.tabicon { width:40%; height:40px; margin:10px auto 0;}


/*--- 2tab/3tab/4tab ---*/
#tab ul li a.tab2-1, #tab ul li a.tab2-2,
#tab ul li a.tab3-1, #tab ul li a.tab3-2, #tab ul li a.tab3-3,
#tab ul li a.tab4-1, #tab ul li a.tab4-2, #tab ul li a.tab4-3,  #tab ul li a.tab4-4
{ display:block; width:80px; margin-right:1%; float:left; background-color:#FFF; text-align:center; border-radius:100% 100% 0 0;}


#word_search { clear:both; width:90%; background-color:#6C2782; text-align:center; padding:5%;}
#word_search p { color:#FFF; font-size:1.1em; font-weight:bold; margin:0 0 0.5em; line-height:1.1em;}
.search_box form .wordinput { width:80%; margin:40px auto; text-align:center;}

#search_console { width:96%; margin:0 auto 5%; dislpay:flex;}


/*検索結果*/
.search_box h2 {
	display:block;
	text-align:center;
	font-size:1.2em;
	color:#6C2782;
	padding-bottom:0.5em;
	border-bottom:1px solid #6C2782;
}
.search_box {
	display:block;
	width:94%;
	padding:3%;
	margin-bottom:30px;
	border:1px solid #6C2782;
	border-top:4px solid #6C2782;
	background-color:#F6F6F6;
	border-radius:0 0 10px 10px;
}
@media print, only screen and (min-width: 769px) {

#search_block {
	width:100%;
	margin:0 auto 30px atuo;
	display:flex;
}

#tab {
	display:block;
	/*width:40%;*/
	float:left;
}
#tab p {
	color:#6C2782;
	font-size:0.6em;
	font-weight:bold;
	margin:0 0 0.5em;
	/*line-height:1.1em;*/
}
#tab img.tabicon { width:40%; height:60px; margin:10px auto 0;}

#word_search p {
	color:#FFF;
	font-size:1.1em;
	font-weight:bold;
	margin:0 0 0.5em;
	line-height:1.1em;
}

/*--- 2tab/3tab/4tab ---*/
#tab ul li a.tab2-1, #tab ul li a.tab2-2,
#tab ul li a.tab3-1, #tab ul li a.tab3-2, #tab ul li a.tab3-3,
#tab ul li a.tab4-1, #tab ul li a.tab4-2, #tab ul li a.tab4-3,  #tab ul li a.tab4-4
{ display:block; width:130px; margin-right:1%; float:left; border-bottom:#6C2782 solid 4px; text-align:center; border-radius:100% 100% 0 0;}

#word_search {
	clear: none;
    background-color: #6C2782;
    text-align: center;
    margin: 0px auto;
    padding: 2%;
}
.search_box h2 {
	display:block;
	text-align:center;
	font-size:1.2em;
	color:#6C2782;
	padding-bottom:0.5em;
	border-bottom:1px solid #6C2782;
}

.search_box form .wordinput {
	width:80%;
	margin:40px auto;
	text-align:center;
}
.search_box form input.textbox {
	font-size:1.2em;
	width:60%;
	height:30px;
}
.search_box form input.button {
	font-size:1.2em;
	width:20%;
	background-color:#EEEEEE;
	height:48px;
}

/*検索結果*/
.search_box .area_select_map{
	display:block;
	float:left;
	width:45%;
	margin:0 5%;
}

/*選択内容*/

/*エリア選択*/
.area_select_btn {
	display:block;
	float:right;
	width:30%;
	margin:0 10% 0 0;
}

/*目的・その他の選択*/
.select_btn {
	display:block;
	float:right;
	width:90%;
	margin:0 5% 0 5%;
}

}

/*------- 情報詳細ページ 共通 -------*/

#detail { width:96%; margin:0 auto 20px auto; background-color:#FFF;}
#detail h2 { width:96%; padding:1% 2%; color:#6C2782; font-size:1.2em; margin:0 0 20px 0; }
#detail .introduction0, #detail .introduction1, #detail .introduction2, #detail .introduction3 { width:96%; padding:0; float:none; margin:0 auto;}
#detail .introduction3 { clear:both;}
#detail .introduction0 .date { clear:both; width:96%; padding:0 2%; float:none; color:#6C2782;}
#detail .introduction1 .kana { dont-size:0.8em; margin:0 0 1em 0;}
#detail .introduction1 h4 { color:#6C2782; font-size:1.2em;}

#detail .introduction1 p { margin:2em 0 1em 0; max-width:640px;}
#detail .introduction1 ul.course_link li{ display:block; width:100%; border-bottom:#6C2782 1px solid; color:#6C2782; padding:1em 0 1.5em 0;}
#detail .introduction1 ul.course_link li:last-child { border-bottom:none;}
#detail .introduction1 ul a { color:#6C2782; text-decoration:none;}
#detail .introduction0 p.lead { clear:both;}

#detail .introductionnews1 { width:100%; padding:0; float:none; clear:both; margin-bottom:30px;}
#detail .introductionnews1 .photo2 { margin-top:30px;}

#summary { width:96%; padding:2%; border:#DDBFDB 2px solid;border-radius:10px;}
#summary h2 { padding:1% 2%; color:#6C2782; font-size:1.2em; margin:0 0 10px 0; border-bottom:1px solid #BB79C0;/*border-radius:10px*/;text-align: center;}

#summary .icons { display:none;/*display:block;*/ width:100%; height:40px; margin-bottom:10px; text-align:right;}
#summary .icons img { height:40px; margin-left:10px;}

#summary li { width:100%; margin:0; border-top:#6C2782 1px dotted; padding-top:5px; min-height:52px;}
#summary .sum_shop:before { content: url(../img/icons/ico_shop.svg); width: 48px; height: 52px; display: block; float: left; margin-right: 10px;}
#summary .sum_address:before { content: url(../img/icons/ico_address.svg); width: 48px; height: 52px; display: block; float: left; margin-right: 10px;}
#summary .sum_tel:before { content: url(../img/icons/ico_tel.svg); width: 48px; height: 52px; display: block; float: left; margin-right: 10px;}
#summary .sum_train:before { content: url(../img/icons/ico_train.svg); width: 48px; height: 52px; display: block; float: left; margin-right: 10px;}
#summary .sum_bus:before { content: url(../img/icons/ico_bus.svg); width: 48px; height: 52px; display: block; float: left; margin-right: 10px;}
#summary .sum_office:before { content: url(../img/icons/ico_office.svg); width: 48px; height: 52px; display: block; float: left; margin-right: 10px;}
#summary .sum_mail:before { content: url(../img/icons/ico_mail.svg); width: 48px; height: 52px; display: block; float: left; margin-right: 10px;}
#summary .sum_hp:before { content: url(../img/icons/ico_hp.svg); width: 48px; height: 52px; display: block; float: left; margin-right: 10px;}
#summary .sum_walk:before { content: url(../img/icons/ico_walk.svg); width: 48px; height: 52px; display: block; float: left; margin-right: 10px;}
#summary .sum_distance:before { content: url(../img/icons/ico_distance.svg); width: 48px; height: 52px; display: block; float: left; margin-right: 10px;}
#summary .sum_calorie:before { content: url(../img/icons/ico_calorie.svg); width: 48px; height: 52px; display: block; float: left; margin-right: 10px;}

.maparea { display: block; width: 100%; margin: 0 auto;}
.googlemap { display: block;  position: relative; width: 100%; padding-top: 56.25%;}
.googlemap iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}

@media print, only screen and (min-width: 769px) {
	
#detail h2 { width:96%; padding:1% 2%; color:#6C2782; font-size:1.4em; margin:0 0 20px 0;}
#detail .introduction0 .date { clear:both;  padding:0; float:none; font-size:1.2em; color:#6C2782;}
#detail .introduction1 { width:55%; padding:0; float:left; clear:both; margin-bottom:30px;}
#detail .introduction2 { width:36%; padding:0 2%; float:right;}
#detail .introduction3 { width:80%; padding:0 10%; clear:both;}

#detail .introductionnews1 { width:40%; padding:0; float:left; clear:both; margin-bottom:30px;}
#detail .ingroductionnews1copy { display:block; width:55%; float:right;}
#detail .introduction1 h4{ margin:0; padding:2em 0 1em; font-size:1.2em; color:#6C2782;}
#detail .introduction1 ul.course_link li{ display:block; width:100%; border-bottom:#6C2782 1px solid; color:#6C2782; padding:1em 0 1.5em 0;}
#summary { width:35%; padding:2%; border:#DDBFDB 2px solid; float:right;border-radius:10px;}

.maparea { display: block; width: 100%; margin: 0 auto;}

}

/*----- Youtube読み込み -----*/
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
	 margin-bottom: 30px;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

/*------- おすすめコースページ -------*/

.rout_flow { display:block; width:96%; padding: 2%; background-color:#DDBFDB; float:none; border-radius:10px;}
.rout_spot { display:block;clear:both; background-color:#FFF; width:96%; padding:5px 2%;margin-bottom:20px;float:none; border-radius: 10px;}
.rout_spot:before, .rout_spot:after { content: ""; display: table; }
.rout_spot:after { clear: both; }
.rout_spot { *zoom: 1;clear:both; }

.rout_spot dl { width:100%; margin:0;margin-block-start: 0;}
/*.rout_spot dl dt { width:60%; margin:0;margin-block-start: 0;}*/
.rout_spot dl dt .spot_block { display:block; width:60%; float:left;}
.rout_spot dt img { width:12%; float:left; margin-right:2%;}
.rout_spot dt h4{ width:100%; margin:0 0 0 14%; border-bottom:1px solid #6C2782;}
.rout_spot dt p{ width:100%; margin:10px 0 0 14%; font-size:0.8em;}
.rout_spot dt .spot_icons { display:none; width:100%; margin:4px 0 0 14%;}
.rout_spot dt .spot_icons img { width:26px; float:left; margin-right:4px;}
.rout_spot dt .info_btn { display:block; width:24%; float:right; margin-right:4px;}
.rout_spot dt .info_btn button { display:block; width:100%; height:40px; float:none; margin:4px; border-radius:8px;}
.rout_spot dt .info_btn button.info_btn { background-color:#297DF2; color:#FFF;}
.rout_spot dt .info_btn button.map_btn { display:none;/*background-color:#068A6C; color:#FFF;*/}

#course_data { width:96%; padding:2%; display:block; float:none;}
#course_data .course_photo{ width:96%; padding:2%; display:block; float:none;}
#course_data .course_map{ width:96%; padding:2%; display:block; float:none;}

@media print, only screen and (min-width: 769px) {

.rout_flow { display:block; width:56%; padding:0 2%; background-color:#FFF; float:left;}
.rout_spot { display:block; border: 2px solid #DDBFDB; border-radius:10px; width:96%; padding:15px 2%; float:left;}
.rout_spot dl { width:100%; margin:10px 0;margin-block-start: 0;}
.rout_spot dl dt .spot_block { display:block; width:70%; float:left;}
.rout_spot dt img { width:8%; float:left; margin-right:2%;}
.rout_spot dl dt { width:100%; margin:0;margin-block-start: 0;}
.rout_spot dt h4{ width:100%; margin:0 0 0 40px; border-bottom:1px solid #6C2782; font-size:1.2em;}
.rout_spot dt p{ width:100%; margin:10px 0 0 40px; font-size:1em;}
.rout_spot dd{ width:92%; margin:0; float:right;}

#course_data { width:40%; padding:0; display:block; float:right;}
#course_data .course_photo { width:96%; padding:0 2%; display:block; float:right;}

}

/*----- 年間カレンダー -----*/

.calendar_table { width:96%; margin:1em auto; background-color:#FFF;}
.calendar_table th { display: block;width: 98%;padding: 40px 0 5px 2%;border-bottom: 2px solid #6C2782;text-align: left;color: #6C2782;font-size: 1.1em;letter-spacing: 1em;}
.calendar_table td { display:block; width:90%; padding:14px 5%; border-bottom:1px dotted #6C2782; background-color:#FFF;}

@media print, only screen and (min-width: 769px) {

.calendar_table { width:100%; margin:1em auto;}

}
#greeting .main_area{
	width:90%;
	margin:2em auto;
	font-size:1.1em;
}

#greeting .greeting {
	line-height: 2em;
	width:96%;
	padding:0 2%;
}
#greeting .credit {
	width:96%;
	padding:0 2%;
	float:right;
	display: block;
	text-align: right;
}
#greeting .p-photo{
	display: block;
	clear: both;
	width:160px;
	float: right;
	padding: 1em 2%;
}

/*----- 協会概要ページ -----*/
#about .main_area dl.def_dl{
	display:block;
	text-align:left;
	width:90%;
	padding:2% 5%;
	border-bottom:#EEE solid 1px;
}
#about .def_dl dt{
	font-weight:bold;
	width:95%;
	margin-right:5%;
	float:none;
	clear:both;
	text-align:left;
	line-height:2em;
	border-top:#EEE solid 1px;
}
#about .def_dl dd{
	width:90%;
	margin-left:10%;
	line-height:2em;
	border-top:#EEE solid 1px;
}
#about .member_ul{
	display: block;
	list-style: none;
	width: 90%;
	padding:2% 5%;
}
#about .member_ul li{
	font-weight: bold;
	width:95%;
	margin-right: 5%;
	float: none;
	clear: both;
	text-align: left;
	line-height: 2em;
	border-top: #EEE solid 1px;
}

#about .lead_copy{
	line-height: 2em;
}
@media print, only screen and (min-width: 769px) {
#greeting p.greeting{
	line-height: 2em;
	width:96%;
	padding:0 2%;
}
#greeting .credit{
	width:50%;
	float:right;
	display: block;
	text-align: right;
}
#greeting .p-photo{
	display: block;
	clear: both;
	width:160px;
	float: right;
	padding:1% 2% 0 3%;
}

#about .main_area dl.def_dl{
	display:block;
	text-align:left;
	width:90%;
	padding:2% 5%;
	border-bottom:#EEE solid 1px;
}
#about .def_dl dt{
	font-weight:bold;
	width:20%;
	margin-right:5%;
	float:left;
	clear:both;
	text-align:left;
	line-height:2em;
	border-top:#EEE solid 1px;
}
#about .def_dl dd{
	line-height:1.6em;
	width:75%;
	margin-left:25%;
	line-height:2em;
	border-top:#EEE solid 1px;
}
#about .main_area ul.member_ul{
	display:block;
	text-align:left;
	width:90%;
	padding:0 5%;
	list-style: none;
	margin-bottom: 4em;
}
#about .member_ul li{
	display: block;
	font-weight:bold;
	width:32%;
	margin-right:1%;
	float:left;
	text-align:left;
	line-height:2em;
	border-top:#EEE solid 1px;
	clear:none;
}

#teikan ol{
	margin-left: 2em;
}
}


/*----- アクセスページ -----*/
#access h4{ font-weight: 900;font-size: 1.4em; margin:0.5em 0;}
#access { display:block; background-color:#FFF; width:100%;}
#access .map { width:94%; margin:3%; float:none; text-align:center;}
#access .map img { margin:0; max-height:700px}
#access .map_p { width:100%; margin:0; color:#6C2782; text-align:center;}
#access .map_p p.point { background-color:#6C2782;}

#access img.ac_tabicon { width:80%; height:80px; margin:10px auto 0;}
#access .rout1 { display:block; width:90%; margin:1em auto; color:#222; text-align:center;}
#access .rout1 h2, #tab .rout1 h3 { font-size:1.2em; color:#FFF;}

.access_tab_cont h3 { color:#6C2782; font-size:1.6em; text-align:center; width:90%; border-bottom:1px solid #6C2782; margin:2em auto;}

#access .rout1 li dt { display:block; clear:both;}
#access .rout1 li dd { display: block;clear: both; margin-bottom: 2em; border-top: 1px #6C2782 solid; padding-bottom: 1em;}
#access .rout1 li dd:before, #access .rout1 li dd:after { content: ""; display: table; }
#access .rout1 li dd:after { clear: both;}

#access .rout1 p.station { display:block; width:80%; padding:0.5em; text-align:center; background-color:#6c2782; border-radius:4px; margin:0.5em auto; color:#FFF;}
#access .rout1 p.line { display:block; padding:0.5em; text-align:center; color:#6c2782; margin:0.5em 0; color:#222;}
#access .rout1 p.line:before { content:"↓　";}
#access .rout1 p.line:after { content:"　↓";}

@media print, only screen and (min-width: 769px) {
	
.access_tab_cont .map { max-width:70%; max-height:760px; margin:80px auto; float:none;}
.access_tab_cont .map_p { width:30%; float:right; margin:0; color:#FFF;}

#access .rout1 { width:88%; text-align:left;}
#access .rout1 h2, #tab { font-size:1.6em; text-align: left; color:#FFF;}

#access .rout1 p.station { display:block; width:auto; padding:0.4em 0.2em; margin-right:4px; text-align:center; background-color:#6c2782; float:left; font-size:0.9em; font-weight:normal;}
#access .rout1 p.line { display:block; padding:0.5em; text-align:center; color:#6c2782; margin:0.5em 0; color:#222; float:left; font-size:0.9em; font-weight:normal;}

#access .rout1 p.line:before { content:" → ";}
#access .rout1 p.line:after { content:" → ";}

}

/*----- お問い合せページ -----*/
.formtable {
	width:96%;
	margin:1em auto;
	border-top:#FFF 1px solid;
	border-left:#FFF 1px solid;
}
.formtable th {
	display: block;
	width:95%;
	background-color:#BBD8B8;
	border-bottom:#fff 1px solid;
	border-right:#fff 1px solid;
	text-align:center;
	padding:0.8em;
}
.formtable td {
	display: block;
	width:95%;
	background-color:#E4E8DD;
	border-bottom:#fff 1px solid;
	border-right:#fff 1px solid;
	text-align:left;
	padding:0.8em;
}
label.must:after {
	content:"※";
	color:#FF3333;
}
input.long {
	width:90%;
	min-width:14em;
}
input.short {
	width:4em;
}
textarea.long {
	width:90%;
	min-width:14em;
}
@media print, only screen and (min-width: 769px) {
.formtable {
	width:90%;
	margin:1em auto;
	border-top:#FFF 1px solid;
	border-left:#FFF 1px solid;
}
.formtable th {
	display: table-cell;
	width:26%;
	background-color:#BBD8B8;
	border-bottom:#fff 1px solid;
	border-right:#fff 1px solid;
	text-align:center;
	padding:0.8em;
}
.formtable td {
	display: table-cell;
	width:auto;
	background-color:#E4E8DD;
	border-bottom:#fff 1px solid;
	border-right:#fff 1px solid;
	text-align:left;
	padding:0.8em;
}
label.must:after {
	content:"※";
	color:#FF3333;
}
input.long {
	width:75%;
	min-width:14em;
}
input.short {
	width:4em;
}
textarea.long {
	width:75%;
	min-width:14em;
}
.btnarea{
	text-align: center;
	padding: 1em;
}

}
/*----- 会員募集ページ -----*/
.action {
	float: none;
	width:100%;
	margin:0 0 30px 0;
}
.action dl {
	text-align:left;
	margin:0 auto;
	width:100%;
	margin-right:0;
	float:none;
}
.action dl dt {
	font-size:120%;
	margin:0 0 0 0;
	font-weight:900;
	padding:50px 0 0 0;
}
.action dl dt img {
	float:left;
}
.action dl dd {
	margin:0 0 20px 0;
	clear:both;
}
.color_B {
	color:#1EB5EA;
}
.color_O {
	color:#F39700;
}
.color_P {
	color:#EA609E;
}
a.entry-a {
	color:#FFF;
	text-decoration:none;
}
a.entry-a :hover {
	color:#FFF;
	text-decoration:none;
}
.entrybtn {
	display:block;
	width:80%;
	border-radius:10px;
	border:2px solid #F8C4C5;
	background-color:#E87476;
	padding:1em;
	font-size:1.2em;
	font-family:sans-serif;
	font-weight:bold;
	text-align:center;
	margin:3em auto;
	box-shadow:#A4A2A2 2px 2px 2px;
}
.entrybtn:hover {
	background-color:#D26364;
	box-shadow:#707070 2px 2px 2px;
}
.linkbtn {
	display:block;
	width:80%;
	border-radius:10px;
	border:2px solid #A7C0D1;
	background-color:#5D90D3;
	padding:0.5em;
	font-size:1.2em;
	font-family:sans-serif;
	font-weight:bold;
	text-align:center;
	margin:1em auto;
	box-shadow:#A4A2A2 2px 2px 2px;
}
.linkbtn:hover {
	background-color:#4A89AD;
	box-shadow:#707070 2px 2px 2px;
}

a.morebtn {
	display:block;
	width:90%;
	border-radius:10px;
	padding:0.5em;
	font-size:0.9em;
	font-family:sans-serif;
	font-weight:bold;
	text-align:center;
	margin:0 auto;
	box-shadow:#A4A2A2 2px 2px 2px;
	word-break: break-all;
	text-decoration: none;
}
a.morebtn:hover {
	box-shadow:#707070 2px 2px 2px;
}
a.yt{
	background-color:#E40206;
}
a.yt:hover {
	background-color:#B60003;
}
a.mr{
	background-color:#BA70F6;
}
a.mr:hover {
	background-color:#AA00E8;
}


.morebtntxt, .morebtntxt:hover{color: #FFF !important;}

.guideline {
	float: none;
	width:94%;
	text-align:left;
	/*background-color:#FFFCD1;*/
	padding:30px 3% 20px 3%;
	border-radius: 10px;
    -webkit-border-radius: 10px;  
    -moz-border-radius: 10px;
}
.guideline h3 {
	margin:0 0 0 0;
	text-align:center;
}
.guideline dl dt {
	font-size:110%;
	font-weight:900;
	margin:0 0 5px 0;
}
.guideline dl dd {
	margin:0 0 15px 1em;
}
.guideline ul {
	margin:0 0 0 0;
	padding-left: 1em;
	text-indent: -1em;
}
.guideline table {
	width:100%;
	text-align:center;
}
.guideline table th {
	background-color:#DDD;
	padding:2px 5px 2px 5px;
	border:1px #000 solid;
}
.guideline table th.class_01 {
	background-color:#D3EDFB;
}
.guideline table th.class_02 {
	background-color:#E1EECF;
}
.guideline table td {
	background-color:#FADCEA;
	padding:2px 5px 2px 5px;
	border:1px #000 solid;
}
.guideline table td.member_01 {
	background-color:#FEEBBE;
}
.guideline table td.member_02 {
	background-color:#fff;
}
.color_LB {
	color:#D3EDFB;
}
.color_LG {
	color:#E1EECF;
}
.color_LP {
	color:#FADCEA;
}
.color_LO {
	color:#FEEBBE;
}
.download {
	/*background-color:#D7EEA1;*/
	padding:5px 3% 30px 3%;
	border-radius: 10px;
    -webkit-border-radius: 10px;  
    -moz-border-radius: 10px;
	margin:0 0 30px 0;
}
.download ul {
	text-align:left;
	margin:0 0 0 3%;
	padding:10px 0 0 1em;
	text-indent: -1em;
}
.download ul li {
	margin:0 0 15px 0;
}
.rulestable table {
	width: 100%;
	border:1px solid #000;
}
.rulestable table th,.rulestable table td {
	border:1px solid #000;
	text-align:center;
	vertical-align:middle;
	padding: 5px 1% 5px 1%;
	word-break: break-all;
}
.guide_recruitment {
	padding: 1.5rem 1rem 0.7rem 1rem;
    border: 3px solid #bf9bfe;
    border-radius: 10px;
}
.guide_recruitment h3 {
	color: #6C2782;
	margin:0 0 1rem 0;
	font-size: 120%;
}
.guide_recruitment p {
	text-align: center;
}

@media print, only screen and (min-width: 769px) {
.action dl {
	text-align:left;
	margin:0 1%;
	width:calc( 94% / 3);
	float:left;
}

.action dl dt {
	font-size:120%;
	margin:0 0 1em 0;
	font-weight:900;
	padding:50px 0 0 0;
	height:3em;
	line-height: 1.2em;
	border-bottom: 1px dotted #6C2782;
	text-align: center;
}

}

/*----- MEGUROレジェンダーズ ページ -----*/
.legenders_top {
	margin:0 0 0 0;
}