efe6ceefe6ceefe6ceefe6ceefe6ceefe6ceefe6ceefe6ce@charset "shift_jis";
/* リンク
----------------------------- */
a:hover img {
	opacity: 0.80;
}
/* レイアウト
----------------------------- */
#contents #main #selection .wrap {
	margin-top: 10px;
	background: url(img/bk01.gif) left top repeat;
	border: 1px solid #CCCCCC;
	padding: 1px;
}
#contents #main #selection .topimg {
	background: url(img/contents_bg01.jpg) left top repeat;
	text-align: center;
	margin: 0px;
}
#contents #main #selection .topimg img {
	width: 100%;
}
#contents #main #selection .contents {
	padding: 0;
	color: #333333;
	background: #efe6ce;
}
#contents #main #selection .contents .inner {
	padding: 0px 40px;
	margin: 0 auto;
}
#contents #main #selection .contents .block {
	margin-bottom: 20px;
}
#contents #main #selection .contents .block .text p {
	margin-bottom: 10px;
}
#contents #main #selection .contents .block .img {
	font-size: 0;
}
#contents #main #selection .contents .block .img p {
	display: inline-block;
	width: 425px;
	margin-right: 20px;
}
#contents #main #selection .contents .block .img p img {
	width: 100%;
}
#contents #main #selection .contents .block .img p:nth-of-type(2n) {
	margin-right: 0px;
}

/* スマホレイアウト
----------------------------- */
@media only screen and (max-width: 768px) {
#contents #main #selection .wrap img {
	max-width: 100%;
	height: auto;
}
#contents #main #selection .topimg {
	margin-bottom: 10px;
}
#contents #main #selection .contents .inner {
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}
#contents #main #selection .contents .block {
	margin-bottom: 10px;
}
#contents #main #selection .contents .block .img p {
	margin-bottom: 10px;
	width: 100%;
}
#contents #main #selection .contents .block .img p:last-of-type {
	margin-bottom: 0px;
}
}
/*PCコンテンツ
----------------------------- */
.flex {
	display: flex;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flexcenter {
	display: flex;
	-webkit-flex-wrap: wrap;
	justify-content: space-around;
	flex-wrap: wrap;
}
.col2 {
	width: 48.7%;
}
.col3 {
	width: 31.5%;
}
.col4 {
	width: 23%;
}
.col5 {
	width: 65.9%;
}
.sp {
	display: none;
}
.pc {
	display: inline-block;
}
#contents #main #selection .contents .read {
	padding: 20px 40px;
	position: relative;
}
#contents #main #selection .contents .read p {
	color: #561c1c;
	padding: 20px;
	font-size: 16px;
	text-align: center;
	background-color: rgba(255,255,255,0.45);
	-webkit-border-radius: 10px 10px 10px 10px/ 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px/ 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px/ 10px 10px 10px 10px;
	margin: 0px;
}
#contents #main #selection .contents .img01 {
	background: url(img/titlebk01.png) left top no-repeat;
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	width: 178px;
	height: 234px;
}
#contents #main #selection .contents .img02 {
	background: url(img/titlebk02.png) right top no-repeat;
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 181px;
	height: 181px;
}
#contents #main #selection .contents h2 {
	text-align: center;
	margin-bottom: 10px;
}
#contents #main #selection .contents p {
	margin-bottom: 40px;
}
#contents #main #selection .sp {
	display: none;
}
#contents #main #selection .contents .box {
	padding: 0px 40px 20px 40px;
}
#contents #main #selection .contents .banner {
	margin-bottom: 40px;
}
#contents #main #selection .contents .banner .flex {
	align-items: center;
}
#contents #main #selection .contents .banner .text {
	background: #FFF;
}
#contents #main #selection .contents .banner .balloon1-left {
	position: relative;
	display: inline-block;
	margin: 1.5em 0 1.5em 15px;
	padding: 7px 10px;
	min-width: 120px;
	max-width: 100%;
	color: #561c1c;
	font-size: 14px;
	background: #FFF;
}
#contents #main #selection .contents .banner .balloon1-left:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -30px;
	margin-top: -15px;
	border: 15px solid transparent;
	border-right: 15px solid #FFF;
}
#contents #main #selection .contents .banner .balloon1-left p {
	margin: 0;
	padding: 0;
}
#contents #main #selection .contents .jissen .itemlist {
	border-bottom: dotted 3px #FFF;
	padding-bottom: 0px;
	margin-bottom: 30px;
}
#contents #main #selection .contents .jissen .itemlist .title {
	width: 10%;
}
#contents #main #selection .contents .jissen .itemlist h3 {
	background: #ed700f;
	color: #FFF;
	text-align: center;
	font-size: 26px;
	-webkit-border-radius: 10px 10px 10px 10px/ 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px/ 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px/ 10px 10px 10px 10px;
	line-height: 2em;
	letter-spacing: 0.3em;
	writing-mode: vertical-rl;
	margin: 0px;
	padding: 30px 0px;
}
#contents #main #selection .contents .jissen .itemlist .item {
	width: 88%;
}
#contents #main #selection .contents .jissen .itemlist .item .flex {
	justify-content: flex-start;
}
#contents #main #selection .contents .jissen .itemlist .item ul li {
	margin-bottom: 20px;
	width : -webkit-calc(25% - 20px);
	width : calc(25% - 20px);
	padding: 0px 10px;
}
#contents #main #selection .contents .jissen .itemlist .item ul li .img {
	text-align: center;
}
#contents #main #selection .contents a img:hover {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
#contents #main #selection .contents .jissen .itemlist .item p {
	text-align: center;
	font-size: 16px;
	color: #561c1c;
	margin: 5px 0px 0px 0px;
}

/* スマホコンテンツ
----------------------------- */
@media only screen and (max-width: 768px) {
#contents #main #selection .pc {
	display: none;
}
#contents #main #selection .sp {
	display: inline-block;
}
#contents #main #selection .contents .read {
	padding: 20px;
}
#contents #main #selection .contents .img01, #contents #main #selection .contents .img02 {
	display: none;
}
#contents #main #selection .contents .box {
	padding: 20px;
}
#contents #main #selection .contents .banner .flex .col2 {
	width: 100%;
	text-align: center;
}
#contents #main #selection .contents .banner .balloon1-left {
	position: relative;
	display: inline-block;
	margin: 1.5em 0;
	padding: 7px 10px;
	min-width: 120px;
	max-width: 100%;
	background: #FFF;
}
#contents #main #selection .contents .banner .balloon1-left:before {
	content: "";
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-bottom: 15px solid #FFF;
}
#contents #main #selection .contents .banner .balloon1-left p {
	margin: 0;
	padding: 0;
}
#contents #main #selection .contents .jissen .itemlist .title,  #contents #main #selection .contents .jissen .itemlist .item {
	width: 100%;
}
#contents #main #selection .contents .jissen .itemlist h3 {
	writing-mode: horizontal-tb;
	width: 100%;
	padding: 0px;
	font-size: 18px;
	margin-bottom: 10px;
}
#contents #main #selection .contents .jissen .itemlist .item ul li {
	width : -webkit-calc(50% - 20px);
	width : calc(50% - 20px);
}
}