@charset "UTF-8";
/* CSS Document */
::selection {
	background: #ffebbf;
}
::-moz-selection {
 background:#ffebbf;
}
iframe {
	width: 100%;
	height: 500px;
}
.ud-o {
	display: inline-block;
	background: linear-gradient(transparent 70%, rgba(252,168,43,0.4) 70%);
}
.ud-p {
	display: inline-block;
	background: linear-gradient(transparent 70%, rgba(252,43,127,0.4) 70%);
}
.ud-b {
	display: inline-block;
	background: linear-gradient(transparent 70%, rgba(43,127,252,0.4) 70%);
}
.ud-g {
	display: inline-block;
	background: linear-gradient(transparent 70%, rgba(3,215,130,0.4) 70%);
}
.fwb {
	font-weight: bold;
}
.ud-o {
	display: inline-block;
	background: linear-gradient(transparent 70%, rgba(252,168,43,0.4) 70%);
}
.dn {
	display: none;
}
.db{
	display:block;
}
.ilb{
	display:inline-block;
}
.lh16{
	line-height:1.618em;
}
.col-b {
	color: #5682fc;
}
.col-o {
	color: #fbc02c;
}
.fs-xl {
	font-size: 1.4em;
}
.fs-l {
	font-size: 1.2em;
}
.fs-m {
	font-size: 0.8em;
}
.fs-s {
	font-size: 0.6em;
}
.fs-xs {
	font-size: 0.4em;
}
.col-p {
	color: #ffebbf;
}
.txt-c {
	text-align: center;
}
.txt-r {
	text-align: right;
}
.mr5 {
	margin-right: 5px;
}
.mr10 {
	margin-right: 10px;
}
.mr20 {
	margin-right: 20px;
}
.mr30 {
	margin-right: 30px;
}
.ml5 {
	margin-left: 5px;
}
.ml10 {
	margin-left: 10px;
}
.ml20 {
	margin-left: 20px;
}
.ml30 {
	margin-left: 30px;
}
.mb5{
	margin-bottom: 5px;
}
.mb10{
	margin-bottom: 10px;
}
.mt-10{
	margin-top: -10px;
}
.mt-5{
	margin-top: -5px;
}
.fll {
	float: left;
}
.flr {
	float: right;
}
.bs {
	-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.075);
	-ms-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.075);
	-o-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.075);
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.075);
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.075);
}
.ff-e{
	font-family: 'Allura', cursive;
}
.mx50 {
	position: relative;
	left: 50%;
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.my50 {
	position: relative;
	top: 50%;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.vrl {
	max-height:200px;
	height: auto;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode:vertical-rl;
	-moz-writing-mode:vertical-rl;
	writing-mode: vertical-rl;
}
/*==============================================================================================
================================================================================================
================================================================================================
================================================================================================
PC 641px〜
================================================================================================
================================================================================================
================================================================================================
==============================================================================================*/
@media print, screen and (min-width: 641px) {
.pc-dn {
	display: none;
}
.pc-mx50 {
	position: relative;
	left: 50%;
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.pc-my50 {
	position: relative;
	top: 50%;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.mb {
	margin-bottom: 60px;
}
.mb2 {
	margin-bottom: 30px;
}
.mb3 {
	margin-bottom: 15px;
}
.pc-mb60 {
	margin-bottom: 60px;
}
.pc-mb30 {
	margin-bottom: 30px;
}
.pc-mb20 {
	margin-bottom: 20px;
}
.pc-mb10 {
	margin-bottom: 10px;
}
.map {
	width: 100%;
	height: 100%;
}
.img-l {
	width: 33%;
	height: auto;
	float: left;
	margin: 0 30px 0 0;
}
.img-l img {
	width: 100%;
	height: auto;
}
.img-r {
	width: 33%;
	height: auto;
	float: right;
	margin: 0 0 0 30px;
}
.img-r img {
	width: 100%;
	height: auto;
}
.number {
	display: inline-block;
	width: 2em;
	height: 2em;
	background: #ffebbf;
	-moz-border-radius: 1em;
	-ms-border-radius: 1em;
	-o-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	text-align: center;
	line-height: 2em;
	color: #fefefe;
	margin-right: 10px;
	font-size: 16px;
}
.txt-bg {
	background: #fcfcfc;
	border: 1px solid #ffebbf;
	padding: 30px;
	box-sizing: content-box;
}
/*================================================================
PC list.html
================================================================*/
.listArea {
	width: 100%;
	text-align: left;
}
.listArea ul {
	width: 100%;
}
.listArea ul li {
	padding: 15px 20px;
	border-bottom: #ffebbf solid 1px;
}
.listArea ul li:first-child {
	border-top: #ffebbf solid 1px;
}
.listArea ul li p {
	display: table-cell;
}
.listArea ul li .date {
	width: 180px;
}
.listArea ul li .category {
	width: 180px;
}
.listArea ul li .category span {
	padding: 0.2em 1.5em;
	background: #ffebbf;
	color: #FBFBF6;
}
.listArea ul li .title {
	width: 680px;
}
.listArea ul li img {
	vertical-align: middle;
}
.listArea .button {
	margin-top: 1em;
	text-align: center;
	margin-bottom: 30px;
}
.listArea .button span {
	width: 280px;
	display: inline-block;
}
/*================================================================
PC detail.html
================================================================*/
.detailArea {
	width: 100%;
	text-align: left;
}
.detailArea .date {
	height: 46px;
	border-top: #ffebbf solid 1px;
	border-bottom: #ffebbf solid 1px;
	text-align: center;
	line-height: 46px;
}
.detailArea .category {
	margin-top: 2px;
	height: 60px;
	border-top: #ffebbf solid 1px;
	border-bottom: #ffebbf dotted 1px;
	font-size: 1.1em;
	text-align: center;
	line-height: 60px;
}
.detailArea .thumbnail {
	padding-top: 20px;
	text-align: center;
}
.detailArea .title {
	border-bottom: #ffebbf solid 1px;
	font-size: 1.2em;
	text-align: center;
	line-height: 60px;
}
.detailArea .button {
	margin-top: 1em;
	text-align: right;
}
.detailArea #topics_body {
	padding: 1em;
	border-bottom: #ffebbf double 4px;
}
.detailArea #topics_body img {
	width: 500px;
	height: auto;
	padding: 20px 20px 0 200px;
}
.detail {
	width: 100%;
	text-align: left;
	margin-bottom: 30px;
}
.detail .button {
	margin-top: 1em;
	text-align: right;
}
/*====================================================================
PC title
====================================================================*/
.h3-1{
	font-size:1.618em;
	text-align:center;
	color:#99805d;
	line-height:1.423em;
}
.h3-1 span{
	font-family: 'Allura', cursive;
	display:block;
	margin-top: 12px;
	font-size:0.875em;
	color:#e05447;
	line-height:1em;
	letter-spacing:normal;
}
.h3-2{
	font-size:1.618em;
	line-height:0;
	color:#99805d;
}
.h3-2 p{
	display:inline-block;
	line-height:1em;
}
.h3-2 span{
	font-family: 'Allura', cursive;
	display:block;
	font-size:0.875em;
	color:#e05447;
	line-height:1.414em;
}
.h3-3{
	font-size:1.618em;
	border-left: 10px solid #99805d;
	padding-left: 1em;
}
.h3-3 p{
	line-height:1.3913em;
}
.h3-3 span{
	font-family: 'Allura', cursive;
	display:block;
	font-size:0.875em;
	color:#e05447;
	line-height:1em;
	margin-top: 5px;
	letter-spacing:normal;
}
.h3-4{
	font-size:1.618em;
	color:#99805d;
	line-height:1.423em;
}
.h3-4 span{
	font-family: 'Allura', cursive;
	display:block;
	margin-top: 12px;
	font-size:0.875em;
	color:#e05447;
	line-height:1em;
	letter-spacing:normal;
}
/*====================================================================
PC 2nd contents bg
====================================================================*/
.sec-bg {
	padding: 60px 0;
	box-sizing: border-box;
	border-bottom: 1px solid #ffebbf;
}
.sec {
	background: rgba(254,254,254,1);
	border: 1px solid #ffebbf;
	padding: 30px;
	box-sizing: border-box;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.sec-txt {
	background: #fcfcfc;
	border: 1px solid #ffebbf;
	padding: 30px;
	box-sizing: border-box;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.sec-txt2 {
	padding: 30px;
	box-sizing: border-box;
}
}

/*==============================================================================================
================================================================================================
================================================================================================
================================================================================================
SP 0〜640px
================================================================================================
================================================================================================
================================================================================================
==============================================================================================*/
@media screen and (max-width: 640px) {
.sp-dn {
	display: none;
}
.sp-img{
	width:50%;
	height:auto;
}
.sp-mx50 {
	position: relative;
	left: 50%;
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.sp-my50 {
	position: relative;
	top: 50%;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.mb {
	margin-bottom: 30px;
}
.mb2 {
	margin-bottom: 15px;
}
.mb3 {
	margin-bottom: 10px;
}
.sp-mb {
	padding-bottom: 30px;
}
.sp-mb2 {
	margin-bottom: 15px;
}
img {
	width: 100%;
	height: auto;
}
.map {
	width: 100%;
	height: 300px;
}
.img-l {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}
.img-l img {
	width: 100%;
	height: auto;
}
.img-r {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}
.img-r img {
	width: 100%;
	height: auto;
}
.number {
	display: inline-block;
	width: 2em;
	height: 2em;
	background: #ffebbf;
	-moz-border-radius: 1em;
	-ms-border-radius: 1em;
	-o-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	text-align: center;
	line-height: 2em;
	color: #fefefe;
	margin-right: 10px;
	font-size: 14px;
}
.txt-bg {
	background: #fcfcfc;
	border: 1px solid #ffebbf;
	padding: 10px;
	box-sizing: content-box;
}
/*================================================================
SP list.html
================================================================*/
.listArea {
	width: 100%;
	text-align: left;
}
.listArea ul {
	width: 100%;
}
.listArea ul li {
	padding: 10px 0;
	border-bottom: #ffebbf solid 1px;
	margin-bottom: 10px;
}
.listArea ul li:first-child {
	border-top: #ffebbf solid 1px;
}
.listArea ul li p {
}
.listArea ul li .date {
	display: inline;
	width: 100px;
	padding: 0 20px 0 0;
}
.listArea ul li .category {
	display: inline;
	width: 100px;
}
.listArea ul li .category span {
	padding: 0.2em 1.2em;
	line-height: normal;
	background-color: #ffebbf;
	color: #FBFBF6;
}
.listArea ul li .title {
	display: block;
	width: 100%;
}
.listArea ul li img {
	vertical-align: middle;
}
.listArea .button {
	margin-top: 1em;
	text-align: center;
	margin-bottom: 20px;
}
.listArea .button span {
	width: 100px;
	display: inline-block;
}
/*================================================================
SP detail.html
================================================================*/
.detailArea {
	width: 100%;
	text-align: left;
}
.detailArea .date {
	border-top: #ffebbf solid 1px;
	border-bottom: #ffebbf solid 1px;
	text-align: center;
	padding: 10px 0;
}
.detailArea .category {
	margin-top: 2px;
	border-top: #ffebbf solid 1px;
	border-bottom: #ffebbf dotted 1px;
	text-align: center;
	padding: 20px 0;
}
.detailArea .thumbnail {
	padding-top: 20px;
	text-align: center;
}
.detailArea .title {
	border-bottom: #ffebbf solid 1px;
	font-size: 1.1em;
	text-align: center;
	padding: 20px 0;
}
.detailArea .button {
	margin-top: 1em;
	text-align: right;
}
.detailArea #topics_body {
	padding: 1em;
	border-bottom: #ffebbf double 4px;
}
.detailArea #topics_body img {
	max-width: 100%;
	height: auto;
	text-align: center;
	padding: 10px 0;
}
.detail {
	width: 100%;
	text-align: left;
	margin-bottom: 20px;
}
.detail .button {
	margin-top: 1em;
	text-align: right;
}
/*====================================================================
SP 2nd title
====================================================================*/
.h3-1{
	font-size:1.618em;
	text-align:center;
	line-height:1.423em;
	color:#99805d;
}
.h3-1 span{
	font-family: 'Allura', cursive;
	display:block;
	margin-top: 12px;
	font-size:0.875em;
	color:#e05447;
	line-height:1em;
	letter-spacing:normal;
}
.h3-2{
	font-size:1.618em;
	line-height:0;
	color:#99805d;
}
.h3-2 p{
	display:inline-block;
	line-height:1em;
}
.h3-2 span{
	font-family: 'Allura', cursive;
	display:block;
	font-size:0.875em;
	color:#e05447;
	line-height:1.414em;
}
.h3-3{
	font-size:1.618em;
	border-left: 10px solid #99805d;
	padding-left: 1em;
	color:#99805d;
}
.h3-3 p{
	line-height:1.3913em;
}
.h3-3 span{
	font-family: 'Allura', cursive;
	display:block;
	font-size:0.875em;
	color:#e05447;
	line-height:1em;
	margin-top: 5px;
	letter-spacing:normal;
}
.h3-4{
	font-size:1.618em;
	line-height:1.423em;
	text-align:center;
	color:#99805d;
}
.h3-4 span{
	font-family: 'Allura', cursive;
	display:block;
	margin-top: 12px;
	font-size:0.875em;
	color:#e05447;
	line-height:1em;
	letter-spacing:normal;
}
/*====================================================================
SP 2nd contents bg
====================================================================*/
.sec-bg {
	padding: 15px;
	box-sizing: border-box;
	border-bottom: 1px solid #ffebbf;
}
.sec {
	background: rgba(254,254,254,1);
	border: 1px solid #ffebbf;
	padding: 15px;
	box-sizing: border-box;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.sec-txt {
	background: #fcfcfc;
	border: 1px solid #ffebbf;
	padding: 15px;
	box-sizing: border-box;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.sec-txt2 {
	padding: 15px;
	box-sizing: border-box;
}
}

/*==============================================================================================
================================================================================================
================================================================================================
================================================================================================
TAB
================================================================================================
================================================================================================
================================================================================================
==============================================================================================*/
@media screen and (max-width: 991px) and (min-width: 641px) {
.tab-dn {
	display: none;
}
.mb {
	margin-bottom: 30px;
}
.mb2 {
	margin-bottom: 15px;
}
/*====================================================================
TAB 2nd contents bg
====================================================================*/
.sec-bg {
	padding: 20px 0;
	box-sizing: border-box;
	border-bottom: 1px solid #ffebbf;
}
.sec {
	background: rgba(254,254,254,1);
	border: 1px solid #ffebbf;
	padding: 20px;
	box-sizing: border-box;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.sec-txt {
	background: #fcfcfc;
	border: 1px solid #ffebbf;
	padding: 20px;
	box-sizing: border-box;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.sec-txt2 {
	padding: 20px;
	box-sizing: border-box;
}
}

/*==============================================================================================
================================================================================================
================================================================================================
================================================================================================
PC 992px〜
================================================================================================
================================================================================================
================================================================================================
==============================================================================================*/
@media print, screen and (min-width: 992px) {
.pc-md-dn {
	display: none;
}
}

/*==============================================================================================
================================================================================================
================================================================================================
================================================================================================
PC 1200px〜
================================================================================================
================================================================================================
================================================================================================
==============================================================================================*/
@media print, screen and (min-width: 1200px) {
.pc-lg-dn {
	display: none;
}
}


.lh0{
	border:1px solid #000;
}