@charset 'UTF-8';
/* CSS Document */

/* z-index

9999	nav ul li ul.sub

*/

/* -------------------------------------------------------- common */

html {
	height: 100%;
	/* background: #000; */
}

body
{
	/* min-width: 1200px; */
	/* background: #f0f0f0; */
	height: 100%;
	width: 100%;
	/* overflow-x: hidden; */
	box-sizing: border-box;
	/* background: #f7f8f8; */
	
	
	background-size: contain;
	/* background:linear-gradient(90deg,#fff 0%,#fff 70%,#f0f0f0 70%,#f0f0f0 100%); */

    /* background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(251, 123, 162, 0) 0%, rgba(251, 123, 162, 0) 92%, rgb(251, 123, 162) 100%) repeat scroll 0 0; */
    /* overflow: hidden; */

}

div.wrapper {
	box-sizing: border-box;
	/* overflow: hidden; */
	/* background: url("../img/main_bg_sightseeing_01.jpg") center center; */
}

div.inner
{
    width: 1000px;
    margin: 0 auto;
}

.fl
{
    float: left;
}
.fr
{
    float: right;
}
a
{
    outline: none;
}
a:focus,
*:focus
{
    outline: none;
}
.default
{
    display: block;
}
.responsive
{
    display: none;
}

/* 
	centering position: absolute;
	
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
*/


/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------toppage */

body.top {
	background: #FFFFFF;
}

body.top footer div.logo {
	margin-bottom: 1em;
}

body.top footer div.logo img {
	margin: 0 auto;
}

body.top footer div.information {
	font-size: 1.4rem;
	/* text-align: center; */
	margin-bottom: 1em;
}

body.top footer div.information table {
	font-size: 1.6rem;
	/* text-align: center; */
	margin-bottom: 1em;
	border-collapse: collapse;
	border-top: 1px solid #dcdddd;
	vertical-align: middle;
	width: 100%;
    margin: 0 auto;
}

/*body.top footer div.information table tr{
	width: 60%;
	margin-right: 0;
	margin-left: 0;
}*/

body.top footer div.information table th {
	width: 38%;
	text-align: center;
	padding: 1em 0;
	border-bottom: 1px solid #dcdddd;
}

body.top footer div.information table td {
	padding: 1em 0 ;
	border-bottom: 1px solid #dcdddd;
	font-weight: bold;
}

body.top footer div.information table td.w20 {
	width: 15%;
}

body.top footer div.information table td.w65 {
	width: 70%;
}

body.top footer div.information table td.large {
	font-size: 1.4rem;
	font-weight: bold;
}

body.top footer div.information table td img.schedule {
	width: 300px;
	height: 30px;
	vertical-align: bottom;
}

body.top footer div.information table td div.fl.w49 {
	font-size: 1.2rem;
	float: left;
	width: 49%;
	padding: 0;
}

body.top footer div.information table td div.fr.w49 {
	float: right;
	width: 49%;
	padding: 0;
}

body.top .wrapper {
    display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	position: relative;
	
}

body.top footer div.information table td .tr {
	text-align: right;
}

/* -------------------------------------------------------------------------------------------------------mainTitle */

body.top .wrapper div.mainTitle {
	position: absolute;
	top: 20%;
	left: 50%;
	content: "";
	display: block;
	width: 700px;
	height: 400px;
	z-index: 3000;	
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	/* pointer-events: none; */
}

body.top .wrapper div.mainTitle img {
	width: 700px;
	height: 400px;
	display: block;
}

/* @end */

body.top .column {
	height: 600px !important; /* android */
	height: calc(100vh - 100px) !important;
	width: 50%; /* android */
	justify-content: center;
	align-items: flex-end;
	position: relative;
}

/* body.top .column:before {
	position: absolute;
	z-index: 0;
	background: #000;
	opacity: 0.5;
	width: 100%;
	height: 100%;
	content: "";
	display: block;
	transition: all 0.4s ease 0s;	
}
 */
/*
body.top .column a.wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	background: #000;
	opacity: 0.5;
	width: 100%;
	height: 100%;
	content: "";
	display: block;
	transition: all 0.4s ease 0s;	
}
*/

body.top .column a.sightseeing:before,
body.top .column a.conference:before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	background: #000;
	opacity: 0.5;
	width: 100%;
	height: 100%;
	/* min-width: 1000px;
	min-height: 1000px; */
	content: "";
	display: block;
	transition: all 0.4s ease 0s; 
}

body.top .column a.sightseeing.none:before,
body.top .column a.conference.none:before {
	position: relative;
	top: 0;
	left: 0;
	z-index: 1000;
	background: none;
	opacity: 0;
	width: 0;
	height: 0;
	content: "";
}

body.top .column a.sightseeing:hover:before,
body.top .column a.conference:hover:before {
	opacity: 0;
}

body.top .column a.wrap:hover {
	opacity: 0;
}

body.top .column.conference {
  /* background: url("../img/main_bg_conference_01.jpg") center center;
  background-size: cover; */

}

body.top .column.sightseeing {
  /* background: url("../img/main_bg_sightseeing_01.jpg") center center;
  background-size: cover; */
}

body.top .column > a:hover + a:before {
	opacity: 0;	
}

body.top .column span.link {
	border: 1px solid #fff;
	position: absolute;
	bottom: 40px;	
	color: #fff;
	padding: 0.5em 3em;
	font-size: 1.8rem;
	font-weight: bold;
	z-index: 2000;
	transition: all 0.4s ease 0s;	
}

body.top .column:hover span.link {
	background: #fff;
	color: #333;
}


body.top .column.sightseeing span.link {
	right: 40px;
}

body.top .column.conference span.link {
	left: 40px;
}

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

header
{
	width: 100%;
	/* position: fixed; */
	z-index: 9999;
	background: #fff;
}

header div.top
{
    overflow: hidden;

    padding: 1em 0;
}

header div.logo a
{
    display: block;

    padding: 0;

    color: #333;
	font-family: 游明朝, "Yu Mincho", YuMincho, Georgia, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
	font-weight: bold;
	font-size: 2.4rem;
}

header div.logo a img,
footer div.logo a img
{
    display: block;
    /*width: 100%;*/
	transition: all 0.4s ease 0s;
	/*max-width: 95%;*/
	/* margin: 0 auto; */
}
.w6p{
	width: 600px;
}
.w95{
	max-width: 95%;
	width: 100%;
}
header div.utility
{
    text-align: right;
	margin-top: 0.4em
}

header div.utility ul li
{

    display: inline;

}

header div.utility ul li a
{
    font-size: 1.3rem;

    position: relative;

    padding: 0 1em 0 .8em;

    color: #333;
}

header div.utility ul li a:hover
{
    /* text-decoration: underline; */
}

header div.utility ul li a:hover
{
    /* color: #fdd000; */
	text-decoration: underline;
}

header div.utility ul li a::before
{
    position: absolute;
	top: 50%;
    left: 0;

    width: 4px;
    height: 4px;
    margin: auto;

    content: '';
    -webkit-transform: translate(0, -50%) rotate(45deg);
       -moz-transform: translate(0, -50%)  rotate(45deg);
        -ms-transform: translate(0, -50%)  rotate(45deg);
         -o-transform: translate(0, -50%)  rotate(45deg);
            transform: translate(0, -50%)  rotate(45deg);
    border-top: 1px solid #ace3e5;
    border-right: 1px solid #ace3e5;
}


/* -------------------------------------------------------- nav */

header div.menuButton
{
    display: none;
}
nav
{
    background: #fddb40;
	/* background: #fff; */
    position: relative;
display: none;
    height: 100%;
}

nav.fixed
{
	position: fixed;
	z-index: 9999;
	height: auto;
	width: 100%;
	top: 0;
	left: 0;
}

nav ul
{
    display: table;

    width: 100%;
    height: 100%;
	padding: 1em 0;
}

nav ul li
{
    position: relative;
    display: table-cell;

    /* height: 80px; */

    vertical-align: middle;
}
/* 
nav > div.inner > ul > li > a::after
{
    position: absolute;
    z-index: 9999;
    bottom: 0;
    left: 0;

    width: 0;
    height: 3px;

    content: '';
    transition: all .1s ease-in-out;

    background: #003e6c;
}

nav > div.inner > ul > li > a:hover::after
{
    left: 0;

    width: 100%;
} */

nav ul li a
{
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.2;

    position: relative;

    display: block;

    box-sizing: border-box;
    width: 100%;
    /* height: 80px; */
    padding: 0;

    text-align: center;
    /* color: #003e6c; */

    color: #263238;
	
}

nav ul li.current a
{
	color: #aaa;
}

nav ul li.current:after
{
	position: absolute;
	content: "";
	bottom: 0;
	width: 25%;
	height: 3px;
	left: 50%;
	background: #f75651;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

nav ul li a:hover::after
{
    position: absolute;
    bottom: -0.8em;
    left: 50%;

    width: 5px;
    height: 5px;
	display: block;
	border-radius: 100%;
	background: #fdb900;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);

    content: '';
}


nav ul li a:hover
{
	text-decoration: underline;
}


nav ul li:first-child a::before
{
    /* position: absolute;
    top: 1.2em;
    left: 0;

    width: 1px;
    height: 15px;

    content: '';

    background: #e9e9e9; */
}

/* ------------------------------------------------------------------------------------------------------------------ section.mainVisual */

section.mainVisual {
	
}

/* ------------------------------------------------------------------------------------------------------------------ div.subTopTitles */

div.subTopTitles {
	position: relative;
	z-index: 0;
	/* background: url(../img/bg_deco.jpg); */
	overflow: hidden;
		
}

div.subTopTitles div.titleWrap {
	position: relative;
	z-index: 100;
	min-height: 150px;
	box-sizing: border-box;
}

div.subTopTitles div.titleWrap div.title {
	position: absolute;
	top: 50%;
	left: 50%;
	
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	
	text-align: center;
	/* margin-bottom: 0.5em; */
	color: #333;
	display: block;
	/* border: 2px solid #333; */
	padding: 0.5em 2em;
	
	/* -webkit-animation: 0.5s ease 0.4s normal both 1 running transitionTop;
	animation: 0.5s ease 0.4s normal both 1 running transitionTop; */
}

div.subTopTitles div.titleWrap div.title h1,
div.subTopTitles div.titleWrap div.title span {
	font-weight: bold;
	font-size: 3.0rem;
}

div.subTopTitles div.titleWrap div.title h1 span.en,
div.subTopTitles div.titleWrap div.title span span.en {
	display: block;
	font-size: 1.8rem;
	color: #aaa;
}

div.subTopTitles div.titleWrap div.title div.schedule a {
	white-space: nowrap;
	text-align: left;
	position: absolute;
	color: #fff;
	font-weight: bold;
	margin-top: 1em;
	font-size: 2.0rem;
	font-weight: bold;
	display: block;
}

div.subTopTitles div.titleWrap div.title div.schedule a span {
	font-size: 1.4rem;
	position: relative;
	padding: 0.1em 1.5em 0.1em 0.5em;
	background: #fdd000;
	color: #263238;
}

div.subTopTitles div.titleWrap div.title div.schedule a span:after {
	position: absolute;
	top: 50%;
    right: 0.8em;

    width: 4px;
    height: 4px;
    margin: auto;

    content: '';
    -webkit-transform: translate(0, -50%) rotate(45deg);
       -moz-transform: translate(0, -50%)  rotate(45deg);
        -ms-transform: translate(0, -50%)  rotate(45deg);
         -o-transform: translate(0, -50%)  rotate(45deg);
            transform: translate(0, -50%)  rotate(45deg);
    border-top: 1px solid #263238;
    border-right: 1px solid #263238;
}





/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ attention addition */

section.information .mainimage {
	overflow: hidden;
	background-image:
		linear-gradient( to right, rgba(0,0,0,0.4), rgba(0,0,0,0.4) ),
		url("../img/conference_bg_01.jpg") !important;
  	background-repeat:
		no-repeat,
		no-repeat !important;
  	background-position:
		left,
		center center !important;	
	background-size:
		cover,
		cover !important;
}

div.mainimage div.subTopTitles {
    height: 220px !important;
}

div.subTopTitles div.titleWrap div.title div.attention {
	position: absolute;
	width: 100vw;
	left: 0;
}

div.subTopTitles div.titleWrap div.title div.attention a {
	text-align: left;
	position: absolute;
	width: 70%;
	color: #fff;
	/* font-weight: normal; */
	font-weight: bold;
	margin-top: 1em;
	font-size: 1.4rem;
	display: block;
}

div.subTopTitles div.titleWrap div.title div.attention a ul {
	margin-top: 1em;
}

div.subTopTitles div.titleWrap div.title div.attention a ul li {
	margin-bottom: 1em;
}

div.subTopTitles div.titleWrap div.title div.attention a ul li strong {
	font-size: 1.6rem;
	display: inline-block;
	background: #fddb40;
	color: #263238;
	padding: 0 0.5em;
}

div.subTopTitles div.titleWrap div.title div.attention a strong {
	font-size: 1.6rem;
	padding-top: 0;
	display: inline-block;
	background: #fddb40;
	color: #263238;
	padding: 0 0.5em;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


section.information {
	position: relative;
}

section.information div.alert {
	background: #f8f8f8;
	width: 50%;
	position: absolute;
	top: 0;
	right: 0;
	box-sizing: border-box;
	padding: 1em 1.5em;
	font-size: 1.4rem;
	border: 2px solid #fdb900;
}

section.information div.alert p {
	margin: 0.5em 0;
}

section.information div.alert p strong {
	font-size: 1.5rem;
}

section.information div.alert p.tc {
	text-align: center;
}

section.information div.alert p.tr {
	text-align: right;
}

section.information div.alert p a {
	color: #fdb900;
}


/* ------------------------------------------------------------------------------------------------------------------ div.mainimage div.subTopTitles */

div.mainimage div.subTopTitles {
	overflow: visible;
	height: 300px;
}

div.mainimage div.subTopTitles div.titleWrap {
	/* background: #263238; */
	max-width: 300px;
	width: 300px;
	height: 150px;
	bottom: 0;
	position: absolute;
	z-index: 1000;
}

div.mainimage div.subTopTitles div.titleWrap div.title h1,
div.mainimage div.subTopTitles div.titleWrap div.title span {
	color: #fff;
}

div.mainimage div.subTopTitles div.titleWrap div.title h1 span.en,
div.mainimage div.subTopTitles div.titleWrap div.title span span.en {
	color: #fff;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- section.information */

section.information {
	/* border-top: 1px solid #dcdddd;
	border-bottom: 1px solid #dcdddd; */
}

section.information .column {
	width: 49%;
	float: left;
	margin-right: 2%;
}

section.information .column:last-child {
	margin-right: 0;
}


section.information {
    background: #fff none repeat scroll 0 0;
    position: relative;
}

section.information {
    /* display: flex; */
}

section.information {
    /* display: flex; */
    width: 100%;
}

section.information .mainimage {
    background: url("../img/conference_bg_01.jpg") no-repeat;
	background-position: center center;
	background-size: cover;
	/* margin-top: 40px; */
	
	height: 500px;
	margin-bottom: 40px;
}

section.information div.inner.clearfix {
	padding: 40px 0;
}

section.information div.thema {

	font-size: 6.0rem;
	font-weight: bold;
	color: #263238;
	position: relative;
	z-index: 1;
	text-align: center;
	padding: 40px 0;

}
/* 
section.information div.inner.clearfix div.thema:after {
	background: url(../img/conference_bg_02.jpg) no-repeat;
	background-size: cover;

	width: 100%;
	position: absolute;
	top: 120px;
	height: calc(358px - 120px);
	content: "";
	left: 0;
	z-index: -1;
	
} */

section.information div.thema span.en {
	font-size: 1.8rem;
	font-weight: bold;
	color: #fddb40;
	display: block;
	line-height: 1;
}

section.information div.thema span.ja {	
	font-size: 6.0rem;
	font-weight: bold;
	color: #263238;
	line-height: 1;
}

section.information div.inner.clearfix div.description {
	font-size: 1.6rem;
	line-height: 2;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- section.information data image*/

section.information div.inner.clearfix div.data {
}

section.information div.inner.clearfix div.image {
	padding: 0 1em;
	box-sizing: border-box;
}

section.information div.inner.clearfix div.image img {
	width: 100%;
}

section.information div.inner.clearfix div.data {
}

section.information div.inner.clearfix div.data table {
	font-size: 1.4rem;
	border-collapse: collapse;
	border-top: 1px solid #dcdddd;
	vertical-align: middle;
}

section.information div.inner.clearfix div.data table th {
	width: 20%;
	text-align: left;
	padding: 1em 0;
	border-bottom: 1px solid #dcdddd;	
}

/* section.information div.inner.clearfix div.data table td {
	width: 80%;
	padding: 1em 0;
	border-bottom: 1px solid #dcdddd;
} */

section.information div.inner.clearfix div.data table td {
	padding: 1em 0;
	border-bottom: 1px solid #dcdddd;
}

section.information div.inner.clearfix div.data table.w20 {
	width: 15%;
}

section.information div.inner.clearfix div.data table.w65 {
	width: 70%;
}

section.information div.inner.clearfix div.data table.large {
	font-size: 1.4rem;
	font-weight: bold;
}

section.information div.inner.clearfix div.data table td.large {
	font-size: 1.8rem;
	font-weight: bold;
}

section.information div.inner.clearfix div.data table td.large span {
	font-size: 1.4rem;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- section.information */

/* section.information {
	border-top: 1px solid #dcdddd;
	border-bottom: 1px solid #dcdddd;
}

section.information {
    background: #fff none repeat scroll 0 0;
    position: relative;
	margin-bottom: 40px;
}


section.information div.columnWrap {
    display: flex;
}

section.information .columnWrap .column {
    display: flex;
    width: 100%;
}

section.information .columnWrap .column.picture {
    background: url("../img/topics_bg.jpg") no-repeat;
	background-position: center center;
	background-size: cover;
	margin-top: 40px;
	
	height: 500px;
}

section.information .columnWrap .column div.inner {
    box-sizing: border-box;
    padding: 40px;
    width: 100%;
}

section.information .columnWrap .column table {
	font-size: 1.4rem;
	border-collapse: collapse;
	border-top: 1px solid #dcdddd;
	vertical-align: middle;
}

section.information .columnWrap .column table th {
	width: 15%;
	text-align: left;
	padding: 1em 0;
	border-bottom: 1px solid #dcdddd;	
}

section.information .columnWrap .column table td {
	width: 85%;
	padding: 1em 0;
	border-bottom: 1px solid #dcdddd;
}

section.information .columnWrap .column table td.large {
	font-size: 1.8rem;
	font-weight: bold;
}

section.information .columnWrap .column table td.large span {
	font-size: 1.4rem;
}

section.information .columnWrap .column div.inner div.head {
	margin-top: 1em;
	padding-left: 1em;
	position: relative;
}

section.information .columnWrap .column div.inner div.head:before {
	position: absolute;
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 100%;
	display: block;
	background: #fdd000;
	left: 0;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

section.information .columnWrap .column div.inner span.feature {
	font-size: 3.0rem;
	font-weight: bold;
} */


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- div.bannerMain */


div.bannerMain {
	/* padding-top: 60px; */
}

div.bannerMain ul {
	margin-bottom: 20px;
	
}

div.bannerMain ul li {
	float: left;
	width: 490px;
	margin: 0 20px 20px 0;
}

div.bannerMain ul li:nth-child(2n) {
	margin-right: 0;
}

div.bannerMain ul li img {
	display: block;
	width: 100%;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- section.topics */

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- headline */

section div.headline div.title h2 {
	font-size: 2.8rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}

section div.headline div.title span {
	/* border: 1px solid #fdd000; */
	/* padding: 0.2em 1em; */
}
 
section div.headline div.title span.en {
	display: block;
	font-size: 1.8rem;
	color: #aaa;
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- section.topics */

section.topics {
	padding: 40px 0;
	background: #f5ce00;
}

section.topics div.headline div.title span.en {
    color: #fff;
}

section.topics div.inner {
	background: #fff;
	padding: 20px;
	position: relative;
	z-index: 1000;
    width: 100%;
	max-width: 1000px;
	box-sizing: border-box;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- updateList */

section.topics div.topicsWrap {
	width: 49%;
	margin-right: 2%;
	float: left;
}

section.topics>div.clearfix {
	max-width: 1000px;
    width: 100%;
	margin-left: auto;
	margin-right: auto;
}

div.updateList {
	background: #fff;
	padding: 20px;
	position: relative;
	z-index: 1000;
    width: 100%;
	max-width: 1000px;
	margin: 0 auto 40px;
	box-sizing: border-box;
	/* border: 1px solid #dcdddd; */
}

div.updateList ul li a div.entry {
    border-bottom: 1px solid #e9e9e9;
    display: block;
    padding: 0.5em 0;
}

div.updateList ul li a div.entry div.update {
    color: #929292;
    float: left;
    font-family: "Century Gothic",Meiryo,"メイリオ","游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",serif;
    font-size: 1.4rem;
    padding-right: 1em;
}

div.updateList ul li a div.entry div.new {
	float: left;
	background: #fdd000;
	color: #fff;
	padding: 0 0.5em;
	font-size: 1.3rem;
	vertical-align: middle;
	font-family: "Century Gothic","游ゴシック","Yu Gothic","游ゴシック体","YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-right: 1em;
}

div.updateList ul li a div.entry div.headline h2 {
	color: #333;
    font-size: 1.5rem;
	font-weight: bold;
	overflow: hidden;
}

div.updateList ul li a div.entry div.headline:hover {
    text-decoration: underline;
}

section.topics .btn {
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 1.6rem;
    font-weight: bold;
    position: relative;
    text-align: center;
	background: #263238;
	padding: 0.5em 2em;
	
	width: 50%;
	margin: 0 auto;
}

section.topics div.facebookWrap {
	float: left;
	width: 49%;
	height: 500px !important;
	margin-right: 0;
}

section.topics div.facebookWrap {
    max-width: 500px;
	height: 500px !important;
}
section.topics div.facebookWrap > .fb-page {
    width: 100%;
	height: 500px !important;
}
section.topics div.facebookWrap > .fb-page > span,
section.topics div.facebookWrap iframe {
    width: 100% !important;
	height: 500px !important;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- section.conferenceContents */

section.conferenceContents {
	padding-top: 60px;
}

section.conferenceContents div.contentsList {
	position: relative;
	z-index: 1000;
	/* padding-top: 30px; */
}


section.conferenceContents div.contentsList ul.column {
	margin: 0 auto 10px;
	/* padding: 0 40px; */
} 

section.conferenceContents div.contentsList ul.column li::before {
    background: none;
    border-radius: 0;
    content: "";
    height: 0;
    left: 0;
    margin: 0;
    position: relative;
    top: 0;
    transition: none;
    width: 0;
}

section.conferenceContents div.contentsList ul.column li {
    margin: 0;
    padding: 0;
    position: relative;
    float: left;
	margin-bottom: 2.87%;
	
    transition: all .1s ease-in-out;
	
}

section.conferenceContents div.contentsList ul.column li {  width: 31.42%;  margin-right: 2.87%;}
section.conferenceContents div.contentsList ul.column li:nth-child(3n) {  margin-right: 0;}

section.conferenceContents div.contentsList ul li:before {
	background: none;
}

section.conferenceContents div.contentsList ul li a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	color: #333;
}

section.conferenceContents div.contentsList div.article {
	/* padding: 20px; */
	position: relative;
	border: 1px solid #dcdddd;
	
	border-left: 2px solid #fdd000;
	box-sizing: border-box;
	background: #fff;
	height: 100px;
	overflow: hidden;
}

section.conferenceContents div.contentsList div.article div.icon {
	right: 0;
	width: 100px;
	height: 100px;
	top: 0;
	z-index: 9999;
	position: relative;
	float: right;
}

section.conferenceContents div.contentsList div.article div.icon span {
	top: 50%;
	left: 50%;
	/* color: #aaa; */
	color: #f5ce00;
	z-index: 9999;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	position: absolute;
	/* font-size: 3.0rem; */
	font-size: 4.0rem;
}


section.conferenceContents div.contentsList div.article div.wrap {
	padding: 1.5em;
	position: relative;
	
	overflow: hidden;
}

section.conferenceContents div.contentsList div.article div.headline {
	margin-bottom: 10px;
	font-weight: bold;
}

section.conferenceContents div.contentsList div.article div.headline h2 {
	font-size: 1.7rem;
	line-height: 1.3;
	color: #333;
    transition: all .1s ease-in-out;
}

section.conferenceContents div.contentsList a:hover div.article div.headline h2 {
	color: #fdd000;
}

section.conferenceContents div.contentsList div.article div.description {
	font-size: 1.2rem;
	/* font-weight: bold; */
	color: #999;
	margin-bottom: 1em;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- div.bannerSub */


div.bannerSub {
	/* padding: 20px 0; */
	margin-bottom :20px;
}

div.bannerSub ul {
	
}

div.bannerSub ul li {
	float: left;
	width: 235px;
	margin: 0 20px 20px 0;
}

div.bannerSub ul li:nth-child(4n) {
	margin-right: 0;
}

div.bannerSub ul li img {
	display: block;
	width: 100%;
}



/* -------------------------------------------------------- div.scroller */

div.scroller
{
    position: absolute;
    z-index: 100;
    top: -40px;
	right: 0;

    display: block;

    width: 40x;
    height: 40px;
	z-index: 9999;
}

div.scroller div.button
{
    position: fixed;
    bottom: 50px;
	right: 0;

    width: 40px;
    height: 40px;
}

div.scroller div.button a
{
    position: relative;

    display: block;

    width: 40px;
    height: 40px;

    background: #ace3e5;
}

div.scroller div.button a:hover
{
    opacity: .8;
}

div.scroller div.button a.scrolls::before
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    width: 8px;
    height: 8px;

    content: '';
    transition: all .2s ease-in-out 0s;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
       -moz-transform: translate(-50%, -50%) rotate(-45deg);
        -ms-transform: translate(-50%, -50%) rotate(-45deg);
         -o-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);

    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
h1{
	font-size: 4.2rem;
	margin: 1rem 0;
}
h2{
	font-size: 3.5rem;
	margin-bottom: 1.5rem;
}
h3{
	font-size: 3rem;
	margin-bottom: 1rem;
}

/* -------------------------------------------------------- footer */

footer {
	border-top: 1px solid #dcdddd;
	background: #fff;
	color: #333;
	position: relative;
	padding: 0;
}

footer div.logo {
	padding-bottom: 1em;
}

footer div.sponsor {
	font-size: 1.4rem;
}

footer div.sponsor span.head {
	font-size: 1.4rem;
	font-weight: bold;
}

footer div.fl {
	width: 50%;
	font-size: 1.4rem;
	padding: 1em 0 2em;
	/* text-align: center; */
}

footer div.fl span.head {
	font-size: 1.4rem;
	font-weight: bold;
}

footer div.copyright {
	padding: 0.5em 0;
	text-align: center;
	font-weight: normal;
	font-size: 1.4rem;
	/* border-top: 1px solid #dcdddd; */
	background: #8fb1c9;
	color: #fff;
}


footer div.next {
	padding: 1em 0;
	text-align: center;
	background: #263238;
	color: #fff;
}

footer div.next div.description {
	margin-bottom: 0.5em;
}

footer div.next img {
	display: block;
	width: 300px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}




/* -------------------------------------------------------- topicPath */

.topicPath {
	font-size: 1.2rem;
	display: block;
	background: #ace3e5;	
	color: #fff;
}

.topicPath ul {
	padding: 0.2em 10px;
	list-style: none;
}

.topicPath ul li {
	display: inline;
}

.topicPath ul li a {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

.topicPath ul li a:hover {
	text-decoration: none;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- common */


div.contents
{
    margin-bottom: 60px;
}

div.main
{
    float: left;

    width: 100%;
    margin-bottom: 40px;
}

aside
{
	float: right;
	width: 235px;
}




/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- section.sightseeing */


section.sightseeing .mainimage {
    /* background: url("../img/sightseeing_bg.jpg") no-repeat;
	background-position: center center;
	background-size: cover; */
	/* margin-top: 40px; */
	
	height: 500px;
	margin-bottom: 40px;
	
	overflow: hidden;
	position: relative;
}

section.sightseeing .mainimage div.inner {
	position: relative;
	width: 1200px;
}

section.sightseeing .mainimage div.subTopTitles {
	z-index: 9999;
}

/*
section.sightseeing .mainimage:after {
    background: url("../img/sightseeing_bg.jpg") no-repeat;
	background-position: center center;
	background-size: cover;
	margin-top: 40px;
	
	height: 500px;
	
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	content: "";


	 -webkit-animation-name: move;
          animation-name: move;
  -webkit-animation-duration: 30s;
          animation-duration: 30s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
}

@keyframes move {
  0% {
    transform: translate(0, 0);
  }

  50% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(0, 0);
  }

}
*/

.videowrap {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

.videowrap video {
	width: 100%;
}



section.sightseeingList {
	position: relative;
	z-index: 1000;
	margin-bottom: 40px;
	margin-top: 10px;
}

section.sightseeingList>ul>li {
	float: left;
	width: 25%;
	position: relative;
	border: 1px solid #dcdddd;
	box-sizing: border-box;

}

section.sightseeingList ul li:last-child {
	margin-bottom: 0;
}

section.sightseeingList div.article {
	/* padding: 20px; */
	position: relative;
	
	/* border-left: 2px solid #fdd000; */
	box-sizing: border-box;
	background: #fff;
	/* overflow: hidden; */
}

section.sightseeingList div.article div.spot {
	width: 100%;
	overflow: hidden;
	display: table;
	position: relative;
	
	background: #fff;
	float: left;
}

section.sightseeingList div.article div.spot a {
	display: block;
	position: relative;
	z-index: 1000;
}


section.sightseeingList div.article div.spot a:after {
    background: #000 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    opacity: 0.1;
    position: absolute;
    transition: all 0.4s ease 0s;
    width: 100%;
    z-index: 2000;
	left: 0;
	top: 0;
}

section.sightseeingList div.article div.spot a:hover:after {
    opacity: 0;
}

section.sightseeingList div.article div.spot span {
	display: table-cell;
    height: auto;
    text-align: center;
    vertical-align: middle;
    width: 100%;	
}

section.sightseeingList div.article div.spot span img {
    display: inline;
    height: auto;
    max-height: 100%;
    max-width: 100%;
	width: 100%;
    vertical-align: middle;
    /* width: auto; */
	position: relative;
	z-index: 50;
    transition: all 1s ease-in-out;
	transform: scale(1.0,1.0);	
}

section.sightseeingList div.article:hover div.spot span img {
	transform: scale(1.05,1.05);
}









section.sightseeingList div.article div.map {
	width: 100%;
	overflow: hidden;
	display: table;
	position: relative;
	
	background: #f0f0f0;
	border-radius: 5px;
	
	margin-bottom: 20px;
}

section.sightseeingList div.article div.map:after {
	position: absolute;
	content: "MAP";
	width: 50px;
	height: 50px;
	background: #263238;
	color: #fff;
	border-radius: 100px;
	text-align: center;
	line-height: 50px;
	top: -25px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	   -moz-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		 -o-transform: translate(-50%, 0);
			transform: translate(-50%, 0);
			
	z-index: 1000;
	
}

section.sightseeingList div.article div.map span {
	display: table-cell;
    height: auto;
    text-align: center;
    vertical-align: middle;
    width: 100%;	
}

section.sightseeingList div.article div.map span img {
    display: inline;
    height: auto;
    max-height: 100%;
    max-width: 100%;
	width: 100%;
    vertical-align: middle;
    /* width: auto; */
	position: relative;
	z-index: 50;
    transition: all 1s ease-in-out;
	transform: scale(1.5,1.5);	
}

section.sightseeingList div.article:hover div.map span img {
	transform: scale(2.5,2.5);
}


section.sightseeingList div.article div.comment {
	font-size: 1.6rem;
	margin-bottom: 1em;
	font-weight: bold;
	
	height: 50px;
}








section.sightseeingList div.article div.wrap {
	padding: 1em;
	position: relative;
	
	overflow: hidden;
	/* float: left;
	width: calc(100% - 360px); */
	box-sizing: border-box;
}

section.sightseeingList.clinic div.article div.headline,
section.sightseeingList.clinic div.article div.link {
	margin-left: 0;
}

section.sightseeingList div.article div.headline {
	margin-bottom: 0.5em;
	font-weight: bold;
	position: absolute; 
	/* left: -10px; */
	top: -10px;
	z-index: 3000;
	display: block;
	width: 80px;
	height: 80px;
	box-sizing: border-box;
	text-align: center;
	/* -webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		 -o-transform: rotate(45deg);
			transform: rotate(45deg); */
	
}

/* section.sightseeingList div.article div.headline.yonago {	border: 3px solid #df9e21;}
section.sightseeingList div.article div.headline.daisen {	border: 3px solid #3b893a;}
section.sightseeingList div.article div.headline.matsue {	border: 3px solid #bb2b60;}
section.sightseeingList div.article div.headline.izumo {	border: 3px solid #82141a;} */

section.sightseeingList div.article div.headline.yonago {	background:#df9e21;}
section.sightseeingList div.article div.headline.daisen {	background:#3b893a;}
section.sightseeingList div.article div.headline.matsue {	background:#bb2b60;}
section.sightseeingList div.article div.headline.izumo {	background:#82141a;}
/* section.sightseeingList div.article div.headline.yonago h2 {	color: #df9e21;}
section.sightseeingList div.article div.headline.daisen h2 {	color: #3b893a;}
section.sightseeingList div.article div.headline.matsue h2 {	color: #bb2b60;}
section.sightseeingList div.article div.headline.izumo h2 {	color: #82141a;} */

section.sightseeingList div.article div.headline h2 {
	position: absolute;
	width: 100%;
	font-size: 1.5rem;
	/* color: #333; */
	color: #fff;
	top: 50%;
	text-align: center;
	-webkit-transform: translate(0, -50%) rotate(-45deg);
	   -moz-transform: translate(0, -50%) rotate(-45deg);
		-ms-transform: translate(0, -50%) rotate(-45deg);
		 -o-transform: translate(0, -50%) rotate(-45deg);
			transform: translate(0, -50%) rotate(-45deg);
	
}

section.sightseeingList div.article div.headline h2 span {
	font-size: 1.4rem;
}

section.sightseeingList div.article div.description {
	margin-bottom: 1em;
}

section.sightseeingList div.article div.link {
	font-size: 1.4rem;
	color: #808080;
	line-height: 1.6;
	margin-bottom: 2em;
	
	height: 120px;
}

section.sightseeingList div.article div.link a {
	color: #808080;
	color: #54483d;
	position: relative;
	padding-left: 1em;
}

section.sightseeingList div.article div.link a:hover {
	text-decoration: underline;

}

section.sightseeingList div.article div.link ul li {	
	/* white-space: nowrap; */
	margin-bottom: 0.2em;
}

section.sightseeingList div.article div.link a:before
{
	position: absolute;
	top: 50%;
	left: 0;

	display: block;

	width: 5px;
	height: 5px;

	content: '';
	transition: all .2s ease-in-out;
	-webkit-transform: translate(0, -50%) rotate(45deg);
	   -moz-transform: translate(0, -50%)  rotate(45deg);
		-ms-transform: translate(0, -50%)  rotate(45deg);
		 -o-transform: translate(0, -50%)  rotate(45deg);
			transform: translate(0, -50%)  rotate(45deg);

	border-top: 1px solid #fdd000;
	border-right: 1px solid #fdd000;
	
	background: none;
}

section.sightseeingList div.article .btn {
    border-radius: 5px;
    color: #263238;
    display: block;
    font-size: 1.4rem;
    font-weight: bold;
    position: relative;
    text-align: center;
	background: #fff;
	border: 2px solid #263238;
	padding: 0.2em 2em;
	
	width: 30%;
	margin: 0 auto;
    transition: all 0.2s ease-in-out;
}


section.sightseeingList div.article:hover .btn {
    color: #fff;
	background: #263238;
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ aside */

aside ul
{
    margin-bottom: 20px;
	border: 1px solid #dcdddd;
	border-top: 2px solid #fdd000;
	box-sizing: border-box;
}

aside ul li
{
    display: block;

    width: 100%;
}

aside ul li a
{
    font-size: 1.4rem;

    position: relative;

    display: block;

    padding: 1em;

    transition: all .1s ease-in-out;

    color: #54483d;
    border-top: none;
    background: #e6e6e6;
	
	border-bottom: 1px solid #dcdddd;
}

aside ul li:last-child a
{
	border-bottom: none;
}

aside ul li a:hover
{
    background: #fff;
}

aside ul li a::after
{
	position: absolute;
	top: 50%;
	right: 1em;
	
	display: block;
	
	width: 5px;
	height: 5px;
	
	content: '';
	transition: all .2s ease-in-out;
	-webkit-transform: translate(0, -50%) rotate(45deg);
	   -moz-transform: translate(0, -50%)  rotate(45deg);
		-ms-transform: translate(0, -50%)  rotate(45deg);
		 -o-transform: translate(0, -50%)  rotate(45deg);
			transform: translate(0, -50%)  rotate(45deg);
	
	border-top: 1px solid #fdd000;
	border-right: 1px solid #fdd000;
	
	background: none;
}

/* -------------------------------------------------------- categoryTitles */

div.categoryTitles {
	position: relative;
	z-index: 0;
	overflow: hidden;
		
}

/* -------------------------------------------------------- div.categoryVisual */

div.categoryTitles div.categoryVisual {
	height: 150px;
	display: block;
	/* overflow: hidden; */
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
	
}

div.categoryTitles div.categoryVisual img {
	display: block;
	width: 100%;
	position: relative;
	z-index: 10;
}

div.categoryTitles div.categoryVisual:before {
	background: #000;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	z-index: 100;
	content: "";
	display: block;
	top: 0;
	left: 0;
}


div.categoryTitles div.titleWrap {
	position: relative;
	z-index: 100;
	min-height: 150px;
	box-sizing: border-box;
}

div.categoryTitles div.titleWrap div.title {
	position: absolute;
	top: 50%;
	left: 50%;
	
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	
	text-align: center;
	/* margin-bottom: 0.5em; */
	color: #333;
	display: block;
	/* border: 2px solid #333; */
	padding: 0.5em 2em;
	
	width: 100%;
	box-sizing: border-box;
	
	/* -webkit-animation: 0.5s ease 0.4s normal both 1 running transitionTop;
	animation: 0.5s ease 0.4s normal both 1 running transitionTop; */
}

div.categoryTitles div.titleWrap div.title h1,
div.categoryTitles div.titleWrap div.title {
	font-weight: bold;
	font-size: 3.0rem;
}

div.categoryTitles div.titleWrap div.title h1 span.en,
div.categoryTitles div.titleWrap div.title span.en {
	display: block;
	font-size: 1.8rem;
	color: #aaa;
}


div.categoryTitles div.description {
	position: relative;
}

div.categoryTitles div.description:before {
	background: #4568DC;
	background: -webkit-linear-gradient(to right, #B06AB3, #4568DC);
	background: linear-gradient(to right, #B06AB3, #4568DC);
    content: "";
    display: block;
    height: 3px;
    margin: 0 auto 20px;
    width: 40px;
	
	-webkit-animation: 0.5s ease 0s normal both 1 running drawLines;
	animation: 0.5s ease 0s normal both 1 running drawLines;
}

div.categoryTitles div.description h2 {
	font-size: 1.4rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
	
	-webkit-animation: 0.5s ease 0.4s normal both 1 running transitionBottom;
	animation: 0.5s ease 0.4s normal both 1 running transitionBottom;
}

/*
  -webkit-animation: 1s ease 0.3s normal both 1 running show;
*/

@-webkit-keyframes transitionTop {
	0% {
		opacity: 0;
		transform: translate(0px, 0.5em);
	}
	50% {
	}
	100% {
		opacity: 1;
		transform: translate(0px, 0px);
	}
}

@keyframes transitionTop {
	0% {
		opacity: 0;
		transform: translate(0px, 0.5em);
	}
	50% {
	}
	100% {
		opacity: 1;
		transform: translate(0px, 0px);
	}
}

@-webkit-keyframes transitionBottom {
	0% {
		opacity: 0;
		transform: translate(0px, -0.5em);
	}
	50% {
	}
	100% {
		opacity: 1;
		transform: translate(0px, 0px);
	}
}

@keyframes transitionBottom {
	0% {
		opacity: 0;
		transform: translate(0px, -0.5em);
	}
	50% {
	}
	100% {
		opacity: 1;
		transform: translate(0px, 0px);
	}
}

@-webkit-keyframes drawLines {
	0% {
		width: 0;
	}
	50% {
	}
	100% {
		width: 40px;
	}
}

@keyframes drawLines {
	0% {
		width: 0;
	}
	50% {
	}
	100% {
		width: 40px;
	}
}

/* -------------------------------------------------------- categoryList */

div.categoryList {
	position: relative;
	z-index: 1000;
}

div.categoryList:after {
	/* -webkit-transform: skewY(-10deg);
	-moz-transform: skewY(-10deg);
	-ms-transform: skewY(-10deg);
	-o-transform: skewY(-10deg);
	transform: skewY(-10deg); */
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	/* background: #4568DC;
	background: -webkit-linear-gradient(to right, #B06AB3, #4568DC);
	background: linear-gradient(to right, #B06AB3, #4568DC); */
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0.1;
}

div.categoryList ul.column {
	margin: 0 auto;
	/* padding: 0 40px; */
} 

div.categoryList ul.column li::before {
    background: none;
    border-radius: 0;
    content: "";
    height: 0;
    left: 0;
    margin: 0;
    position: relative;
    top: 0;
    transition: none;
    width: 0;
}

div.categoryList ul.column li {
    margin: 0;
    padding: 0;
    position: relative;
    float: left;
	margin-bottom: 2.87%;
	
    transition: all .1s ease-in-out;
	
	
}

div.categoryList ul.column li {  width: 31.42%;  margin-right: 2.87%;}
div.categoryList ul.column li:nth-child(3n) {  margin-right: 0;}

div.categoryList ul li:before {
	background: none;
}

div.categoryList ul li a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	color: #333;
}
/*
div.categoryList ul li a:after {
	position: absolute;
	border: 1px solid #fff;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 9999;
	box-sizing: border-box;	
	transition: all .1s ease-in-out;
}

div.categoryList ul li a:hover:after {
	width: 96%;
	height: 97%;
	top: 50%;
	left: 50%;
	border: 1px solid #ba9975;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
*/
div.categoryList div.article {
	/* padding: 20px; */
	position: relative;
	border: 1px solid #dcdddd;
	
	border-left: 2px solid #fdd000;
	box-sizing: border-box;
	background: #fff;
	overflow: hidden;
}

div.categoryList div.article div.icon {
	/* background: #fdd000; */
	/* background: #f0f0f0; */
	right: 0;
	width: 100px;
	height: 100px;
	top: 0;
	z-index: 9999;
	/* -webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%); */
	position: relative;
	float: right;
}

div.categoryList div.article div.icon span {
	top: 50%;
	left: 50%;
	color: #aaa;
	z-index: 9999;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	position: absolute;
	font-size: 3.0rem;
}


div.categoryList div.article div.spot {
	width: 100%;
	height: 171px;
	/* background: url(../img/icon_default.jpg) no-repeat;
	background-position: center;
	background-size: cover; */
	overflow: hidden;
	/* border-bottom: 1px solid #f8f4f1; */
	display: table;
	position: relative;
	
	background: #f6f6f6;
}

div.categoryList div.article div.spot span {
	display: table-cell;
    height: 171px;
    text-align: center;
    vertical-align: middle;
    width: 100%;	
}

div.categoryList div.article div.spot span img {
    display: inline;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    width: auto;
	position: relative;
	z-index: 50;
    transition: all .1s ease-in-out;
}

div.categoryList div.article div.spot:after {
	mix-blend-mode: overlay;
	position: absolute;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	display: block;
	opacity: 0;
	transition: all .1s ease-in-out;	
}

div.categoryList div.article div.spot:hover:after {
	/* background: #4568DC;
	background: -webkit-linear-gradient(to right, #B06AB3, #4568DC);
	background: linear-gradient(to right, #B06AB3, #4568DC); */
	opacity: 1;
}

div.categoryList div.article div.wrap {
	padding: 1.5em;
	position: relative;
	
	overflow: hidden;
}

div.categoryList.clinic div.article div.headline,
div.categoryList.clinic div.article div.description,
div.categoryList.clinic div.article div.clearfix {
	margin-left: 0;
}

div.categoryList div.article div.headline {
	margin-bottom: 10px;
	font-weight: bold;
}

div.categoryList div.article div.headline h2 {
	font-size: 1.8rem;
	line-height: 1.3;
	color: #333;
}

div.categoryList div.article div.description {
	font-size: 1.2rem;
	/* font-weight: bold; */
	color: #999;
	margin-bottom: 1em;
}

div.categoryList div.article div.more {
	/* background: #000; */
	
	/* background: #fdd000; */
	background: #333;
	
	
	/* background: -webkit-linear-gradient(to right, #B06AB3, #4568DC);
	background: linear-gradient(to right, #B06AB3, #4568DC);
 */
	
	
	display: inline-block;
	padding: 0 1.5em;
			
	/* text-align: center; */
	font-size: 1.4rem;
	position: relative;
	
	/* width: 130px; */
	box-sizing: border-box;
	/* margin: 0 auto; */
    transition: all .1s ease-in-out;
	color: #fff;
	border-radius: 5px;
	
	/* font-family: "Century","游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝",serif; */
}

div.categoryList div.article:hover div.more {
	background: #fdd000;
}

div.categoryList div.article div.more:before {
	/*
	position: absolute;
    top: 50%;
    left: .8em;

    width: 4px;
    height: 4px;
	margin-top: -2px;

    content: '';
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);

    border-top: 1px solid #f35955;
    border-right: 1px solid #f35955;
    transition: all .5s ease-in-out;
	*/
}

div.categoryList a:hover div.article div.more {
	/* background: #b99877;
	color: #fff;
	*/
}

div.categoryList a:hover div.article div.more::before{
	/* -webkit-transform: rotate(405deg);
       -moz-transform: rotate(405deg);
        -ms-transform: rotate(405deg);
         -o-transform: rotate(405deg);
            transform: rotate(405deg);
	border-top: 1px solid #fff;
    border-right: 1px solid #fff;
	*/
}


div.categoryList div.article div.update {
	font-size: 1.2rem;
	/* color: #ba9875; */
	color: #000;
}

/* detail */

div.detail {
	background: #fff;
	border: 1px solid #dcdddd;
	padding: 2em;
}
/*追加CSS20240924*/
	.about2025{
	padding-top: 30px;
	width: 100%;
   margin: 0 auto;
		text-align:center;
	}
.main_v {
	width: 100%;
		margin: 0 auto;
	margin-bottom: 20px;
}
.main_v img{
	width: 100%;
}
/*.link25{
	   border: 1px solid #000000;
    color: #000000;
    padding: 0.5em 3em;
    font-size: 1.8rem;
    font-weight: bold;
	flex-wrap: wrap;
}*/
.link25fl{
	display: flex;
	padding: 30px;
	justify-content: space-around;
flex-wrap: wrap;
}
.linkbnr{
	    width:182px;
    height:43px;
    line-height:43px;
}
.linkbnr a{
	display:block;
    width:100%;
    height:100%;
    text-decoration: none;
    background:#ACE3E5;
    text-align:center;
    color:#000000;
    font-size:19px;
    font-weight:bold;
}
.linkbnr a:hover{
	   background:#E1FEFF;
    color:#5B5F5F;
    margin-left:0px;
    margin-top:0px;
    box-shadow:none;
}
.spbr{
	display: none;
}
.flex { display:flex; flex-flow:row wrap; justify-content:space-between; position: relative; }
.flex.rowre { flex-flow: row-reverse wrap; }
.flex.jcfs { justify-content:flex-start; }
.flex.jcc { justify-content:center; }
.flex.aic { align-items: center; }
.flex.aifs { align-items: flex-start; }
.flex.aife { align-items: flex-end; }
.flex .fg1 { flex-grow: 1; }
.w100 { width: 100%; margin-right:0 !important; margin-left:0 !important; }
.w95 { width: 95%; }
.w90 { width: 90%; }
.w85 { width: 85%; }
.w80 { width: 80%; }
.w75 { width: 75%; }
.w70 { width: 70%; }
.w66 { width: 66%; }
.w65 { width: 65%; }
.w60 { width: 60%; }
.w55 { width: 55%; }
.w50 { width: 50%; }
.w49 { width: 49%; }
.w48 { width: 48%; }
.w47 { width: 47%; }
.w45 { width: 45%; }
.w40 { width: 40%; }
.w35 { width: 35%; }
.w33 { width: 33%; }
.w32 { width: 32%; }
.w30 { width: 30%; }
.w25 { width: 25%; }
.w24 { width: 24%; }
.w22 { width: 22%; }
.w20 { width: 20%; }
.w19 { width: 19%; }
.w18 { width: 18%; }
.w15 { width: 15%; }
.w10 { width: 10%; }
.w5 { width: 5%; }
.w4 { width: 4%; }
.w3 { width: 3%; }
.w2 { width: 2%; }
.w1 { width: 1%; }

@media screen and (max-width:960px) {
h1{
	font-size: 2.1rem;
	margin: 0.5rem 0;
}
h2{
	font-size: 1.8rem;
	margin-bottom: 1rem;
}
	
.resp100, .resp_w100 { width:100% !important; }
.resp95 { width:95% !important; }
.resp90 { width:90% !important; }
.resp85 { width:85% !important; }
.resp80 { width:80% !important; }
.resp75 { width:75% !important; }
.resp70 { width:70% !important; }
.resp65 { width:65% !important; }
.resp60 { width:60% !important; }
.resp55 { width:55% !important; }
.resp50, .resp_w50 { width:50% !important; }
.resp48 { width:48% !important; }
.resp47 { width:47% !important; }
.resp45 { width:45% !important; }
.resp40 { width:40% !important; }
.resp45 { width:35% !important; }
.resp30 { width:30% !important; }
.resp25 { width:25% !important; }
.resp20 { width:20% !important; }
.resp15 { width:15% !important; }
.resp10 { width:10% !important; }

.resp66 { width:66.6% !important; }
.resp33 { width:33.3% !important; }
.resp49 { width:49% !important; }
.resp32 { width:32% !important; }

.resp_no { display: none; }
.resp_ma { margin:auto !important; }
.resp_column { flex-flow: column wrap; }
}