@charset "UTF-8";

#contentArea {
background: white;
}
#contentAreaInner{
padding:0;
}
#contentArea h2{
	margin: 0;
	padding: 0;
}
#contentArea #w1000 {
  width: 1000px;
  margin: 0 auto; }


#contentArea #contents li {
	margin:0;
	padding:0;
}
#contentArea #contents li img {
	margin:0;
	padding:0;
	vertical-align:bottom;
}

#contentArea .text_red {
	color:#FF0000;
}
#contentArea .fw_bold {
	font-weight:bold;
}
/*============================
Helper_css
============================*/
/* clearfix */
#contentArea .clearfix {zoom:1;}
#contentArea .clearfix:after {
	content: "";
	display: block;
	clear: both;
}
/* margin padding */
#contentArea .pb100 {padding-bottom:100px;}
#contentArea .mt40{margin-top:40px !important;}
#contentArea .mt100{margin-top:100px !important;}

/*============================
Diversion
============================*/

/*Title*/
#contentArea .headingBlock01 {
	margin-top:100px !important;
	margin-bottom:62px !important;
	font-size: 60px;
	color:#004578;
	text-align: center;}
#contentArea .headingBlock01 .headingSub01 {
	font-size:22px;
}
#contentArea .cautionBlock01 {
	font-size:12px;
}
#contentArea #contents .imgCenter{
	width:1000px;
}
#contentArea #contents .imgCenter {
	text-align:center;
}
#contentArea #contents .btnBlock01 {
	margin:0 auto;
	width:1006px;
	height:346px;
	position:relative;
}
#contentArea #contents .btnBlock01 .app {
position:absolute;
margin:0;
padding:0;
right:311px;
bottom:82px;
}
#contentArea #contents .btnBlock01 .google {
position:absolute;
margin:0;
padding:0;
right:157px;
bottom:82px;
}
#contentArea .cautionBlock01{
font-size:14px;
line-height:1.75;
}

#contentArea .contactBlock01{
	text-align:center;
	margin:40px auto;
}
#contentArea .contactBlock01 h3 {
	font-size:24px;
	color:#004578;
	padding-bottom:10px;
}
#contentArea .contactBlock01 p {
	font-size:18px;
}

/*============================
Individual
============================*/
/*faq*/
#contentArea #faq div.faq01 {
	margin: 0 auto;
	width: 1000px;
	text-align: left;
	border-bottom: 1px solid #b7b7b7;
	font-size: 15px;
	line-height: 2em; }
#contentArea #faq div.faq01 div.q {
	min-height: 62px;
	padding: 32px 150px 0 120px;
	line-height: 1.5em;
	border-top: 1px solid #b7b7b7;
	background-image: url(../img/ico_q.png);
	background-repeat: no-repeat;
	background-position: 80px 31px;
	font-weight: normal;
	position: relative;
	cursor: pointer; }
#contentArea #faq div.faq01 div.q div.oc_btn {
	width: 55px;
	height: 25px;
	line-height: 27px;
	text-align: right;
	padding: 0 35px 0 0;
	position: absolute;
	top: 31px;
	right: 80px;
	background-image: url(../img/ico_open.png);
	background-repeat: no-repeat;
	background-position: right top;
	font-size: 12px; }
#contentArea #faq div.faq01 div:hover.q div.oc_btn {
	background-position: right bottom;
	color: #818181; }
#contentArea #faq div.faq01 div.a {
	display: none;
	padding: 0 150px 0 120px;
	border-top: 1px solid #b7b7b7;
	background-image: url(../img/ico_a.png);
	background-repeat: no-repeat;
	background-position: 80px 30px; }
#contentArea #faq div.faq01 div.a p { padding: 28px 0 30px 0; }
#contentArea #faq div.faq01 div.a p.no_space { padding: 28px 0 0 0; }
#contentArea #faq div.faq01 div.a ul { padding: 28px 0 30px 0; }
#contentArea #faq div.faq01 div.a ul li {
	padding: 0 0 0 0;
	position: relative;
	*list-style-type: disc;
	*padding: 0; }
#contentArea #faq ul.caution {
	margin: 0 auto 0 auto;
	width: 775px;
	font-size: 12px;
	text-align: left;
	line-height: 2em; }
#contentArea .faq01 > a {
	display: block;
	margin: 46px auto 0;
	width: 300px;
	height: 50px;
	line-height: 50px;
	color: #000;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 0.1em;
	background-image: url(../img/btn_link.png);
	background-repeat: no-repeat;
	background-position: left top; }
#contentArea #faq > a:hover { background-position: left bottom; }
#contentArea .faq01 p.memo {
	margin: 44px auto 0;
	font-size: 15px; }
#contentArea #faq p.memo_mini {
	margin: 11px auto 0;
	font-size: 10px; }



/*============================
Add_20180829
============================*/
/*shop list*/
#shoplist .grad-wrap {
  position: relative;
}
#shoplist .grad-wrap + .grad-wrap {
  margin-top: 100px;
}
#shoplist .grad-btn {
  z-index: 2;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 168px;
  margin: auto;
  padding: 15px 0;
  border-radius: 10px;
  background: #0068b7;
  color: #fff;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  transition: .2s ease;
  box-shadow: 0 0 3px rgba(0,0,0,.3);
}
#shoplist .grad-btn::after {
  content: "もっと見る"
}
#shoplist .grad-btn:hover {
  background: #80b4db;
  color: #fff;
}

#shoplist .grad-item {
  width:820px;
  margin: 0 auto;
/* アコーディオン使用の際にコメントアウト外す
  position: relative;
  overflow: hidden;
  height: 114px;
  padding-bottom:60px;
*/
}
/* アコーディオン使用の際にコメントアウト外す
#shoplist .grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";

  width: 100%;
  height: 70px;
  background:#ffffff;
}
*/
#shoplist .grad-item dl {
    width: 371px;
    padding:20px 10px 20px 28px;
    border-top: 1px solid #b7b7b7;
    font-size:14px;
    float:left;
}
#shoplist .grad-item dl:nth-child(odd){
    border-right: 1px solid #b7b7b7;
}
#shoplist .grad-item dl:first-child,
#shoplist .grad-item dl:nth-child(2) {
    border-top: none;
}
#shoplist .grad-trigger {
  display: none;
}
#shoplist .grad-trigger:checked ~ .grad-btn {
  bottom: -2em;
}
#shoplist .grad-trigger:checked ~ .grad-btn::after {
  content: "閉じる"
}
#shoplist .grad-trigger:checked ~ .grad-btn .fa {
  transform: rotate(180deg);
}
#shoplist .grad-trigger:checked ~ .grad-item {
  height: auto;
}
#shoplist .grad-trigger:checked ~ .grad-item::before {
  display: none;
}