@charset "UTF-8";
/* CSS Document */

body {
/*-webkit-text-size-adjust: 100%;*/
	background-color: #efefef;
}

img{vertical-align: middle;}

a {
	text-decoration: none;
}

a:hover img{
	opacity: 0.85;
	filter: alpha(opacity=85);
}


body > div{
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	background-color: #ffffff;
	border-bottom: solid 1px #cccccc;
}

body > div a{
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 2%;
	color: #666666;
}

body > div a:hover{
	color: #fff;
}

body > div a:hover{
	background-color: #00a1e9;
}

@media (min-width: 981px) {
	body div a{
		padding: 1% 1%;
		font-size: 24px;
	}
}



article{
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	background-color: #ffffff;
}

article .slider{
	width: 100%;
}


/*矢印の設定*/

/*戻る、次へ矢印の位置*/
.slick-prev, 
.slick-next {
    position: absolute;/*絶対配置にする*/
  z-index: 1;
    top: 50%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #ccc;/*矢印の色*/
    border-right: 2px solid #ccc;/*矢印の色*/
    height: 25px;
    width: 25px;
}

.slick-prev {/*戻る矢印の位置と形状*/
    left:2.5%;
    transform: rotate(-135deg);
}

.slick-next {/*次へ矢印の位置と形状*/
    right:2.5%;
    transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/

.slick-dots {
  position: relative;
  z-index: 2;
    text-align:center;
  margin:-30px 0 -20px 0;
}

.slick-dots li {
    display:inline-block;
  margin:0 8px;
}

.slick-dots button {
    color: transparent;
    width:15px;/*ドットボタンのサイズ*/
    height:15px;/*ドットボタンのサイズ*/
    display:block;
    border-radius:50%;
    background:#ccc;/*ドットボタンの色*/
}

.slick-dots .slick-active button{
    background:#333;/*ドットボタンの現在地表示の色*/
}


@media (min-width: 981px) {
	.slick-dots button {
		width:8px;/*ドットボタンのサイズ*/
    	height:8px;/*ドットボタンのサイズ*/
	}
}




article > dl:first-of-type{
	display: table;
	width: 90%;
	padding: 4% 5% 2%;
	background-color: #00a1e9;
	color: #ffffff;
}

article > dl:first-of-type dt{
	display: table-cell;
	width: 6em;
	font-family: 'BIZ UDGothic', sans-serif;
	font-weight: 400;
}

article > dl:first-of-type dd{
	display: table-cell;
	line-height: 1.6em;
	font-family: 'BIZ UDGothic', sans-serif;
	font-weight: 400;
}

article > dl:first-of-type dd span{
	font-size: 1.3em;
	font-family: 'BIZ UDGothic', sans-serif;
	font-weight: 700;
}


article > h2{
	width: 78%;
	padding: 2.2% 11%;
	background-color: #f6ac00;
	color: #262626;
	font-size: 1.5em;
	font-family: 'BIZ UDGothic', sans-serif;
	font-weight: 700;
	line-height: 1.4;
	
}

.box_f{
	display: flex;
}

.goods{
	width: 66%;
	margin: 5% 0% 0 11% ;
}

table{
	font-family: 'BIZ UDGothic', sans-serif;
	font-weight: 400;
	font-size: 1.5em;
}

table td{
	padding: 1% 0;
	font-size: 0.9em;
	line-height: 1.2;
}

table tr td span{
	font-size: 0.7em;
	font-family: 'BIZ UDGothic', sans-serif;
	font-weight: 400;
}

.ind_1 {
  text-indent: -1em;
  padding-left: 1em;
}

.mgt30{
	margin-top: 30px;
}

.Red{
	color: #e60012;
}

.text_normal{
	font-size: 1em;
}

.shop_logo{
	width: 18%;
	margin: 2% 5% 0 0;
}

.sales-copy{
	width: 72%;
	margin: 5% 11% 0;
	padding: 2% 3%;
	background-color:#D0EFF5;
	font-family: 'BIZ UDGothic', sans-serif;
	font-weight: 400;
	color: #262626;
}

.sales-copy p{
	text-align:justify;
	font-size: 1.2em;
	line-height: 1.6em;
}

.sales-copy p sup{
	font-size: 50%;
}

.sales-copy ul{
	margin-top: 1em;
}

.sales-copy ul li{
	font-size: 0.9em;
	line-height: 1.4em;
	padding-left: 1em;
	text-indent: -1em;
}

.shop_info{
	margin-top: 2em;
}

.shop_info a{
	color: #ff5382;
	font-weight: 800;
}

.text_small{
	font-size: 80%;
}

rt{
	font-size: 35%;
}

br.sp{
	display: block;
}

br.pc{
	display: none;
	}


@media (min-width: 981px) {
	article > dl:first-of-type{
		font-size: 30px;
		padding: 2% 5% 1.5%;
	}

	article > dl:first-of-type dd span{
		font-size: 36px;
	}

	article > h2{
		font-size: 36px;
	}
	
	.goods{
		width: 69%;
		margin: 5% 0% 0 11% ;
	}

	table td{
		font-size: 34px;
	}
	
	.shop_logo{
		width: 15%;
		margin: 2.8% 5% 0 0;
	}

	.sales-copy p{
		font-size:26px;
	}
	
	.sales-copy ul{
		margin-top: 0.5em;
	}
	
	.sales-copy ul li{
		font-size: 22px;
	}
	
	.shop_info a{
		font-size:26px;
	}
	
	br.sp{
		display: none;
	}
	
	br.pc{
		display: block;
	}
	
}


footer{
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	background-color: #ffffff;
	padding: 5% 0 2%;
	text-align: center;
	color: #1F1C1C;
	border-bottom: #00a1e9 solid 10px;
	font-family: 'BIZ UDGothic', sans-serif;
	font-weight: 400;
}

footer ul{
	display: flex;
	
}

footer ul li:nth-child(1){
	width: 59.18%;
	margin-left: 3%;
}

footer ul li:nth-child(2){
	width: 16.22%;
	margin: 0 1.19%;
}

footer ul li:nth-child(3){
	width: 16.22%;
	margin-right: 3%;
	border-left:5px solid #00a1e9; /*線の設定*/
}


.access{
	width: 94%;
	margin: 4% 3% 0;
	border-top: #00a1e9 solid 1px;
}

.access p{
	margin-top: 3%;
	font-size: 1em;
	line-height: 1.6em;
}

.logo img{
	width: 30%;
	margin: 1% 35% 0;
}

@media (min-width: 981px) {
	.access p{
		font-size: 24px;
	}
	
	.logo img{
		width: 20%;
		margin: 1% 40% 0%;
	}
}