@charset "utf-8";
body {margin: 0;padding: 0;color: #333;}
ul, ol, dl {list-style-type: none;font-size: 108%;padding: 0;margin: 0;}
a img {border: none;}
p {margin-top: 0;margin-bottom: 40px;font-size: 108%;line-height: 185%;font-weight: normal;word-break: break-all;}
img{max-width: 100%;height: auto;display:block;}
a img.linkimg{background: none!important;}
a:hover img.linkimg{
	opacity: 0.5;
	background-image: none;
}
.center {
	text-align: center;
}
.center img{
	display: inline;
}
.imgright {
	float: right;
	width: 40%;
}
@media (min-width: 769px){
	.imgright {
		width: auto;
		padding-left: 10px;
		padding-right: 10px;
	}
}
.imgleft {
	float: left;
	width: 40%;
}
@media (min-width: 769px){
	.imgleft {
		width: auto;
		padding-left: 10px;
		padding-right: 10px;
	}
}
.price {
	font-size: 160%;
	color: #d62424;
	font-weight: bold;
}
.red_bold {
	font-weight: bold;
	color: #ff0000;
}
.big_txt {
	font-size: 130%;
	font-weight: bold;
}
.big_txt_y {
	font-size: 130%;
	font-weight: bold;
	background-color: #ffeb63;
}
.big_txt_ry {
	color: #ff0000;
	font-size: 130%;
	font-weight: bold;
	background-color: #ffeb63;
}

/* header */
#head_obi {
	background-color: #3e1000;
	width: 100%;
}
.header {
	padding: 7px 15px 6px 0;
	font-size: 90%;
	text-align: right;
	margin-right: auto;
	margin-left: auto;
}
@media (min-width: 769px){
	.header {
		width: 1080px;
		padding-right: 0;
		margin-right: auto;
		margin-left: auto;
	}
}
.header a {
	text-decoration: none;
	color: #848484;
}
.header a:hover {
	color: #999;
}

/* headimg_area */
#headimg_area {
	width: 100%;
	background-color:#8e32ae;
	margin-bottom: 40px;
}
.headimg {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
}
@media (min-width: 769px){
	.headimg {
		width: 1080px;
		margin-right: auto;
		margin-left: auto;
	}
}

/* read_text */
#read_text{
	box-sizing: border-box;
	border: 1px solid #ff0000;
	color: #ff0000;
	padding:20px 3%;
	margin: 0 10px 40px 10px;
	font-weight: bold;
	font-size: 100%;
}
#read_text p{
	margin-bottom: 0px;
	line-height: 150%;
	font-size: 110%;
	font-weight: bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media (min-width: 769px){
	#read_text{
		width: 1080px;
		margin-left: auto;
		margin-right: auto;
	}
	#read_text p{
		line-height: 160%;
		font-size: 125%;
	}
}

/* container */
.container {
	margin-right: auto;
	margin-left: auto;
}
@media (min-width: 769px){
	.container {
		width: 1080px;
	}
}

.main_area {
	font-family: "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS PGothic", sans-serif;
	margin: 0 auto;
	padding: 5% 5% 3% 5%;
	background-color: #FFF;
}
@media (min-width: 769px){
	.main_area {
		border-left: 1px solid #cac8be;
		border-right: 1px solid #cac8be;
	}
	.main_area:last-child {
		border-bottom: 1px solid #cac8be;
	}
}
.main_area.bgGray{
	background-color: #ededed;
}
.midashi_obi {
	margin: 0;
	padding: 20px 0;
	background-color: #3e1000;
	border-top:2px solid #e6b700;
	border-bottom:2px solid #e6b700;
}
.midashi_text {
	color: #fff;
	margin: 0 auto;
	padding: 0;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 130%;
	font-weight: bold;
	line-height: 140%;
	text-align: center;
}
@media (min-width: 769px){
	.midashi_text {
		font-size: 190%;
		line-height: 1;
	}
}
.midashi_obi2 {
	width: 100%;
	margin: 0;
    padding: 20px 0;
	background-color: #333;
	background : linear-gradient(180deg, rgba(0, 0, 0, 1) 20.11%, rgba(4, 4, 4, 1) 26.5%, rgba(17, 17, 17, 1) 33.27%, rgba(38, 38, 38, 1) 40.22%, rgba(68, 68, 68, 1) 47.25%, rgba(97, 97, 97, 1) 52.88%, rgba(76, 76, 76, 1) 59.04%, rgba(43, 43, 43, 1) 70.41%, rgba(19, 19, 19, 1) 81.31%, rgba(5, 5, 5, 1) 91.43%, rgba(0, 0, 0, 1) 100%);
}
.midashi_obi2 .midashi_text{
	color: #e3ca53;
}

.main_area .waku {
	margin-bottom: 40px;
	text-indent: -1em;
	padding: 2% 3% 2% 5%;
	background-color: #999;
	background : linear-gradient(-45deg, rgba(173, 173, 173, 1) 0%, rgba(177, 177, 177, 1) 21.27%, rgba(190, 190, 190, 1) 43.83%, rgba(211, 211, 211, 1) 66.99%, rgba(241, 241, 241, 1) 90.41%, rgba(255, 255, 255, 1) 100%);
	border-radius: 12px;
	border: 2px solid #b0b0b0;
}
.main_area .waku ul li {
	margin-bottom: 20px;
	font-size: 104%;
	font-weight: bold;
	line-height: 185%;
}
@media (min-width: 769px){
	.main_area .waku ul li {
		font-size: 130%;
	}
}
.midashi_boxYellow {
	box-sizing: border-box;
	background-color: #ffe500;
	border: 2px solid #000;
	outline: 1px solid #ffe500;
	padding: 20px 0;
	margin-bottom: 40px;
}
.midashi_boxYellow .title_text {
	font-size: 190%;
	font-weight: bold;
	text-align: center;
}

.subContents {
	margin-bottom: 40px;
}
.subContents .subTitle {
	margin-bottom: 0;
	text-align: center;
	padding: 10px 0;
	font-size: 120%;
	color: #000;
}
.subContents.colorYellow .subTitle {
	background-color: #e3ca53;
}
.subContents.colorYellow .main_area {
	border-left: 4px solid #e3ca53;
	border-right: 4px solid #e3ca53;
	border-bottom: 4px solid #e3ca53;
}
.subContents.colorRed .subTitle {
	background-color: #ff0000;
	color: #fff;
}
.subContents.colorRed .main_area {
	border-left: 4px solid #ff0000;
	border-right: 4px solid #ff0000;
	border-bottom: 4px solid #ff0000;
}


table.type01 {
	margin-bottom: 40px;
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	background-color: #FFF;
	font-size: 105%;
}
table.type01 td {
	box-sizing: border-box;
	vertical-align: top;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 25px 10px;
}
table.type01 td{
	width: 100%;
	display: block;
}
table.type01 td.td_w{
	background-color: #ccc;
}
table.type01 tr td ul li {
	text-indent: -1em;
	padding-left: 1em;
}
table.type01 tr td p {
	margin-top: 0;
	padding: 0;
}
table.type01 tr td p:last-child{
	margin-bottom: 0;
}
@media (min-width: 769px){
	table.type01 td{
		display: table-cell;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		padding:25px 15px;
		text-align: left;
	}
	table.type01 td.td_w{
		width: 15%;
		background-color: #fff;
		display: table-cell;
	}
}

/* フッター */
.footer {
	padding: 20px 0;
	color: #fff;
	background-color: #3e1000;
	margin-top: 30px;
	text-align: center;
}