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

 @media all and (min-width:481px) {
#top_container {
	width: 100%;
	margin: 0 auto;
	background:linear-gradient(90deg,#F3D52A 0%,#F3D52A 50%,#c7a162 50%,#c7a162 100%);
}
#top_container #main {
	width: 1200px;
	height: 676px;
	min-width: 940px;
	margin: 0 auto;
	position: relative;
	background: url(../img/top/main_2202.jpg) top center no-repeat;
}
#top_container #main #nav {
	position: absolute;
	top: 608px;
	left: 30px;
	z-index:10;
}
#top_container #main #nav li {
	display: inline-block;
}
#top_container #main #nav li img {
	margin-right:15px;
}
#top_container #main #nav2 {
	position: absolute;
	top: 608px;
	left: 865px;
	z-index:10;
}
#top_container #main #nav2 li {
	display: inline-block;
}
#top_container #main #nav2 li img {
	margin-right:15px;
}

#top_container #main h1 {
	position: absolute;
	top: 26px;
	left: 16px;
}
#top_container #main h2 {
	position: absolute!important;
	top: 262px;
	left: 19px;
}
#top_container #main #catch {
	position: absolute;
	top: 102px;
	left: 25px;
}
#top_container #main #oroshi {
	position: absolute;
	top: 102px;
	left: 748px;
	z-index: 1;
}
#top_container #main #maru {
	position: absolute;
	top: 102px;
	left: 25px;
	z-index: 1;
}
#top_container #main #btn_jimiuma {
position: absolute;
top:470px;
left:25px;
}
#top_container #main #btn_w-oroshi {
position: absolute;
top:470px;
left:860px;
}
#top_container #main #btn_jimiuma a:hover,
#top_container #main #btn_w-oroshi a:hover,
#top_container #main #nav a:hover,
#top_container #main #nav2 a:hover {
opacity: 0.7;
transition: .3s;
}


#top_container #main #btl {
	position: absolute;
	top: 115px;
	left: 760px;
}
#top_container #main #icon {
	position: absolute;
	top: 58px;
	left: 760px;
}
#top_container #main #btn_makiuma {
	position: absolute;
	top: 400px;
	left: 410px;
	z-index: 10;
}

#subcontainer {
	width: 100%;
	margin: 0 auto;
	background-color:#FFF;
}
#subcontainer #bnr_top {
	width:940px;
	margin:0 auto;
	text-align:center;
	padding:10px 0;
}


}
 
 /* w480px以下
------------------------------------------------------------ */
 @media all and (max-width:480px) {
.point {
	margin: 20px auto;
	width: 80%;
}
.main {
	margin: 0 auto;
	padding-bottom:1px;
}
.spmenu ul {
	width:50%;
	float:left;
	display:inline;
	font-size:0;
	line-height:1;
}
.spmenu ul li {
	width:100%;
	margin:0 0 10px;
}
.spmenu ul li img {
	width:100%;
	height:auto;
}
.spmenu {
width: 100%;
margin: 0 auto;
display: table;
border-spacing: 0;
border-collapse: separate;
}
.spmenu .cont {
width: 50%;
display: table-cell;
}
.spmenu .cont .navttl {
margin: 0 auto;
}
.spmenu .cont .navttl img {
width: 100%;
}
.spmenu .cont .nav_btn {
margin: 15px auto 5px;
text-align: center;
}
.spmenu .cont .nav_btn img {
width: 75%;
}
#btn_sp_bnr {
width: 80%;
margin: 20px auto 0;
padding-bottom: 30px;
}
#btn_sp_bnr div {
margin-bottom: 10px;
}
#btn_sp_bnr img {
width: 100%:
}


#btn_makiuma {
width: 80%;
margin: 10px auto 0;
padding-bottom: 30px;
}
#btn_makiuma img {
width: 100%;
}


}