@charset "utf-8";
/*
 * style.css
 *
 *  version --- 1.0
 *  updated --- 2013/5/10
 */

/* !mainimg
---------------------------------------------------------- */
#mainimg {
	position: relative;
	width: 100%;
	height: 448px;
	overflow: hidden;
	border-bottom: 8px solid #003E92;
}
#mainimg .mainimg {
	width: 999px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -499px;
	z-index: 3;
	padding: 100px 24px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	text-align: right;
}

#mainimg .bx-wrapper {
	position: absolute;
	width: 2997px;
	top: 0;
	left: 50%;
	margin-left: -1498px !important;
	z-index: 2;
}
#mainimg .bx-wrapper .bx-controls {
	width: 999px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -499px;
	z-index: 3;
}
#mainimg .bx-wrapper .bx-prev {
	left: -106px;
	background: url(../img/ico_prev.png) 0 0 no-repeat;
}

#mainimg .bx-wrapper .bx-next {
	right: -106px;
	background: url(../img/ico_next.png) right 0 no-repeat;;
}


#mainimg .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 203px;
	margin-top: 0;
	outline: 0;
	width: 77px;
	height: 77px;
	text-indent: -9999px;
	z-index: 9999;
}
.h2Basic {
	margin-bottom: 60px;
}
#subNav {
	width: 100%;
	height: 112px;
}
#subNav nav {
	background: url(../img/bg_sub_nav.gif) 0 0 repeat;
	width: 100%;
	height: 112px;
	position: relative;
}
#subNav.navfixed nav {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 999;
}
#subNav nav ul {
	width: 950px;
	margin: 0 auto;
	background: url(../img/bg_nav.png) 0 center no-repeat;
	padding-left: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
#subNav nav ul li {
	float: left;
	width: 244px;
	padding: 17px 38px 16px 33px;
	background: url(../img/bg_nav.png) right center no-repeat;
}
#subNav nav ul li a {
	display: block;
}

#specialWrap {
	padding: 60px 0;
	width: 100%;
	overflow: hidden;
}

#specialWrap .specialPanel {
	width: 100%;
	position: relative;
	height: 388px;
}
#specialWrap .specialBox {
	padding: 0 2px;
}
#specialWrap .specialPanel li {
	width: 298px;
	padding: 0 17px;
	height: 388px;
	line-height: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}


#specialWrap .specialPanel .specialImg {
	margin-bottom: 10px;
	position: relative;
}
#specialWrap .specialPanel .specialImg a {
	font-size: 0;
	line-height: 1;
	position: relative;
	display: block;
}
#specialWrap .specialPanel .specialImg a:before {
	background: url(../img/img_special_on.png) 0 0 no-repeat;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 2;
	content: "";
	position: absolute;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	display: none;
}
#specialWrap .specialPanel li a span {
	width: 328px;
	height: 262px;
	position: absolute;
	left: -86px;
	top: -151px;
	z-index: 3;
	display: none;
}
#specialWrap .specialPanel .specialImg a:hover:before {
	display: block;
}

#specialWrap .specialPanel .specialImg a img.photo,
#specialWrap .specialPanel .specialImg a.photo {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 2px 2px 5px #666;
}

#specialWrap .specialPanel p {
	font-size: 18px;
	line-height: 1.4;
}
#specialWrap .specialPanel .specialName {
	margin-bottom: 5px;
}
#specialWrap .specialPanel .specialName a {
	color: #0066ca;
	font-weight: bold;
	font-size: 21px;
	line-height: 43px;
	display: block;
	text-decoration: underline;
}

.specialCategory01 {
	background: url(../img/ico_matsuyama.png) 0 0 no-repeat;
	background-size: auto 40px;
	padding-left: 50px;
}
.specialCategory02 {
	background: url(../img/ico_iyo.png) 0 0 no-repeat;
	background-size: auto 40px;
	padding-left: 50px;
}
.specialCategory03 {
	background: url(../img/ico_masaki.png) 0 0 no-repeat;
	background-size: auto 40px;
	padding-left: 50px;
}
.specialCategory04 {
	background: url(../img/ico_other.png) 0 0 no-repeat;
	padding-left: 50px;
}

#specialWrap .bx-wrapper {
	position: absolute;
	width: 2086px;
	top: 0;
	left: 50%;
	margin-left: -1043px !important;
	z-index: 2;
}

#specialWrap .specialPrev {
	position: absolute;
	left: 0;
	top: 79px;
	z-index: 2;
	width: 50px;
	height: 102px;
}
#specialWrap .specialPrev a {
	background: url(../img/ico_special_prev.png) 0 0 no-repeat;
	display: block;
	width: 100%;
	height: 102px;
	text-indent: -9999px;
}
#specialWrap .specialNext {
	position: absolute;
	right: 0;
	top: 79px;
	z-index: 2;
	width: 50px;
	height: 102px;
}
#specialWrap .specialNext a {
	background: url(../img/ico_special_next.png) 0 0 no-repeat;
	display: block;
	width: 100%;
	height: 102px;
	text-indent: -9999px;
}

#sns {
	width: 100%;
	padding: 38px 0 34px;
	background: url(../img/bg_sns.gif) 0 0 repeat;
	position: relative;
	overflow: hidden;
}
#sns .bx-wrapper {
	overflow: hidden;
}
#sns li {
	width: 244px;
	text-align: center;
}

#sns .snsPrev {
	position: absolute;
	left: 63px;
	top: 50%;
	margin-top: -29px;
	z-index: 2;
	width: 58px;
	height: 58px;
}
#sns .snsPrev a {
	background: url(../img/ico_sns_prev.png) 0 0 no-repeat;
	display: block;
	width: 100%;
	height: 58px;
	text-indent: -9999px;
}
#sns .snsNext {
	position: absolute;
	right: 63px;
	top: 50%;
	margin-top: -29px;
	z-index: 2;
	width: 58px;
	height: 58px;
}
#sns .snsNext a {
	background: url(../img/ico_sns_next.png) 0 0 no-repeat;
	display: block;
	width: 100%;
	height: 58px;
	text-indent: -9999px;
}

#sns_noslide {
	width: 100%;
	padding: 38px 0 34px;
	background: url(../img/bg_sns.gif) 0 0 repeat;
	position: relative;
	overflow: hidden;
}
#sns_noslide ul {
	max-width: 976px;
	margin: 0 auto;
}

#sns_noslide ul li {
	width: 244px;
	text-align: center;
	float: left;
}


#newsWrap {
	width: 100%;
	padding: 60px 0 80px;
}
#newsWrap .newsPanel {
	width: 950px;
	margin: 0 auto;
	border-top: 1px dashed #ddd;
}
#newsWrap .newsPanel dl {
	border-bottom: 1px dashed #ddd;
	overflow: hidden;
	background: url(../img/ico_news_link.png) right center no-repeat;
	display: flex;
	align-items: center;
	padding: 10px 0;
}
#newsWrap .newsPanel dt {
	float: left;
	margin-right: 32px;
	padding-left: 14px;
	font-weight: bold;
}
#newsWrap .newsPanel dt img {
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
}
#newsWrap .newsPanel dd span {
	width: 111px;
	height: 29px;
	line-height: 29px;
	display: inline-block;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	background: #454545;
	margin-bottom: 8px;
}
.icoNewsCategory01 {
	background: #ffa800!important;
}
.icoNewsCategory02 {
	background: #f79494!important;
}
.icoNewsCategory03 {
	background: #02baf2!important;
}
.icoNewsCategory04 {
	background: #7ec96a!important;
}

#newsWrap .newsPanel dd {
	overflow: hidden;
	font-size: 18px;
	line-height: 24px;
	padding-right: 36px;
}
#newsWrap .newsPanel dd a {
	padding-left: 30px;
}

#specialWrap .topbtn_buy {
	margin-top: 0;
	text-align: center;
}
#specialWrap .topbtn_buy a {
	display: inline-block;
	width: auto;
	background: url(../img/top_btn_icon01.png) 20px center no-repeat #0066ca;
	color: #fff;
	font-size: 30px;
	text-align: center;
	padding: 10px 24px 10px 64px;
}

#buyWrap {
	padding: 60px 0;
	width: 100%;
	overflow: hidden;
}
#buyWrap ul {
	max-width: 976px;
	margin: 0 auto;
}
#buyWrap ul li {
	width: 48%;
	text-align: center;
	float: left;
}
#buyWrap ul li:nth-child(even) {
	float: right;
}
#buyWrap ul li a img {
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
	max-width: 100%;
}
#buyWrap .topbtn_lotsforsale {
	margin-top: 30px;
	text-align: center;
}
#buyWrap .topbtn_lotsforsale a {
	display: inline-block;
	width: 380px;
	background: url(../img/top_btn_icon02.png) 40px center no-repeat #0066ca;
	color: #fff;
	font-size: 18px;
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
}
#specialWrap .topbtn_buy a:hover,
#buyWrap ul li a:hover img,
#buyWrap .topbtn_lotsforsale a:hover {
	opacity: 0.8;
	text-decoration: none;
}
#contactWrap {
	width: 100%;
	text-align: center;
}


#specialWrap .specialPanel .kanbai:after {
  content: '';
  background: url(../img/add/kanbai.png) no-repeat 50%/contain;
  width: 150px;
  height: 150px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
#specialWrap .specialPanel .shodan:after {
  content: '';
  background: url(../img/add/shodan.png) no-repeat 50%/contain;
  width: 150px;
  height: 150px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.top_contact {
  width: 976px;
  margin: 0 auto 10px;
}

.top_contact img {
  width: 100%;
}

#instagram {
	width: 100%;
	padding: 46px;
	background: url(https://www.kame3kame3.jp/wp/wp-content/themes/kameoka-sp/img/bg_sns.gif) 0 0 repeat;
	position: relative;
	overflow: hidden;
	height: auto;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 46px;
}
#instagram .pcbox {
	max-width: 710px;
	display: flex;
	margin: 0 auto;
	justify-content: space-between;
}
#instagram .pcbox h3 {
	text-align: center;
	width: 30%;
}
#instagram .pcbox h3 img {
	width: 160px;
	height: auto;
	margin:20px 0 10px;
}
#instagram .pcbox h3 a.linkbtn {
	display: block;
	text-decoration: underline;
	font-size: 13px;
	margin-bottom:10px;
}
#instagram .pcbox h3 a.followbtn {
	display: block;
	font-size: 21px;
	color: #fff;
	background-image: linear-gradient(270deg, rgba(255, 123, 165, 1), rgba(253, 167, 161, 1) 60%, rgba(255, 190, 190, 1));
	padding: 4px 10px;
	border-radius: 30px;
	width: 180px;
	box-sizing: border-box;
	margin: 0 auto;
}
#instagram .pcbox #sb_instagram {
	/* display: flex; */
	/* width: 70%; */
	/* justify-content: flex-end; */
}
#instagram .pcbox .sbi_item {
	margin-left: 5%;
	width: 30%;
}
#instagram .pcbox .sbi_item + .sbi_item {
	margin-left: 4%;
}
#instagram .pcbox .sbi_item a {
	display: block;
	height: auto !important;
}
#instagram .pcbox .sbi_item a img {
	border-radius: 10px;
    width: 140px !important;
    height: 140px !important;
    object-fit: cover;
    height: auto;
}
.pcbox .clearfix {
    width: 70%;
    padding-left: 5%;
}
@media (max-width: 800px) {
    #sb_instagram.sbi_tab_col_2 #sbi_images {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}