@charset "UTF-8";

.clearBoth { clear: both; }

p {
	margin: 0;
	padding: 0;
}

.innerWrap {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0;
}

h2 {
	font-family: "TsukuARdGothic-Regular","Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック", Osaka, sans-serif;
	line-height: 1.2; }

.topSp10 { margin: 10px 0 0 0; }
.topSp20 { margin: 20px 0 0 0; }
.btmSp10 { margin: 0 0 10px 0; }
.btmSp20 { margin: 0 0 20px 0; }
.btmSp30 { margin: 0 0 30px 0; }
.btmSp50 { margin: 0 0 50px 0; }

@media screen and (max-width: 1000px) {
.btmSp30 { margin: 0 0 2em 0; }
.btmSp50 { margin: 0 0 2em 0; }
}

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

.lineStripesBorder01 ,
.lineStripesBorder02 ,
.lineStripesBorder03 ,
.lineStripesBorder04 {
	width: 100%;
	height: 5px;
}
.lineStripesBorder01 {
	border-top: 1px solid #c3c2c2;
	border-bottom: 1px solid #c3c2c2;
}
.lineStripesBorder02 {
	border-bottom: 1px solid #a26267;
}
.lineStripesBorder03 {
	border-top: 1px solid #a26267;
}

.lineStripes {
	background: url(../images/common/line_stripes.png) repeat-x 0 0;
	width: 100%;
	height: 5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.lineStripes {
	background: url(../images/common/line_stripes@2x.png) repeat-x 0 0;
	background-size: 34px 5px;
	}
}

/* --------------------------------------------
 *                      texts
 * -------------------------------------------- */

.textCenter { text-align: center; }
.textRight { text-align: right; }
.textBold { font-weight: bold; }
.textNormal { font-weight: normal; }
.font10 { font-size: 10px; }
.font12 { font-size: 12px; }
.font14 { font-size: 14px; }
.font18 { font-size: 18px; }
.font20 { font-size: 20px; }

.textWhite { color: #fff; }
.textBlue { color: #008aff; }
.textRed { color: #d6182f; }

.fontG { font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;　}

.markerYellow {
	background: linear-gradient(transparent 60%, #fff443 60%);
}

.linkWhite a { color: #fff; }
.linkWhite a:hover { color: #d6182f; }
a .linkWhite { color: #fff; }
a:hover .linkWhite { color: #d6182f; }

.textMore {
	background: url(../images/common/icon_more.png) no-repeat left 4px;
	float: right;
	margin: 0.8em 0;
	padding: 0 0 0 16px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.textMore {
	background: url(../images/common/icon_more@2x.png) no-repeat left 4px;
	background-size: 12px 12px;
	}
}

/* --------------------------------------------
 *                      bg
 * -------------------------------------------- */

.bgWhite { background: #fff; }
.bgGreen { background: #149435; }
.bgRed { background: #d6182f; }
.bgBlue { background: #1278de; }
.bgOrange { background: #ff6c00; }
.bgGray { background: #f3f3f3; }
.bgYellow { background: #ffc600; }
.bgPurple { background: #8f24d3; }

/* --------------------------------------------
 *                      img
 * -------------------------------------------- */

.imgBtm10 {
	margin: 0 0 10px 0;
}
.imgBox {
	margin: 0;
	padding: 0;
}
img.iconImg {
	margin-right: 8px;
	vertical-align: middle;
}

@media all and (max-width: 640px) {
.pageTitle h2 img.iconImg {
	margin-right: 4px;
	vertical-align: middle;
	}
.imgBtm10 {
	margin: 0;
	}
}

/* --------------------------------------------
 *                      pageTitle
 * -------------------------------------------- */

.pageTitle {
	border-radius: 30px 24px 38px 30px / 20px 20px 30px 20px;
	box-shadow: 6px 6px 0 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 6px 6px 0 0 rgba(0,0,0,0.1);
	-webkit-box-shadow: 6px 6px 0 0 rgba(0,0,0,0.1);
	margin: 0 0 20px 0;
	padding: 0;
}
.pageTitle h2 {
	color: #fff;
	font-size: 24px;
	margin: 0;
	padding: 10px 90px 4px 13px;
}
.titleRed { background: #d6182f url(../images/common/bg_pagetitle.png) no-repeat right 50%; }
.titleGreen { background: #0cb237 url(../images/common/bg_pagetitle.png) no-repeat right 50%; }
.titleYellow { background: #ffc600 url(../images/common/bg_pagetitle.png) no-repeat right 50%; }
.titleBlue { background: #4280f6 url(../images/common/bg_pagetitle.png) no-repeat right 50%; }

@media all and (min-width: 641px) and (max-width: 768px) {
.pageTitle h2 {
	font-size: 22px;
	}
}

@media all and (max-width: 640px) {
.pageTitle h2 {
	font-size: 18px;
	padding: 10px 50px 4px 10px;
	}
.titleRed {
	background: #d6182f url(../images/common/bg_pagetitle.png) no-repeat right bottom;
	background-size: 60px 60px;
	}
.titleGreen {
	background: #0cb237 url(../images/common/bg_pagetitle.png) no-repeat right bottom;
	background-size: 60px 60px;
	}
.titleYellow {
	background: #ffc600 url(../images/common/bg_pagetitle.png) no-repeat right bottom;
	background-size: 60px 60px;
	}
.titleBlue {
	background: #4280f6 url(../images/common/bg_pagetitle.png) no-repeat right bottom;
	background-size: 60px 60px;
	}
}

/* --------------------------------------------
 *                      conTitle
 * -------------------------------------------- */

.conTitle {
	background: url(../images/common/line01.png) no-repeat 0 bottom;
	margin: 0 0 20px 0;
	padding: 0;
}
.conTitle h3 {
	color: #582616;
	font-size: 24px;
	margin: 0;
	padding: 0 0 0 7px;
}

/*--- iconTitle ----------------------------------------------------------------- */

.iconTitle18 h4 {
	font-size: 18px;
	margin: 0 0 15px 0;
	padding: 0 0 7px 0;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px dashed #999;
	border-radius: 0;
}
.iconTitle20 h4 {
	font-size: 20px;
	margin: 0 0 15px 0;
	padding: 0 0 7px 0;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px dashed #999;
	border-radius: 0;
}

/*--- titleCart ----------------------------------------------------------------- */
.titleCart {
	margin: 0 0 15px 0;
	padding: 5px 10px;
	border-radius: 6px;
}
.titleCart h3 {
	font-size: 20px;
	color: #fff;
	margin: 0;
	padding: 0;
}

/*--- titleCart ----------------------------------------------------------------- */
h4 {
	font-size: 16px; 
	margin: 1.5em 0 1em 0;
	padding: 5px 10px;
	background: #fff;
	border: 1px solid #ccc;
	border-left: 2px solid #d6182f;
	border-radius: 6px;
}

/* --------------------------------------------
 *                  articleListArea
 * -------------------------------------------- */

.articleListArea ul {
	margin: 0;
}

@media all and (min-width: 1001px) {
.articleListArea ul li {
	float: left;
	width: 23%;
	height: auto;
	margin: 0 2.666% 1.5em 0;
	position: relative;
	}
.articleListArea ul li:nth-child(4n+1) {
	margin: 0 2.666% 1.5em 0;
	}
.articleListArea ul li:nth-child(4n) {
	margin: 0 0 1.5em 0;
	}
}
.articleListPhoto {
	position: relative;
	width: 100%;
	padding-top: 75%;
	overflow: hidden;
	margin: 0 auto;
}
.articleListPhoto img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.articleListTitle {
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 0.5em 0 0.2em 0;
}
.articleListText {
	color: #646464;
	margin: 0;
	padding: 0;
}

@media all and (min-width: 768px) and (max-width: 1000px) {
.articleListArea ul li {
	float: left;
	width: 31%;
	height: auto;
	margin: 0 0 1.5em 0;
	position: relative;
	}
.articleListArea ul li:nth-child(3n-1) {
	margin: 0 3.5%;
	}
}

@media all and (max-width: 767px) {
.articleListArea ul li {
	float: left;
	width: 48%;
	height: auto;
	margin: 0 4% 1.5em 0;
	position: relative;
	}
.articleListArea ul li:nth-child(2n+1) {
	margin: 0 4% 1.5em 0;
	}
.articleListArea ul li:nth-child(2n) {
	margin: 0 0 1.5em 0;
	}
}

/* --------------------------------------------
 *                  infoList
 * -------------------------------------------- */

/*--- infoList newspage ----------------------------- */

.infoList ul {
	list-style: none;
	text-align: left;
	margin: 0;
	border-bottom: 1px dotted #62bece;
}
.infoList li {
	margin: 0;
	padding: 0;
	border-top: 1px dotted #62bece;
}
.infoList li a {
	overflow: hidden;
}
.infoList li a span {
	display: block;
	float: left;
	width: 7em;
	padding: 0.5em;
}
.infoList li a p {
	margin-left: 7em;
	padding: 0.5em;
}
.infoList.infoIndex li a {
	color: #fff;
}
.infoList.infoPage li a {
	color: #333;
}
.infoList li a:hover p,
.infoList li a:hover span {
	color: #d6182f;
}

@media screen and (max-width: 480px) {
.infoList li a span {
	display: block;
	width: 100%;
	padding: 0.5em 0 0.2em 0 ;
	}
.infoList li a p {
	margin: 0;
	padding: 0 0 0.5em 0;
	}
}

/* --------------------------------------------
 *                  side area
 * -------------------------------------------- */

/*--- sideReserveArea ----------------------------------------------------------------- */

#sideReserveArea {
	position: relative;
	background: url(../images/common/bg_side_01.png) no-repeat;
	background-size: contain;
	width: 100%;
	height: 0;
	text-align: center;
	padding-top: 79.16666%;
	margin: 0 auto;
	overflow: hidden;
}
.sideReserve {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
}
.sideReserve h3 {
	color: #fff;
	font-size: 22px;
	margin: 0;
	padding: 0;
}
.sideReserve p {
	color: #fff;
}
.sideReserveBtn {
	width: 100%;
	color: #fff;
	margin: 0;
	padding: 15px 0;
}
.sideReserveBtn img {
	max-width: 194px;
	height: auto;
}

@media screen and (min-width: 641px) and (max-width: 767px) {
.sideReserve h3 {
	font-size: 18px;
	}
.sideReserve p {
	font-size: 12px;
	}
.sideReserveBtn {
	padding: 8px 0;
	}
.sideReserveBtn img {
	max-width: 170px;
	height: auto;
	}
}

@media screen and (max-width: 640px) {
#sideReserveArea {
	position: relative;
	background: url(../images/common/bg_side_01.png) no-repeat 50% 50%;
	background-size: 240px 190px;
	max-width: 100%;
	height: 190px;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	}
.sideReserve h3 {
	font-size: 18px;
	}
.sideReserve p {
	font-size: 12px;
	}
.sideReserveBtn img {
	width: 194px;
	height: 54px;
	}
}

/*--- sideHoursArea ----------------------------------------------------------------- */

#sideHoursArea {
	position: relative;
	background: url(../images/common/bg_side_02.png) no-repeat;
	background-size: contain;
	width: 100%;
	height: 0;
	text-align: center;
	padding-top: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.sideHours {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
}
.sideHours h3 {
	color: #fff;
	font-size: 22px;
	margin: 0;
	padding: 0;
}
.sideHours p {
	color: #fff;
}
.sideHoursImg {
	width: 100%;
	color: #fff;
	margin: 0;
	padding: 15px 0;
}
.sideHoursImg img {
	max-width: 200px;
	height: auto;
}

@media screen and (min-width: 641px) and (max-width: 767px) {
.sideHours h3 {
	font-size: 18px;
	}
.sideHours p {
	font-size: 12px;
	}
.sideHoursImg {
	padding: 8px 0;
	}
.sideHoursImg img {
	max-width: 170px;
	height: auto;
	}
}

@media screen and (max-width: 640px) {
#sideHoursArea {
	position: relative;
	background: url(../images/common/bg_side_02.png) no-repeat 50% 50%;
	background-size: 240px 246px;
	max-width: 100%;
	height: 246px;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	}
.sideHours h3 {
	font-size: 18px;
	}
.sideHours p {
	font-size: 12px;
	}
.sideHoursImg img {
	width: 200px;
	height: 110px;
	}
}

/*--- sideWeatherArea ----------------------------------------------------------------- */

#sideWeatherArea {
	position: relative;
	background: url(../images/common/bg_side_03.png) no-repeat;
	background-size: contain;
	width: 100%;
	height: 0;
	text-align: center;
	padding-top: 141.66666%;
	margin: 0 auto;
	overflow: hidden;
}
.sideWeather {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
}
.sideWeather h3 {
	color: #fff;
	font-size: 22px;
	margin: 0;
	padding: 0;
}
.sideWeather p {
	color: #fff;
}
.sideWeatherBox {
	max-width: 200px;
	text-align: center;
	margin: 0 auto;
	padding: 15px 0 0 0;
}

@media screen and (min-width: 641px) and (max-width: 767px) {
.sideWeather h3 {
	font-size: 18px;
	}
.sideWeather p {
	font-size: 12px;
	}
.sideWeatherBox {
	padding: 8px 0 0 0;
	}
}

@media screen and (max-width: 640px) {
#sideWeatherArea {
	position: relative;
	background: url(../images/common/bg_side_03.png) no-repeat 50% 50%;
	background-size: 240px 340px;
	max-width: 100%;
	height: 340px;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	}
.sideWeather h3 {
	font-size: 18px;
	}
.sideWeatherBox {
	max-width: 220px;
	text-align: center;
	margin: 0 auto;
	padding: 15px 0 0 0;
	}
}

/*--- sideSnsArea ----------------------------------------------------------------- */

#sideSnsArea ul {
	display: flex;
	justify-content: center;
}
#sideSnsArea ul li {
	margin: 0 5px;
}
#sideSnsArea ul li img {
	width: 40px;
	height: 40px;
}

@media screen and (max-width: 640px) {
#sideSnsArea ul li {
	margin: 0 1em;
	}
#sideSnsArea ul li img {
	width: 60px;
	height: 60px;
	}
}

/* --------------------------------------------
 *                  leftRightArea
 * -------------------------------------------- */

.leftRightArea {
	margin: 0;
	padding: 0;
}
.leftRightArea > div {
	float: left;
	width: 50%;
}
.leftArea {
	margin: 0;
	padding: 0 30px 0 0;
	box-sizing: border-box;
}
.rightArea {
	margin: 0;
	padding: 0;
}

.leftRightArea73 {
	margin: 0;
	padding: 0;
}
.leftRightArea73 .leftArea {
	float: left;
	width: 70%;
}
.leftRightArea73 .rightArea {
	float: left;
	width: 30%;
}

.leftRightArealine {
	margin: 0;
	padding: 0;
}
.leftRightArealine .leftArea {
	float: left;
	width: 50%;
	border-right: 1px solid #ccc;
	box-sizing: border-box;
}
.leftRightArealine .rightArea {
	float: left;
	width: 50%;
}

@media screen and (max-width: 767px) {
.leftRightArea > div ,
.leftRightArea73 .leftArea ,
.leftRightArea73 .rightArea {
	float: none;
	width: 100%;
	}
.leftArea {
	margin: 0;
	padding: 0;
	}
.rightArea {
	text-align: center;
	margin: 0.8em auto 0 auto;
	}
.leftRightArealine .rightArea {
	float: left;
	margin: 0;
	}
}

/* --------------------------------------------
 *                  article
 * -------------------------------------------- */

article .articleText p {
	margin: 0 0 1.2em 0;
	padding: 0;
}
article a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

/*--- articleBtm ----------------------------- */
.articleBtm ul {
	margin: 0 0 1em 0;
	padding: 0;
}
.articleBtm ul li {
	float: left;
	margin: 0 0 1em 0;
	padding: 0;
}
.articleDay {
	text-align: right;
}
.articleDay p {
	margin: 0;
	padding: 0;
}
.articleCat p a {
	color: #333333;
	margin: 0 0 0.5em 0.5em;
	padding: 0.5em 1em;
	background: #ffc600;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
}
.articleCat p a:hover {
	color: #ffffff;
	margin: 0 0 0.5em 0.5em;
	padding: 0.5em 1em;
	background: #d6182f;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
}

@media all and (min-width: 768px) {
.articleBtm {
	float: right;
	margin: 2em 0 0 0;
	padding: 0;
	}
}

@media all and (min-width: 481px) and (max-width: 767px) {
.articleBtm {
	float: right;
	margin: 1em 0;
	padding: 0;
	}
}

@media all and (max-width: 480px) {
.articleBtm {
	float: right;
	margin: 2em 0;
	padding: 0;
	}
}

/*--- prevNext ----------------------------- */

#prevNext a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
#prevNext {
	width: 100%;
	margin: 0;
	padding: 0;
	display: table;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#prevNext a {
	color: #333333;
}
#prevNext  #prev, #prevNext  #next {
	width: 44%;
	padding: 30px 10px 15px;
	display: table-cell;
	position: relative;
	text-decoration: none;
}
#prevNext #prevNextCenter {
	width: 12%;
	padding: 0;
	vertical-align: middle;
	display: table-cell;
	position: relative;
	text-decoration: none;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
#prevNext #prev p {
	text-align: left;
}
#prevNext #next p {
	text-align: right;
}
#prevNext #prevNextCenter p ,
#prevNext #prevNextHome p {
	text-align: center;
}
#prevNext #prev:hover,
#prevNext #next:hover,
#prevNext #prevNextCenter:hover ,
#prevNext #prevNextHome:hover {
	background-color: #ffc600;
}
#prevNext #prevTitle, #prevNext #nextTitle {
	font-size: 90%;
	top: -1em;
	position: absolute;
	background: #d6182f;
	text-align: center;
	padding: 3px;
	color: #ffffff;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
}
#prevNext #nextTitle {
	right: 10px;
}
#prevNext #prev img, #prevNext #next img {
	margin: 0 auto;
	border: 5px solid #ffffff;
}
#prevNext #prevNextHome {
	width: 44%;
	padding: 0;
	display: table-cell;
	vertical-align: middle;
}

@media only screen and (min-width: 1000px) {
#prevNext #prev, #prevNext #prev::before, #prevNext #prev::after,
#prevNext #next, #prevNext #next::before, #prevNext #next::after,
#prevNext #prevNextCenter, #prevNext #prevNextCenter::before, #prevNext #prevNextCenter::after ,
#prevNext #prevNextHome, #prevNext #prevNextHome::before, #prevNext #prevNextHome::after {	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	}
#prevNext #prevTitle, #prevNext #nextTitle{
	padding: 3px 10px;
	}
#prevNext #nextTitle{
	right:10px;
	}
#prevNext #prev img{
	float:left;
	margin-right:10px
	}
#prevNext #next img{
	float:right;
	margin-left: 10px;
	}
}

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

/*--- annotation ----------------------------------------------------------------- */

.annotation {
	margin: 0;
	padding: 0;
}
.annotation ul {
}
.annotation ul li {
	margin: 0;
	padding-left: 1.2em;
	position: relative;
}
.annotation ul li:before {
    content:"※";
    position: absolute;
    float: left;
    display: block;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
}

/*--- hoursArea ----------------------------------------------------------------- */

.hoursArea {
	margin: 0 0 10px 0;
	padding: 0;
}
.hoursArea ul {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	border-left: 1px solid #adadad;
	border-bottom: 1px solid #adadad;
}
.hoursArea ul > li {
	width: 33.333%;
}
.hoursArea ul li {
	text-align: center;
	font-size: 20px;
	margin: 0;
	padding: 6px;
	border-top: 1px solid #adadad;
	border-right: 1px solid #adadad;
	box-sizing: border-box;
}

@media screen and (max-width: 767px) {
.hoursArea ul {
	display: flex;
	flex-direction: column;
	border-left: none;
	border-bottom: none;
	}
.hoursArea ul > li {
	width: 100%;
	}
.hoursArea ul li {
	font-size: 18px;
	margin: 0;
	padding: 4px;
	border-top: none;
	border-right: none;
	box-sizing: border-box;
	}
.hoursArea ul li:nth-of-type(1) {
	order:1;
	}
.hoursArea ul li:nth-of-type(4) {
	order:2;
	}
.hoursArea ul li:nth-of-type(2) {
	order:3;
	}
.hoursArea ul li:nth-of-type(5) {
	order:4;
	}
.hoursArea ul li:nth-of-type(3) {
	order:5;
	}
.hoursArea ul li:nth-of-type(6) {
	order:6;
	}
}

/*--- hoursArea02 ----------------------------------------------------------------- */

.hoursArea02 {
	margin: 0 0 10px 0;
	padding: 0;
}
.hoursArea02 ul {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	border-left: 1px solid #adadad;
	border-bottom: 1px solid #adadad;
}
.hoursArea02 ul > li {
	width: 50%;
}
.hoursArea02 ul li {
	text-align: center;
	font-size: 20px;
	margin: 0;
	padding: 6px;
	border-top: 1px solid #adadad;
	border-right: 1px solid #adadad;
	box-sizing: border-box;
}

@media screen and (max-width: 767px) {
.hoursArea02 ul {
	display: flex;
	flex-direction: column;
	border-left: none;
	border-bottom: none;
	}
.hoursArea02 ul > li {
	width: 100%;
	}
.hoursArea02 ul li {
	font-size: 18px;
	margin: 0;
	padding: 4px;
	border-top: none;
	border-right: none;
	box-sizing: border-box;
	}
.hoursArea02 ul li:nth-of-type(1) {
	order:1;
	}
.hoursArea02 ul li:nth-of-type(2) {
	order:3;
	}
.hoursArea02 ul li:nth-of-type(3) {
	order:2;
	}
.hoursArea02 ul li:nth-of-type(4) {
	order:4;
	}
}

/* --------------------------------------------
 *                  lists
 * -------------------------------------------- */

.olList ol {
	margin: 0 0 0 2em;
	padding: 0;
}
.olList ol li {
	margin: 0 0 0.8em 0;
	padding: 0;
}

/* --------------------------------------------
 *                  tableArea
 * -------------------------------------------- */

/*--- table01 ----------------------------------------------------------------- */

.table01 {
	width: 100%;
	border-top: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-collapse: collapse;
	box-sizing: border-box;
}
.table01 th,
.table01 td {
	border-bottom: 1px solid #bbb;
	padding: 4px 6px;
}
.table01 th {
	width: 50%;
	background: #eee;
	border-left: 2px solid #d6182f;
	box-sizing: border-box;
}
.table01 td {
	width: 50%;
	text-align: center;
	border-left: 1px solid #bbb;
	box-sizing: border-box;
}

@media screen and (max-width: 767px) {
.table01 {
	border-top: none;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #bbb;
	}
.table01 th {
	display: block;
	text-align: center;
	width: 100%;
	box-sizing: border-box;
	border-top: 2px solid #d6182f;
	border-left: none;
	}
.table01 td {
	display: block;
	width: 100%;
	box-sizing: border-box;
	border-bottom: none;
	border-left: none;
	}
}

/*--- table02 ----------------------------------------------------------------- */

.table02 {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
	box-sizing: border-box;
}
.table02 th,
.table02 td {
	padding: 4px 6px;
	border: 1px solid #bbb;
}
.table02 th { width: 32%; }
.table02 td { text-align: center; }

.tabletypea{
    font-size:14px;
}

.table02.tabletypea th{
    font-weight: normal;
    text-align: center;
}

@media screen and (min-width: 641px) {
.tabletypea{
    font-size:20px;
}

}

/*--- table03 ----------------------------------------------------------------- */

.table03 {
	width: 100%;
	border-top: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-collapse: collapse;
	box-sizing: border-box;
}
.table03 th,
.table03 td {
	border-bottom: 1px solid #bbb;
	padding: 8px 10px;
}
.table03 th {
	width: 30%;
	background: #eee;
	border-left: 2px solid #d6182f;
	box-sizing: border-box;
}
.table03 td {
	width: 70%;
	text-align: left;
	border-left: 1px solid #bbb;
	box-sizing: border-box;
}

/*--- table04 ----------------------------------------------------------------- */

.table04 {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
	box-sizing: border-box;
}
.table04 th,
.table04 td {
	padding: 4px 6px;
	border: 1px solid #bbb;
}

/*--- table05 ----------------------------------------------------------------- */

.table05 {
	width: 100%;
	border-top: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-collapse: collapse;
	box-sizing: border-box;
}
.table05 th,
.table05 td {
	border-bottom: 1px solid #bbb;
	padding: 8px 10px;
}
.table05 th {
	width: 15%;
	background: #ffc600;
	border-left: 2px solid #d6182f;
	box-sizing: border-box;
}
.table05 td {
	width: 85%;
	text-align: left;
	border-left: 1px solid #bbb;
	box-sizing: border-box;
}
/*--- table06a ----------------------------------------------------------------- */

.table06a {
	width: 100%;
	border-top: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-collapse: collapse;
	box-sizing: border-box;
}
.table06a th,
.table06a td {
	padding: 8px 10px;
}
.table06a th {
	width: 30%;
	font-weight: normal;
	border-left: 2px solid #d6182f;
	box-sizing: border-box;
}
.table06a td {
	width: 70%;
	border-left: 1px solid #bbb;
	box-sizing: border-box;
}
/*--- table06 ----------------------------------------------------------------- */

.table06 {
	width: 100%;
	border-top: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-collapse: collapse;
	box-sizing: border-box;
}
.table06 th,
.table06 td {
	border-bottom: 1px solid #bbb;
	padding: 8px 10px;
}
.table06 th {
	width: 30%;
	font-weight: normal;
	border-left: 2px solid #d6182f;
	box-sizing: border-box;
}
.table06 td {
	width: 70%;
	border-left: 1px solid #bbb;
	box-sizing: border-box;
}

@media screen and (max-width: 767px) {
.table03 {
	border-top: none;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #bbb;
	}
.table03 th {
	display: block;
	text-align: center;
	width: 100%;
	box-sizing: border-box;
	border-top: 2px solid #d6182f;
	border-left: none;
	}
.table03 td {
	display: block;
	width: 100%;
	box-sizing: border-box;
	border-bottom: none;
	border-left: none;
	}
.table05 {
	border-top: none;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #bbb;
	}
.table05 th {
	display: block;
	text-align: center;
	width: 100%;
	box-sizing: border-box;
	border-top: 2px solid #d6182f;
	border-left: none;
	}
.table05 td {
	display: block;
	width: 100%;
	box-sizing: border-box;
	border-bottom: none;
	border-left: none;
	}
.table06a {
	display: none;
	}
.table06 {
	border-top: none;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #bbb;
	}
.table06 th {
	display: block;
	text-align: center;
	width: 100%;
	box-sizing: border-box;
	border-top: 2px solid #d6182f;
	border-left: none;
	}
.table06 td {
	display: block;
	width: 100%;
	box-sizing: border-box;
	border-bottom: none;
	border-left: none;
	}
}

/*--- tableSc ----------------------------------------------------------------- */

.tableSc {
	width: 100%;
	border-collapse: collapse;
	box-sizing: border-box;
}
.tableSc thead th {
	background: #999;
	width: 24.5%;
	color: #fff;
	font-weight: normal;
	text-align: center;
	padding: 2px;
	border-right: 1px solid #fff;
}
.tableSc thead th:first-child {
	background: #fff;
	width: 2%;
	border-right: none;
}
.tableSc thead th:last-child {
	border-right: none;
}
.tableSc tbody th {
	text-align: center;
	line-height: 1.2;
	padding: 4px;
}
.tableSc tbody td {
	font-size: 12px;
	line-height: 1.4;
	padding: 4px;
}
.tableSc tbody tr:nth-child(2n) {
	background: #eee;
}
.tableSc tbody td span {
	padding: 2px;
}


/* --------------------------------------------
 *                  links
 * -------------------------------------------- */

/*--- linkx1 ----------------------------------------------------------------- */
.linkx1 {
	margin: 0 0 20px 0;
	padding: 0;
}
.linkx1 ul {
}
.linkx1 ul > li {
	width: 100%;
	margin: 0 0 20px 0;
}
.linkx1 ul li a ,
.linkx1 ul li a:hover {
	text-align: center;
	font-size: 20px;
	margin: 0 auto;
	padding: 6px 0 6px 0;
	border: 1px solid #bbb;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	box-shadow: 5px 5px 0 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 5px 5px 0 0 rgba(0,0,0,0.1);
	-webkit-box-shadow: 5px 5px 0 0 rgba(0,0,0,0.1);
	display: block;
}
.linkx1 ul li.liBgWhite a {
	color: #333;
	background: #fff;
}
.linkx1 ul li a:hover {
	color: #333;
	background: #f3f3f3;
}
.linkx1 ul li.liBgGreen a {
	color: #fff;
	background: #149435;
}
.linkx1 ul li.liBgOrange a {
	color: #fff;
	background: #ff6000;
}
.linkx1 ul li.liBgRed a {
	color: #fff;
	background: #d6182f;
}
.linkx1 ul li.liBgRed a {
	color: #fff;
	background: #d6182f;
}
.linkx1 ul li.liBgBlue a {
	color: #fff;
	background: #1278de;
}
.linkx1 ul li.liBgLightblue a {
	color: #fff;
	background: #00b2de;
}
.linkx1 ul li.liBgPink a {
	color: #fff;
	background: #ff5a9c;
}
.linkx1 ul li.liBgLightgreen a {
	color: #fff;
	background: #78b600;
}

@media screen and (max-width: 640px) {
.linkx1 {
	margin: 0;
	padding: 0;
	}
.linkx1 ul > li {
	width: 100%;
	margin: 0 0 1em 0;
	}
}

/*--- linkx2 ----------------------------------------------------------------- */
.linkx2 {
	margin: 0 0 20px 0;
	padding: 0;
}
.linkx2 ul {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
.linkx2 ul > li {
	width: 48%;
	margin: 0 0 10px 0;
}
.linkx2 ul li a ,
.linkx2 ul li a:hover {
	text-align: center;
	font-size: 20px;
	margin: 0 auto;
	padding: 6px 0 6px 0;
	border: 1px solid #bbb;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	box-shadow: 5px 5px 0 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 5px 5px 0 0 rgba(0,0,0,0.1);
	-webkit-box-shadow: 5px 5px 0 0 rgba(0,0,0,0.1);
	display: block;
}
.linkx2 ul li.liBgWhite a {
	color: #333;
	background: #fff;
}
.linkx2 ul li a:hover {
	color: #333;
	background: #f3f3f3;
}
.linkx2 ul li.liBgGreen a {
	color: #fff;
	background: #149435;
}
.linkx2 ul li.liBgOrange a {
	color: #fff;
	background: #ff6000;
}
.linkx2 ul li.liBgRed a {
	color: #fff;
	background: #d6182f;
}
.linkx2 ul li.liBgRed a {
	color: #fff;
	background: #d6182f;
}
.linkx2 ul li.liBgBlue a {
	color: #fff;
	background: #1278de;
}
.linkx2 ul li.liBgLightblue a {
	color: #fff;
	background: #00b2de;
}
.linkx2 ul li.liBgPink a {
	color: #fff;
	background: #ff5a9c;
}
.linkx2 ul li.liBgLightgreen a {
	color: #fff;
	background: #78b600;
}

@media screen and (min-width: 641px) and (max-width: 860px) {
.linkx2 ul > li {
	width: 48%;
	}
}

@media screen and (max-width: 640px) {
.linkx2 {
	margin: 0;
	padding: 0;
}
.linkx2 ul {
	display: flex;
	flex-wrap: wrap;
	}
.linkx2 ul > li {
	width: 100%;
	margin: 0 0 1em 0;
	}
}

/*--- linkx3 ----------------------------------------------------------------- */
.linkx3 {
	margin: 0 0 20px 0;
	padding: 0;
}
.linkx3 ul {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
.linkx3 ul > li {
	width: 31%;
	margin: 0 0 10px 0;
}
.linkx3 ul li a ,
.linkx3 ul li a:hover {
	text-align: center;
	font-size: 18px;
	margin: 0 auto;
	padding: 6px 0 6px 0;
	border: 1px solid #bbb;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	box-shadow: 5px 5px 0 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 5px 5px 0 0 rgba(0,0,0,0.1);
	-webkit-box-shadow: 5px 5px 0 0 rgba(0,0,0,0.1);
	display: block;
}
.linkx3 ul li.liBgWhite a {
	color: #333;
	background: #fff;
}
.linkx3 ul li a:hover {
	color: #333;
	background: #f3f3f3;
}
.linkx3 ul li.liBgGreen a {
	color: #fff;
	background: #149435;
}
.linkx3 ul li.liBgOrange a {
	color: #fff;
	background: #ff6000;
}
.linkx3 ul li.liBgRed a {
	color: #fff;
	background: #d6182f;
}
.linkx3 ul li.liBgRed a {
	color: #fff;
	background: #d6182f;
}
.linkx3 ul li.liBgBlue a {
	color: #fff;
	background: #1278de;
}
.linkx3 ul li.liBgLightblue a {
	color: #fff;
	background: #00b2de;
}
.linkx3 ul li.liBgPink a {
	color: #fff;
	background: #ff5a9c;
}
.linkx3 ul li.liBgLightgreen a {
	color: #fff;
	background: #78b600;
}

@media screen and (min-width: 641px) and (max-width: 860px) {
.linkx3 ul > li {
	width: 48%;
	}
}

@media screen and (max-width: 640px) {
.linkx3 {
	margin: 0;
	padding: 0;
}
.linkx3 ul {
	display: flex;
	flex-wrap: wrap;
	}
.linkx3 ul > li {
	width: 100%;
	margin: 0 0 1em 0;
	}
}

/*--- imgx2 ----------------------------------------------------------------- */
.imgx2 {
	margin: 0;
	padding: 0;
}
.imgx2 ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.imgx2 ul > li {
	width: 50%;
	text-align: center;
	margin: 0 auto 20px auto;
}
.imgx2 ul > li img {
	max-width: 100%;
	height: auto;
}

@media all and (min-width: 641px) and (max-width: 1000px) {
.imgx2 ul > li:nth-child(2n+1) {
	width: 48%;
	text-align: center;
	margin: 0 2% 1em 0;
	}
.imgx2 ul > li:nth-child(2n+0) {
	width: 48%;
	text-align: center;
	margin: 0 0 1em 2%;
	}
}
@media all and (max-width: 640px) {
.imgx2 ul > li {
	width: 100%;
	text-align: center;
	margin: 0 auto 1em auto;
	}
}

/*--- imgx3 ----------------------------------------------------------------- */
.imgx3 {
	margin: 0;
	padding: 0;
}
.imgx3 ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.imgx3 ul > li {
	width: 30%;
	text-align: center;
	margin: 0 auto 20px auto;
}
.imgx3 ul > li img {
	max-width: 100%;
	height: auto;
}

@media all and (min-width: 641px) and (max-width: 1000px) {
.imgx3 ul > li:nth-child(2n+1) {
	width: 48%;
	text-align: center;
	margin: 0 2% 1em 0;
	}
.imgx3 ul > li:nth-child(2n+0) {
	width: 48%;
	text-align: center;
	margin: 0 0 1em 2%;
	}
}
@media all and (max-width: 640px) {
.imgx3 ul > li {
	width: 100%;
	text-align: center;
	margin: 0 auto 1em auto;
	}
}

/*--- links ----------------------------------------------------------------- */
.links {
	margin: 0;
	padding: 0;
}
.links ul {
	margin: 0;
	padding: 0;
}
.links ul > li:nth-child(2n+1) {
	background: url(../images/common/icon_morered.png) no-repeat 0 4px;
	margin: 0;
	padding: 0 0 0 18px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.links ul > li:nth-child(2n+1) {
	background: url(../images/common/icon_morered@2x.png) no-repeat 0 4px;
	background-size: 12px 12px;
	}
}
.links ul > li:nth-child(2n) {
	margin: 0 0 0.5em 0;
	padding: 0 0 0.5em 0;
	border-bottom: 1px dotted #ccc;
}


/* --------------------------------------------
 *                  etc
 * -------------------------------------------- */
 
/*--- googleMap ----------------------------------------------------------------- */
.googleMap ,
.googleMap02 {
	width: 100%;
	border: 1px solid #8d8d8d;
	box-sizing: border-box;
}
.googleMap {
position: relative;
padding-bottom: 100%; // これが縦横比
height: 0;
overflow: hidden;
}
.googleMap iframe ,
.googleMap02 iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.googleMap02 {
position: relative;
padding-bottom: 60%; // これが縦横比
height: 0;
overflow: hidden;
}

/*--- youtube ----------------------------------------------------------------- */
.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin: 1em 0;
}
.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

/*--- breadcrumbs ----------------------------------------------------------------- */
.breadcrumbs {
	color: #fff;
	font-size: 12px;
	margin: 0 0 17px 0;
	padding: 0;
}
.breadcrumbs a {
	color: #fff;
	font-size: 12px;
}
.breadcrumbs a:hover {
	color: #d6182f;
	font-size: 12px;
}

@media screen and (max-width: 640px) {
.breadcrumbs {
	margin: 0 0 0.7em 0;
	}
}

/* --------------------------------------------
*                      pagination
* -------------------------------------------- */

.paginationArea {
	clear: both;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	position: relative;
	overflow: hidden;
}
.pagination {
	position: relative;
	font-size: 14px;
	line-height: 13px;
	margin: 0 0 10px 0;
	padding: 0;
	left: 50%;
	float: left;
}
.pagination span, .pagination a {
	display: block;
	float: left;
	margin: 2px 2px 2px 0;
	padding: 6px 8px 5px 8px;
	text-decoration: none;
	width: auto;
	color: #000;
	background-color: #ffc600;
	border-radius: 50%;
	position: relative;
	left: -50%;
	float: left;
}
.pagination a:hover {
	color: #fff;
	background-color: #d6182f;
	border-radius: 50%;
}
.pagination .current {
	padding: 3px 5px;
	color: #000;
	background-color: #fff;
	border: 3px solid #ffc600;
	border-radius: 50%;
}
.pagination span:nth-child(1) {
	color: #000;
	background-color: #ffc600;
	border-radius: 10px;
}

@media only screen and (max-width: 780px) {
.pagination {
	font-size: 11px;
	line-height: 13px;
	}
.pagination span, .pagination a {
	padding: 6px 9px 5px 9px;
	}
.pagination .current {
	padding: 3px 6px;
	}
}

/* --------------------------------------------
*                      article img
* -------------------------------------------- */

.wp-caption {
	max-width: 100%;
	height: auto;
}

/* --------------------------------------------
*                      balloon
* -------------------------------------------- */

.balloon01 {
	position: relative;
	background: #ffffff;
	border: 1px solid #bbb;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	box-shadow: 5px 5px 0 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 5px 5px 0 0 rgba(0,0,0,0.1);
	-webkit-box-shadow: 5px 5px 0 0 rgba(0,0,0,0.1);
}
.balloon01:after, .balloon01:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.balloon01:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #1278de;
	border-width: 15px;
	margin-left: -15px;
}
.balloon01:before {
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #bbb;
	border-width: 16px;
	margin-left: -16px;
}
.balloon01 p ,
.balloonLast p {
	text-align: center;
	margin: 0;
	padding: 5px;
}

.balloonLast {
	background: #ffffff;
	border: 1px solid #bbb;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	box-shadow: 5px 5px 0 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 5px 5px 0 0 rgba(0,0,0,0.1);
	-webkit-box-shadow: 5px 5px 0 0 rgba(0,0,0,0.1);
}

/* --------------------------------------------
*                      tab
* -------------------------------------------- */

.tab01,
.tab02 {
	width: 100%;
	margin: 0;
}
.tab01 .tabContent,
.tab02 .tabContent {
	margin: 0;
}
.tab01 label,
.tab02 label {
	display: inline-block;
	width: auto;
	text-align: center;
	margin: 0;
	padding: 5px;
	cursor: pointer;
	background: #fff;
	color: #333;
	border-top: 1px solid #d6182f;
	border-left: 1px solid #d6182f;
	border-right: 1px solid #d6182f;
	border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
}
.tab01 label:hover,
.tab02 label:hover {
	background: #ffc600;
}
.tab01 input:checked + label,
.tab02 input:checked + label  {
	background: #d6182f;
	color: #fff;
	padding: 5px;
}
.tab01 input,
.tab02 input {
	display: none;
}
.tab01 #tab01-b1,
.tab01 #tab01-b2,
.tab01 #tab01-b3,
.tab01 #tab01-b4,
.tab01 #tab01-b5,
.tab01 #tab01-b6,
.tab02 #tab02-b1,
.tab02 #tab02-b2,
.tab02 #tab02-b3  {
	display: none;
	padding: 0;
}
.tab01 #tab01-1:checked ~ #tab01-b1,
.tab01 #tab01-2:checked ~ #tab01-b2,
.tab01 #tab01-3:checked ~ #tab01-b3,
.tab01 #tab01-4:checked ~ #tab01-b4,
.tab01 #tab01-5:checked ~ #tab01-b5,
.tab01 #tab01-6:checked ~ #tab01-b6,
.tab02 #tab02-1:checked ~ #tab02-b1,
.tab02 #tab02-2:checked ~ #tab02-b2,
.tab02 #tab02-3:checked ~ #tab02-b3  {
	display: block;
	border-top: 5px solid #d6182f;
}
.tab01.planBg #tab01-b1,
.tab01.planBg #tab01-b2,
.tab01.planBg #tab01-b3,
.tab01.planBg #tab01-b4,
.tab01.planBg #tab01-b5,
.tab01.planBg #tab01-b6,
.tab02.planBg #tab02-b1,
.tab02.planBg #tab02-b2,
.tab02.planBg #tab02-b3 {
	padding: 10px;
	background: #e0faff;
}

@media all and (min-width: 641px) and (max-width: 960px) {
.tab01 label,
.tab02 label {
	width: 48%;
	margin: 0 0 10px 2px;
	padding: 5px 10px;
	border: 1px solid #d6182f;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-sizing: border-box;
	}

}
@media all and (max-width: 640px) {
.tab01 label,
.tab02 label {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 5px 10px;
	border: 1px solid #d6182f;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-sizing: border-box;
	}

}

/* --------------------------------------------
*                      QandA
* -------------------------------------------- */

.qaBox dl{
	max-width: 100%;
	margin: 0;
	overflow: hidden;
	_zoom: 1;
}
.qaBox dl dd,
.qaBox dl dt{
	text-indent: -2.4em;   
	padding: 0 0 0 30px;
}
.qaBox dl dt{
	color: #008aff;
	margin: 10px 0 0 0;
}
.qaBox dl dd:first-letter,
.qaBox dl dt:first-letter{
	font-size: 1.6em;
	font-weight: bold;
	margin-right: 6px;
	padding: 5px;
	font-family: 'Nunito', sans-serif;
}
.qaBox dl dd{
	margin: 0 0 -1px 0;
	padding-bottom:15px;
	border-bottom: 1px #000 dotted;
}
.qaBox dl dt:first-letter{
	color: #008aff;
}
.qaBox dl dd:first-letter{
	color: #d6182f;
}

/* --------------------------------------------
*                          Form
* -------------------------------------------- */
input ,
textarea {
	margin: 0;
	padding: 0.8em;
	border: none;
	border: 1px solid #ccc;
}

.screen-reader-response {
  display:none;
}

@media screen and (min-width: 768px) {
input.wl {
	width: 70%;
	box-sizing: border-box;
	}
input.wl100 {
	width: 100%;
	box-sizing: border-box;
	}
textarea.textareawl {
	width: 100%;
	height: 200px;
	box-sizing: border-box;
	}
}

@media screen and (max-width: 767px) {
input.wl ,
input.wl100 {
	width: 100%;
	box-sizing: border-box;
	}
textarea.textareawl {
	width: 100%;
	height: 10em;
	box-sizing: border-box;
	}
}

button[type=submit]:hover{
	opacity:0.6;
	filter: alpha(opacity=60);
}
button[type=submit]:active,
button[type=submit]:focus{
	opacity:0.6;
	filter: alpha(opacity=60);
}

button[type=submit] {
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	max-width: 280px;
	margin: 0 1em;
	padding: 0.6em 2em;
	cursor: pointer;
	color: #fff;
	font-size: 1em;
	background: #d6182f;
	border: none;
	-webkit-appearance: button;
	*overflow: visible;
	transition: all 0.4s;
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	width: 250px;
	height: 36px;
	font-size: 1em;
	text-indent: 0.3em;
	border: none;
	padding-left: 10px;
	margin: 0 0 0.5em 0;
	background: #f4f4f4;
	border: 1px solid #ccc;
}

@media screen and (max-width: 767px) {
select {
	width: 100%;
	}
}

/* --------------------------------------------
*                enqueteform
* -------------------------------------------- */


    .enqueteform_wrapper {
      max-width: 680px;
      min-width: 270px;
    }
     
    .googleenqueteform{
        position: relative;
        padding-bottom: 56.25%;
        height: 1550px;
        overflow: hidden;
    }
    .googleenqueteform iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

/*/////////////////////////////////////////////////////////////

	accordion

/////////////////////////////////////////////////////////////*/

#new{
	width: 100%;
	margin: 0;
	padding: 0;
}
#new dt{
	cursor:default;
}
#new dt:hover{
	background-color:#ffe897;
}
#accordion2 ,
#accordion3 ,
#accordion4 ,
#accordion5 ,
#accordion6 ,
#accordion7 ,
#accordion8 ,
#accordion9 {
	width:100%;
	margin: 0;
	padding: 0;
}
.accordion2 ,
.accordion3 ,
.accordion4 ,
.accordion5 ,
.accordion6 ,
.accordion7 ,
.accordion8 ,
.accordion9 {
	width:100%;
	color:#333
}
.accordion2 dt ,
.accordion3 dt ,
.accordion4 dt ,
.accordion5 dt ,
.accordion6 dt ,
.accordion7 dt ,
.accordion8 dt ,
.accordion9 dt {
	width: 100%;
	padding: 4px 6px 4px 30px;
	font-weight:bold;
	cursor:pointer;
	background:url(../images/common/arrow_down.png) no-repeat 5px center #ffc600;
	background-size: 15px 10px;
	border-top:1px solid #fff;
	box-sizing: border-box;
}
.accordion2 dt:hover ,
.accordion3 dt:hover ,
.accordion4 dt:hover ,
.accordion5 dt:hover ,
.accordion6 dt:hover ,
.accordion7 dt:hover ,
.accordion8 dt:hover ,
.accordion9 dt:hover {
	background-color:#ffe897
}
.accordion2 .open ,
.accordion3 .open ,
.accordion4 .open ,
.accordion5 .open ,
.accordion6 .open ,
.accordion7 .open ,
.accordion8 .open ,
.accordion9 .open {
	background-color:#9fd87d;
	background-image:url(../images/common/arrow_up.png);
	background-size: 15px 10px;
}
.accordion2 dd ,
.accordion3 dd ,
.accordion4 dd ,
.accordion5 dd ,
.accordion6 dd ,
.accordion7 dd ,
.accordion8 dd ,
.accordion9 dd {
	overflow: hidden;
	background:#fff;
	margin: 0;
	padding: 0;
}