@charset "utf-8";

/*
============================ Access CSS ============================
*/


/* 1.アクセス
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

.pickup article {
  padding: 0;
}
.pickup .kv {
  width: 980px;
  margin: 0 auto 40px;
}

.pickup .titBox {
  color: #fff;
  text-align: center;
  padding: 8px 0;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
}

.pickup .detail {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
}

.pickup .btn {
  line-height: 1;
	 font-size: 1.8rem;
}
.pickup .btn:after {
  content: "";
  display: inline-block;
  background: url("../img/arrow_right.png") 0px 2px no-repeat;
  background-size: 12px 18px;
  width: 12px;
  height: 0;
  padding: 18px 0 0;
  overflow: hidden;
  margin: 0 0 0 5px;
  vertical-align: baseline;
}

.pickup .whiteBtn {
  color: #fff !important;
  background: #e679ac !important;
}

.pickup .btn_navy {
  line-height: 1;
	 font-size: 1.8rem;
}
.pickup .btn_navy:after {
  content: "";
  display: inline-block;
  background: url("../img/arrow_right_navy.png") 0px 2px no-repeat;
  background-size: 12px 18px;
  width: 12px;
  height: 0;
  padding: 18px 0 0;
  overflow: hidden;
  margin: 0 0 0 5px;
  vertical-align: baseline;
}

.pickup .red_text{
  line-height: 1.2;
	 font-size: 2rem;
}

.pickup .navyBtn {
  color: #162140 !important;
  background: #ffffff !important;
	border:3px solid #162140;
}

.pickup .titBox {
  background: #162140;
}

.pickup #time{
	padding:60px 0 0 0;
}


.pickup #time table{
	border-left:#999999 solid 1px;
	border-top:#999999 solid 1px;
	margin:0 auto 30px;
	width:100%;
	 border-collapse: collapse;
  border-spacing: 0;
	background:white;
}

.pickup #time table caption{
	font-size:2.0rem;
	text-align: center;
}

.pickup #time table caption span{
	font-size:1.4rem;
}


.pickup #time table tr th{
	border-right:#FFFFFF solid 1px;
	padding:8px 10px;
	text-align:center;
	color:white;
	width:20%;
	vertical-align: middle;
}

.pickup #time table tr th.time_blue{
	background:#187FC4;
}

.pickup #time table tr th.time_green{
	background:#00a95F;
}

.pickup #time table tr th:last-child{
	border-right:#999999 solid 1px;
	
}

.pickup #time table tr td{
	border-right:#999999 solid 1px;
	border-bottom:#999999 solid 1px;
	padding:8px 10px;
	text-align:center;
	vertical-align: middle;
	width:20%;
}

.pickup .coution {
  text-align: center;
  font-size: 1.4rem;
  margin: 0 0 60px;
}

.footer .coution {
	text-align: left;
}

.pickup#index01 article {
  background: #FEFCF7;
}
.pickup#index03 article {
  background: #FAFFF9;
}
.pickup#index04 article {
  background: #EEF2FB;
}
.pickup .bgPink {
  background: #FFF9FD;
}
.pickup .bgYellow {
  background: #FFFDF8;
  padding: 60px 0 0;
}
.pickup .bgBlue {
  background: #F5F8FD;
  padding: 60px 0 0;
}
.pickup .stit {
  width: 980px;
  margin: 0 auto 40px;
}
.pickup section .clumnBox {
  margin: 0 0 40px;
}
.pickup#index02 section .clumnBox {
  margin: 0;
}

.pickup #pickupBtn.clumnBox {
  margin: 0 0 30px !important;
    position: relative;
}
.pickup #pickupBtn .clumn {
  width: calc(25% - 10px);
  border: none;
}
.pickup #marushe .clumn {
  width: calc(50% - 10px) !important;
}
.pickup #pickupBtn .clumn a:hover {
 	cursor: hand;
	filter: alpha( opacity=80 ); /* IE */
	opacity: 0.80;               /* Firefox,Opera,Safari */
	-moz-opacity: 0.80;          /* Firefox 0.9より前 */
}
.pickup .clumn {
  width: calc(100%/3 - 18px);
  border: none;
}
.pickup .clumnBox::after{
  content: "";
  display: block;
  width: calc(100%/3 - 18px);
}
.pickup#index01 .shopAbout {
  color: #EB5C01;
  font-size: 1.6rem;
  text-align: center;
  line-height: 1.4;
  margin: 0 0 20px;
}
.pickup .bgPink .shopAbout {
  color: #ED77B2;
  font-size: 1.6rem;
  text-align: center;
  line-height: 1.4;
  margin: 0 0 20px;
}
.pickup .bgBlue .shopAbout {
  color: #467FDB;
  font-size: 1.6rem;
  text-align: center;
  line-height: 1.4;
  margin: 0 0 20px;
}
.pickup .bgGreen .shopAbout {
  color: #00A33A;
  font-size: 1.6rem;
  text-align: center;
  line-height: 1.4;
  margin: 0 0 20px;
}
.pickup .bgYellow .shopAbout {
  color: #FF9300;
  font-size: 1.6rem;
  text-align: center;
  line-height: 1.4;
  margin: 0 0 20px;
}
.pickup#index04 .shopAbout {
  color: #3E628B;
  font-size: 1.6rem;
  text-align: center;
  line-height: 1.4;
  margin: 0 0 20px;
}
.pickup .shopImg {
  margin: 0 0 20px;
}
.pickup .shopLogo {
  margin: 0 0 20px;
  text-align: center;
}
.pickup .shopLogo img {
  width: 300px;
}
.pickup .shopName {
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.4;
}
.pickup .fixHeightChild {
  font-size: 1.4rem;
}
.pickup .icon {
  width: 80px;
  margin: 0 auto 10px;
}
.pickup .w640 {
  width: 640px;
  margin: 0 auto;
}
.pickup .brdBtm {
  border-bottom: solid 1px #707070;
  margin: 0 0 40px;
}
.pickup .soon:after {
  content: "Comming Soon";
  width: 100%;
  height: 132px;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.4);
  color: #fff;
  text-align: center;
  padding: 45px 0 0;
  font-size: 1.8rem;
}
.pickup#index02 #shopLogo01,
.pickup#index02 #shopLogo02 {
  height: 75px;
  padding-top: 10px;
}
.pickup#index03 #shopLogo02,
.pickup#index03 #shopLogo03 {
  height: 88px;
  padding-top: 10px;
}

@media only screen and (max-width: 768px) {
  .pickup .kv {
    width: 100%;
    margin: 0 auto 10px;
  }
  .pickup .stit {
    width: 100%;
    margin: 0 auto 20px;
  }
	
	  .pickup .coution {
    margin: 0 0 30px;
    text-align: left;
  }
  .pickup .clumn {
    width: 100%;
    padding: 0 0 10px;
    border-bottom: solid 1px #707070;
    margin: 0 0 20px;
  }
  .pickup .clumn:last-child {
    border: none;
  }
	
	.pickup #time{
	padding:30px 0 0 0;
}
	
	.pickup #time table tr th{
		font-size:1.4rem;
	}
	
		.pickup #time table tr td{
		font-size:1.4rem;
	}
	
	.pickup #time table caption{
	font-size:1.8rem;
}

.pickup #time table caption span{
	font-size:1.4rem;
}
  .pickup #pickupBtn .clumn {
    width: calc(50% - 5px);
    padding: 0;
    margin: 0 0 5px;
    border: none;
  }
  .pickup #marushe .clumn {
    width: 100% !important;
    border: none;
    margin: 0 0 5px;
    padding: 0;
  }
  .pickup #marushe .clumnBox {
    margin: 0 0 20px;
  }
  .pickup #pickupBtn.clumnBox {
    margin: 0 0 20px;
  }
  .pickup #top2 .mb60 {
    margin: 0 0 30px !important;
  }
  .pickup section .clumnBox {
    border: none;
    margin: 0;
  }
  .pickup .shopAbout {
    text-align: center;
  }
  .pickup .shopImg {
    margin: 0 0 10px;
  }
  .pickup .shopLogo {
    width: 100%;
    margin: 0 auto 5px;
  }
  .pickup .shopLogo#shopLogo01 {
    margin: 0 auto;
  }
  .pickup .shopName {
    padding: 10px 0 0;
  }
  .pickup .fixHeightChild {
    clear: both;
    font-size: 1.5rem;
  }
  .pickup .w640 {
    width: 100%;
  }
  .pickup .brdBtm {
  }
  .pickup#index02 #shopLogo01,
  .pickup#index02 #shopLogo02 {
    height: inherit;
  }
  .pickup#index03 #shopLogo02,
  .pickup#index03 #shopLogo03 {
    height: inherit;
  }
  .pickup .bgBlue {
    padding: 30px 0 0;
  }
}