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

body {
  margin: 0;
  padding: 0;
  font-family: "Noto Sans Japanese","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  color: #444;
}

.main_block {
	position:relative;
	width:100%;
	height:550px;
	background:url(../images/main_pc.jpg) no-repeat center;
	background-size:cover;
}

.main_block_dokooku {
	position:relative;
	width:100%;
	height:550px;
	background:url(../images/main_pc_dokooku.jpg) no-repeat center;
	background-size:cover;
}

.main_copy {
	position:relative;
	width:1000px;
	height:550px;
	background:url(../images/main_copy_pc.png) no-repeat;
	margin:0 auto;
}

.main_copy_dokooku {
	position:relative;
	width:1000px;
	height:550px;
	background:url(../images/main_copy_pc_dokooku.png) no-repeat;
	margin:0 auto;
}

.logo a {
	position:absolute;
	display:block;
	width:85px;
	height:60px;
	right:55px;;
	top:15px;
}

.item_block {
	position:relative;
	width:1000px;
	height:350px;
	background:url(../images/item_pc.png) no-repeat;
	margin:0 auto;
}

.item_block_dokooku {
	position:relative;
	width:1000px;
	height:432px;
	background:url(../images/item_pc_dokooku.png) no-repeat;
	margin:0 auto;
}

.item_001_sp{
	display:none;
}

.item_001 a {
	display:block;
	position:absolute;
	width:880px;
	height:220px;
	left:70px;
	top:120px;
	background:#fff;
	opacity:0;
}
.item_001 a:hover {
	opacity:0.5;
}
.item_002_sp{
	display:none;
}
.item_002 a {
    position: absolute;
    width: 157px;
    height: 130px;
    left: 295px;
    top: 120px;
    background: #fff;
    opacity: 0;
}
.item_002 a:hover {
	opacity:0.5;
}

.item_003 a {
	    position: absolute;
    width: 200px;
    height: 100px;
    left: 460px;
    top: 140px;
    background: #fff;
    opacity: 0;
}
.item_003 a:hover {
	opacity:0.5;
}

.item_004 a {
	position:absolute;
	width: 270px;
    height: 190px;
    left: 664px;
    top: 60px;
	background:#fff;
	opacity:0;
}
.item_004 a:hover {
	opacity:0.5;
}

.item_005 a {
	position:absolute;
	width: 160px;
    height: 130px;
    left: 60px;
    top: 250px;
	background:#fff;
	opacity:0;
}
.item_005 a:hover {
	opacity:0.5;
}

.item_006 a {
	position:absolute;
	width: 160px;
    height: 130px;
    left: 224px;
    top: 250px;
	background:#fff;
	opacity:0;
}
.item_006 a:hover {
	opacity:0.5;
}

.item_007 a {
	position:absolute;
	width: 280px;
    height: 90px;
    left: 404px;
    top: 290px;
	background:#fff;
	opacity:0;
}
.item_007 a:hover {
	opacity:0.5;
}

.item_008 a {
	position:absolute;
	width: 250px;
    height: 130px;
    left: 684px;
    top: 250px;
	background:#fff;
	opacity:0;
}
.item_008 a:hover {
	opacity:0.5;
}

.howto_block {
	position:relative;
	width:100%;
	height:310px;
	background:#52b9b8;
}

.howto_block_dokooku {
	position:relative;
	width:100%;
	height:310px;
	background:#0098db;
}

.howto_txt_block {
	width:860px;
	color:#fff;
	margin:0 auto;
	padding:40px 0;
	line-height:1.5;
	font-size:14px;
}

.howto_text_big {
	font-size:18px;
	font-weight:700;
	margin-bottom:10px;
}


.yellow_text {
	color:#fff668;
	font-weight:700;
}

.item_photo {
	position:relative;
	width:870px;
	height:350px;
	background:url(../images/item_photo.png) no-repeat;
	margin:-100px auto 0;
}

.item_photo_dokooku {
	position:relative;
	width:870px;
	height:4580px;
	background:url(../images/item_photo_dokooku.png) no-repeat;
	margin:-100px auto 0;
}

.insta_logo {
	width:100%;
	text-align:center;
	padding:40px 0;
}

.copyright_block {
	width:100%;
	font-size:12px;
	text-align:center;
	margin-bottom:20px;
	color:#555;
}

.item_cap {
	width:100%;
	font-size:14px;
	text-align:center;
	margin-bottom:40px;
	color:#555;
}

.present_block {
	width:800px;
	padding:50px 0;
	margin:50px auto;
	border:5px solid #52b9b8;
	text-align:center;
}

.present_block_dokooku {
	width:800px;
	padding:50px 0;
	margin:50px auto;
	border:5px solid #0098db;
	text-align:center;
}

.present_txt {
	color:#52b9b8;
	font-weight:700;
	margin-bottom:20px;
}

.present_txt_dokooku {
	color:#0098db;
	font-weight:700;
	margin-bottom:20px;
}

@media (max-width: 768px) {
.main_block {
	position:relative;
	width:640px;
	height:650px;
	background:url(../images/main_sp.jpg) no-repeat center;
	margin: 0 auto;
}

.main_block_dokooku {
	position:relative;
	width:640px;
	height:650px;
	background:url(../images/main_sp_dokooku.jpg) no-repeat center;
	margin: 0 auto;
}

.main_copy_dokooku {
	position:relative;
	width:640px;
	height:650px;
	background:url(../images/main_copy_sp_dokooku.png) no-repeat;
	margin:0 auto;
}

.main_copy {
	position:relative;
	width:640px;
	height:650px;
	background:url(../images/main_copy_sp.png) no-repeat;
	margin:0 auto;
}

.logo a {
	position:absolute;
	display:block;
    width: 80px;
    height: 70px;
    right: 20px;
    top: 15px;
}

.item_block {
	position:relative;
	width:640px;
	height:650px;
	background:url(../images/item_sp.png) no-repeat;
	margin:0 auto;
}

.item_block_dokooku {
	position:relative;
	width:640px;
	height:650px;
	background:url(../images/item_sp_dokooku.png) no-repeat;
	margin:0 auto;
}

.item_001{
	display:none;
}
.item_001_sp a {
	position: absolute;
    width: 330px;
    height: 440px;
    left: 155px;
    top: 162px;
    background: #fff;
    opacity: 0;
}

.item_001_sp{
	display:block;
}
.item_001 a:hover {
	opacity:0.5;
}
.item_002{
	display:none;
}
.item_002_sp{
	display:block;
}
.item_002_sp a {
	position:absolute;
    width: 248px;
    height: 130px;
    left: 43px;
    top: 332px;
	background:#fff;
	opacity:0;
}
.item_002_sp a:hover {
	opacity:0.5;
}

.item_003 a {
    position: absolute;
    width: 185px;
    height: 100px;
    left: 180px;
    top: 225px;
    background: #fff;
    opacity: 0;
}
.item_003 a:hover {
	opacity:0.5;
}

.item_004 a {
	position:absolute;
    width: 270px;
    height: 190px;
    left: 360px;
    top: 140px;
	background:#fff;
	opacity:0;
}
.item_004 a:hover {
	opacity:0.5;
}

.item_005 a {
	position:absolute;
    width: 160px;
    height: 130px;
    left: 25px;
    top: 463px;
	background:#fff;
	opacity:0;
}
.item_005 a:hover {
	opacity:0.5;
}

.item_006 a {
	position:absolute;
    width: 160px;
    height: 130px;
    left: 190px;
    top: 463px;
	background:#fff;
	opacity:0;
}
.item_006 a:hover {
	opacity:0.5;
}

.item_007 a {
	position:absolute;
    width: 280px;
    height: 90px;
    left: 315px;
    top: 360px;
	background:#fff;
	opacity:0;
}
.item_007 a:hover {
	opacity:0.5;
}

.item_008 a {
	position:absolute;
    width: 250px;
    height: 130px;
    left: 360px;
    top: 463px;
	background:#fff;
	opacity:0;
}
.item_008 a:hover {
	opacity:0.5;
}

.howto_block {
	position:relative;
	width:100%;
    height: 480px;
	background:#52b9b8;
}

.howto_block_dokooku {
	position:relative;
	width:100%;
    height: 480px;
	background:#0098db;
}

.howto_txt_block {
	width:580px;
	color:#fff;
	margin:0 auto;
	padding:40px 0;
	line-height:1.5;
	font-size:20px;
}

.howto_text_big {
	font-size:30px;
	font-weight:700;
	margin-bottom:10px;
}


.yellow_text {
	color:#fff668;
	font-weight:700;
}

.item_photo {
	position:relative;
	width:636px;
	height:250px;
	background:url(../images/item_photo_sp.png) no-repeat;
	margin:-50px auto 0;
}

.item_photo_dokooku {
	position:relative;
	width:636px;
	height:3380px;
	background:url(../images/item_photo_sp_dokooku.png) no-repeat;
	margin:-50px auto 0;
}

.insta_logo {
	width:100%;
	text-align:center;
	padding:40px 0;
}

.copyright_block {
	width:100%;
	font-size:12px;
	text-align:center;
	margin-bottom:20px;
	color:#555;
}

.item_cap {
	width:100%;
	font-size:18px;
	text-align:center;
	margin-bottom:40px;
	color:#555;
}

.present_block {
	width:580px;
	padding:50px 0;
	margin:50px auto;
	border:5px solid #52b9b8;
	text-align:center;
	font-size:20px;
}

.present_block_dokooku {
	width:580px;
	padding:50px 0;
	margin:50px auto;
	border:5px solid #0098db;
	text-align:center;
	font-size:20px;
}

.present_txt {
	color:#52b9b8;
	font-weight:700;
	margin-bottom:20px;
	font-size:24px;
}

.present_txt_dokooku {
	color:#0098db;
	font-weight:700;
	margin-bottom:20px;
	font-size:24px;
}

}

a {
	color:#52b9b8;
}

.lp {
	color:#0098db;
}