@charset "utf-8";

/*******************************************************************************************
1:共通設定
*******************************************************************************************/
/** 【画像伸縮設定】 **/
img{
max-width: 100%;
height: auto;
width /**/:auto;}


/** 【レイアウト】 **/
.contents{
	width:100%;
	padding:20px;
	box-sizing:border-box;
	line-height:1.5;}

/* 擬似アライン */
.center{ text-align:center; }
.right{ text-align:right; }
.left{ text-align:left; }


/** 【ヘッダー】 **/
header{
	width:100%;
	padding:15px 0;
	text-align:center;
	background-color:#FFF;
	border-bottom:solid 2px #EEEEEE;}
header h1{
	font-size:150%;
	font-weight:normal;
	color:#666;}


/** 【フッター】 **/
footer{
	width:100%;
	padding:20px;
	margin-bottom:20px;
	box-sizing:border-box;}
footer .inner01{
	width:100%;
	padding:0;
	text-align:center;
	background-color:#f6f5ee;
	line-height:1.5;
	box-sizing:border-box;}
footer .inner02{
	width:100%;
	padding:20px;
	text-align:center;
	background-color:#f6f5ee;
	line-height:1.5;
	box-sizing:border-box;}
footer p{
	color:#333;
	font-size:80%;}
footer h4{
	color:#333;
	font-size:150%;
	font-weight:bold;
	margin-bottom:10px;}
footer h5{
	display:inline-block;
	padding:3px 20px;
	margin-bottom:0.5em;
	font-size:100%;
	color:#059648;
	background-color:#FFF;
	border-radius:21px;}
footer p.ftel01{
	font-size:150%;
	font-weight:bold;
	color:#059648;}
footer p.ftel02{
	margin-bottom:1em;
	font-size:110%;
	font-weight:bold;
	color:#059648;}

footer p.borderT{
	margin-bottom:20px;
	color: #444;
	font-size:100%;
	display: flex;
	align-items: center;}
footer p.borderT:before, footer p.borderT:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #444;
	display: block;}
footer p.borderT:before {
	margin-right: .4em;}
footer p.borderT:after {
	margin-left: .4em;}

footer p.fbtn{
	text-align:right;}
footer p.fbtn a{
	display:inline-block;
	padding-right:25px;
	font-size:120%;
	text-decoration:none;
	color:#059648;
	background:url(../img/arrow01.png) right 50% no-repeat;
	background-size:20px 20px;}

footer p.fbtn2{
	text-align:center;}
footer p.fbtn2 a{
	display:inline-block;
	margin:0 auto;
	padding:5px 20px;
	font-size:120%;
	text-decoration:none;
	color:#059648;
	background-color:#FFF;
	border-radius:25px;}
footer p.fbtn2 a span{
	padding-right:25px;
	background-image:url(../img/arrow01.png);
	background-position:right 50%;
	background-repeat: no-repeat;
	background-size:20px 20px;}


/** 【タイトル】 **/
.sttl01{
	width:100%;
	margin-bottom:1.5em;
	text-align:center;}
.sttl01 span{
	display:inline-block;
	padding:8px 20px;
	margin:0 auto;
	background-color:#059648;
	color:#FFF;
	border-radius:21px;}

.sttl02{
	width:100%;
	margin-bottom:1.5em;
	text-align:left;
	color:#059648;
	font-size:95%;
	font-weight:bold;
	margin-bottom:10px;
	border-bottom:solid 2px #059648;}


/** 【フォント】 **/
.note{color:#F00}


/** 【マージン】 **/
.mgb05 { margin-bottom: 0.5em; }
.mgb10 { margin-bottom: 1em; }
.mgb15 { margin-bottom: 1.5em; }
.mgb20 { margin-bottom: 2em; }
.mgb30 { margin-bottom: 3em; }



/*******************************************************************************************
2:【セカンド】クーポン
*******************************************************************************************/
body#coupon{
	width:100%;
	background-color:#f6f5ee;}


ul.couponUL{
	width:100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
    flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;}
ul.couponUL li{
	display:block;
	width:48%;
	padding-bottom:20px;
	margin-bottom:20px;
	background-color:#FFF;
	border-top:solid 2px #c83e3e;
	background-image:url(../img/couponbg.gif);
	background-repeat:no-repeat;
	background-size:30px auto;
	background-position:center bottom;
	position: relative;}
ul.couponUL li img{
	width:100%;
	padding-bottom:4px;
	background:url(../img/line.png) repeat-x bottom;
	background-size:auto 4px;}
ul.couponUL li div{padding:10px;}
ul.couponUL li div p.couponTXT{
	font-weight:bold;}
ul.couponUL li div p.price{
	text-align:right;
	font-size:90%;
	margin-bottom:10px;}
ul.couponUL li div p.point{
	width:100%;
	padding:5px;
	margin-bottom:10px;
	background-color:#c83e3e;
	text-align:center;
	color:#FFF;
	box-sizing:border-box;}
ul.couponUL li div p.point span{
	font-size:150%;
	font-weight:bold;}
ul.couponUL li div p.point .deadline{
	width:100%;
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;}
ul.couponUL li div p.deadline span:nth-child(1){
	display:inline-block;
	padding:3px;
	font-size:60%;
	line-height:1;
	border:solid 2px #999999;
	color:#999999;
	border-radius:6px;}
ul.couponUL li div p.deadline span{
	font-size:70%;
	padding-left:5px;}

ul.couponUL li a{
    /*position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;*/}
ul.couponUL li a:hover{
    opacity:0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha( opacity=60 )";
    background: #fff;}


/** 詳細ライトボックス **/
.detail_window{
	width:100%;
	background-color:#FFF;
	border-top:solid 2px #c83e3e;}
.detail_window img{width:100%;}
.detail_window div{padding:10px;}
.detail_window div p.detailTTL{
	margin-bottom:1em;
	font-weight:bold;}
.detail_window div p.detailTXT{
	font-size:90%;
	margin-bottom:0.5em;}
.detail_window div p.price{
	text-align:right;
	font-size:90%;
	margin-bottom:10px;}
.detail_window div p.point{
	width:100%;
	padding:5px;
	margin-bottom:10px;
	background-color:#c83e3e;
	text-align:center;
	color:#FFF;
	box-sizing:border-box;}
.detail_window div p.point span{
	font-size:150%;
	font-weight:bold;}
.detail_window div p.point .deadline{
	width:100%;
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;}
.detail_window div p.deadline span:nth-child(1){
	display:inline-block;
	padding:3px;
	font-size:60%;
	line-height:1;
	border:solid 2px #999999;
	color:#999999;
	border-radius:6px;}
.detail_window div p.deadline span{
	font-size:70%;
	padding-left:5px;}



/*******************************************************************************************
3:【セカンド】よくあるご質問
*******************************************************************************************/
dl.accordion {
	width:100%;
	margin:0;
	padding:0;
	font-size:100%;}
dl.accordion dt {
	width:100%;
	padding:20px 40px 20px 2em;
	line-height:1.5;
	color:#282828;
	font-weight:bold;
	border-bottom:solid 2px #999999;
    background:url(../img/open.png) 97% center no-repeat;
	background-size:20px auto;
	box-sizing:border-box;}
dl.accordion dt.open {
	border:none;
    background:url(../img/close.png) 97% center no-repeat;
	background-size:20px auto;}
dl.accordion dd {
	background:#f6f5ee;
	border-top:dotted 1px #CCCCCC;
	border-bottom:solid 2px #999999;
	padding:20px 10px 20px 2em;
	line-height:1.5;
	display:none;
	box-sizing:border-box;}

/* QAアイコン */
.accordion dt::before {
	margin:0 0.3em 0 -1.5em;
	content: 'Q.';
	color:#282828;
	font-weight:bold;}
.accordion dd::before {
	margin: 0 0.5em 0 -1.5em;
	content: 'A.';
	color: #282828;
	font-weight:bold;}





/*******************************************************************************************
4:【セカンド】オンラインマニュアル
*******************************************************************************************/
dl.accordion2 {
	width:100%;
	margin:0;
	padding:0;
	font-size:100%;}
dl.accordion2 dt {
	width:100%;
	padding:20px 40px 20px 0;
	line-height:1.5;
	color:#282828;
	font-weight:bold;
	border-bottom:solid 2px #999999;
    background:url(../img/open.png) 97% center no-repeat;
	background-size:20px auto;
	box-sizing:border-box;}
dl.accordion2 dt.open {
	border:none;
    background:url(../img/close.png) 97% center no-repeat;
	background-size:20px auto;}
dl.accordion2 dd {
	background:#f6f5ee;
	border-top:dotted 1px #CCCCCC;
	border-bottom:solid 2px #999999;
	padding:20px 10px;
	line-height:1.5;
	display:none;
	box-sizing:border-box;}





/*******************************************************************************************
5:【セカンド】ポイント
*******************************************************************************************/
.tbl_type01 {
	width:100%;
	border-collapse:collapse;
	border:none;}
.tbl_type01 th {
	padding: 10px 10px;
	line-height: 1.5;
	border:solid 1px #CCCCCC;
	color:#FFF;
	vertical-align:middle;
	background-color:#059648;
	font-weight:normal;
	text-align:center;
	font-size:70%;}
.tbl_type01 th.bg{
	color:#059648;
	background-color:#f6f5ee;}
.tbl_type01 td {
	padding: 10px 10px;
	line-height: 1.5;
	border:solid 1px #CCCCCC;
	vertical-align: top;
	text-align:left;
	font-size:80%;}
/* 汎用テーブル type1 内のテーブルはスタイルをクリア */
.tbl_type01 td table {
	border-top: none;
	border-left: none;}
.tbl_type01 td table td {
	border-right: none;
	border-bottom: none;}