*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.mainVisualCatchRenew{
	position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    transform: translateX(-50%) translateY(-50%);
    text-align: center;
}
@media screen and (max-width:750px){
	.mainVisualCatchRenew img{
    width: 230px;
    height: 83px;
	}
}

.containerRenew, .gridRenew {
    max-width: 1200px;
	margin: 0 auto;
}
.containerWrapRenew{
	width: 100%;
}
.containerMarginRenew{
	margin: 0 30px;
}
.gridInRenew{
	padding-left: 30px;
    padding-right: 0;
}
.col1-2Renew{
	width: 50%;
    float: left;
    margin: 0;
}
.col1-5Renew{
	width: 20%;
    float: left;
    margin: 0;	
}
.col1-3Renew{
	width: 33.3%;
    float: left;
    margin: 0;	
}
.colInRenew{
	padding-right: 30px;
}
.frontFeedTtl{
	float: left;
	line-height: 1.3;
}
.h1NewsEvents{
	color: #000;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-style: italic;
	font-size: 185%;
	background: url(../img/top/bg-h2-yellow.gif) repeat-x scroll;
    background-size: auto 8px;
	background-position: left 85%;
}
.h2NewsEventsSlash{
	font-size: 185%;
}
.h2NewsEventsSmall{
	vertical-align: 10%;
	color: #5f5f5f;
}
.frontSectionPadTop{
	padding-top: 40px;
}
.frontFeedAll{
	float: right;
	padding-top: 4px;
}
.frontFeedBdr{
	border-bottom: solid 2px #000000;
	padding-bottom: 12px;
}
.frontFeedAll a{
	font-family: 'Open Sans', sans-serif;
	font-weight: 500;
	font-style: italic;
	font-size: 85%;	
	color: #000;
	padding: 0 13px;
    background: url(../img/wp/next.png) no-repeat scroll left 4px #fff;
    background-size: 5px auto;
}
.frontFeedArtBox{
    background: url(../img/top/bg-front-feed-art.gif) repeat-x scroll left bottom;
    background-size: 4px auto;
	padding: 18px 0;
	font-size: 95%;
}
a.frontFeedLnk:last-child .frontFeedArtBox{
    background:none;
}
a .frontFeedDate{
	color: #747474;
	float: left;
	width: 7em;
}
a .frontFeedArtTtl{
	text-decoration: none;
    color: #000;
    height: 2em;
    overflow: hidden;
    box-sizing: content-box;
}
a.frontFeedLnk{
	text-decoration: none;
	color: #000;
}
a.frontFeedLnkNoImg:hover{
	text-decoration: underline;
}
.frontFeedImgBox{
	float: left;
    width: 95px;
	height: 95px;
    overflow: hidden;
}
a .frontFeedImgDate{
	color: #747474;
	padding-left: 130px;
	margin-bottom: 5px;
}
a .frontFeedArtImgTtl{
	text-decoration: none;
    color: #000;
    height: 3.6em;
    overflow: hidden;
	padding-left: 34px;
	line-height: 180%;
}
a.hoverBigImg:hover  img{
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
a.hoverBigImg img{
	width: 100%;
	height: auto;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	}
.topSectionPadding{
	padding-bottom: 40px;
}

/*------------ section about ------------*/
.bgGreyRenew{
	background-color: #eaeaea;
}
.topAboutWrap{
	height: 404px;
	width: 100%;
	background: url(../img/top/bg-aboutWrap.jpg) repeat-x scroll left bottom;
	
}
.topAboutSectionPadding{
	padding: 50px 0;
}
.topAboutContWrap{
	padding-left: 40px;
	height: 100%;
	width: 396px;
	float: right;
	background: url(../img/top/bg-about-circle.png) no-repeat scroll left center transparent;
	background-size: auto 404px;
}
.topAboutCont{
	background-color: #fff;
	padding: 60px 40px 60px 40px;
	width: 100%;
	height: 100%;
	text-align: center;
}
.enTopH1{
	color: #000;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-style: italic;
    font-size: 280%;
	background: url(../img/top/bg-h2-yellow.gif) repeat-x scroll;
    background-size: auto 8px;
    background-position: left 85%;
}
.subTopAboutH1{
	display: block;
	margin-top: 5px;
}
.topAboutCont p{
	color: #666666;
	margin-bottom: 20px;
}
.topAboutCont h1{
	margin-bottom: 30px;
}
a.topRenewBlackBtn{
	background-color: #000;
    color: #FFFFFF;	
	display: block;
    padding: 7px;
    text-align: center;
    text-decoration: none;
	border: 1px solid #000;
	margin-left: auto;
	margin-right: auto;
}
a.topRenewBlackBtn:hover{
	background-color: transparent;
	color: #000;	
}
.btnKuwashiku{
	width: 225px;
}
a.topRenewBlackBtn span{
	background: url(../img/top/link-icon-white.png) no-repeat scroll left 0.2em transparent;
    padding: 0 18px;
    background-size: 5px 12px;
}
a.topRenewBlackBtn:hover span{
	background: url(../img/top/link-icon-black.png) no-repeat scroll left 0.2em transparent;
	background-size: 5px 12px;
}
.topRenewTopM{
	padding-top: 50px;
	padding-bottom: 35px;
}

/*------------ section geosite ------------*/
.topRenewGeositeThumb{
	width: 123px;
	height: 123px;
	border-radius: 70px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}
.topRenewGeositeThumb img{
	max-height: 100%;
	width: auto;
}
.topRenewGeoLnkBox{
	text-align: center;
	text-decoration: none;
}
.topRenewGeoLnkBox h2{
	color: #000;
	margin: 15px 0;
	font-size: 110%;
	font-weight: bold;
	overflow: hidden;
	height: 2.1em
}
a.topRenewGeoLnkBox:hover h2{
	text-decoration: underline;
}
.topRenewGeoDes{
	line-height: 180%;
	font-size: 95%;
	overflow: hidden;
	height: 5.4em;
	color: #333;
}
.topRenewGeoMore{
	background: url(../img/top/bg-front-feed-art.gif) repeat-x scroll left bottom;
    background-size: 4px auto;
    font-size: 95%;
	margin-top: 15px;
}
.topRenewGeoMore p{
	background: url(../img/top/bg-front-feed-art.gif) repeat-x scroll left top;
    background-size: 4px auto;
    padding: 2px 0;
}
a.topRenewGeoLnkBox .topRenewGeoMore{
	font-size: 90%;
	color: #666666;
}
.topRenewGeoMore p span{
	padding: 0 13px;
    background: url(../img/wp/next.png) no-repeat scroll left 4px #fff;
    background-size: 5px auto;
}
.column1AllLinkM, .column1AllLinkColumnM{
	margin-top: 40px;
}

/*------------ section tour ------------*/
.topRenewTourWrap{
	position: relative;
	height: 400px;
	overflow: hidden;
	background: url(../img/top/top-movie-tour-alt.jpg) repeat scroll center center transparent;
	background-size: cover;
}
.topRenewTourLeadWrap{
	position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    transform: translateX(-50%) translateY(-50%);
    text-align: center;
	z-index: 3;
}
.renewTopOverBg{
	width: 100%;
    height: 100%;
    background: url(../img/area/over-bg.png) repeat scroll left top transparent;
	position: absolute;
	z-index: 2;
}
.topRenewBgvid{
	width: 100%;
    display: block;
	z-index: 1;
	position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    transform: translateX(-50%) translateY(-50%);
    text-align: center;
}
.topRenewTourLeadArt{
	color: #e1e1e1;
	width: 750px;
	font-size: 115%;
	margin-bottom: 25px;
}
.topRenewTransBtn{
	background-color: transparent;
    color: #FFFFFF;
    display: block;
    padding: 12px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #fff;
    margin-left: auto;
    margin-right: auto;
	font-size: 90%;
}
a.topRenewTransBtn:hover{
	border: 1px solid #000;
	background-color: #000;
}
a.topRenewTransBtn span {
    background: url(../img/top/link-icon-white.png) no-repeat scroll left 0.2em transparent;
    padding: 0 18px;
    background-size: 5px 12px;
}
.topRenewTourBtn{
	width: 270px;
}

/*------------ section column ------------*/
a.topRenewColumnLnkBox{
	text-decoration: none;
}
.topRenewColumnThumb{
	width: 100%;
	height: 160px;
	overflow: hidden;
	position: relative;
}
.topRenewColumnThumb img{
	height: auto;
	width: 100%;
	position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    transform: translateX(-50%) translateY(-50%) scale(1);	
	transition: all .3s ease-in-out;
}
a.topRenewColumnLnkBox:hover img{
	transform: translateX(-50%) translateY(-50%) scale(1.2);
}
.topRenewColumnDes{
	background-color: #fff;
	width: 100%;
	padding: 15px;
}
a.topRenewColumnLnkBox h2{
	color: #000;
	line-height: 170%;
	height: 3.4em;
	overflow: hidden;
	margin-bottom: 5px;
}
a.topRenewColumnLnkBox p{
	font-size: 85%;
	color: #868686;
	line-height: 170%;
	height: 3.4em;
    overflow: hidden;
}
.pcNone850, .pcNone700{
	display: none;
}



@media screen and (max-width:850px){
/*	.frontBody{
		font-size: 15px
	}*/
	.smtHiddenBr{
		display: none;
	}
	.gridInRenew {
    padding-left: 15px;
    padding-right: 0;
	}
	.colInRenew {
    padding-right: 15px;
	}
	.pcNone850{
	display: block;
	}
	
	/*------------ section about ------------*/	
	.topAboutContWrap{
		padding-left: 0;
		background: none;
		width: 100%;
	}
	.topAboutCont{
		padding: 30px 20px;
	}
	.topAboutWrap{
		height: inherit;
	}
	.topAboutSectionPadding{
		padding: 30px 0;
	}
	.containerMarginRenew {
    margin: 0 15px;
	}
	.enTopH1{
		font-size: 200%;
	}
	.subTopAboutH1{
		margin-top: 0;
	}
	.topAboutCont h1 {
		margin-bottom: 20px;
	}
	.smtTopAbout{
		margin-bottom: 20px;
	}
	/*------------ section geosite ------------*/	
	.topRenewTopM {
    padding-top: 20px;
    padding-bottom: 15px;
	}
	.topAboutCont h1 {
		font-size: 100%;
	}
	/*------------ section tour ------------*/	
	.topRenewBgvid {
		display: none;
	}
	.topRenewTourLeadArt{
		width: 100%;
		font-size: 100%;
	}
	.topRenewTourWrap {
		height: 340px;
	}
	
}

@media screen and (max-width:700px){
	.col1-2Renew{
		float: none;
		width: 100%;
	}
	.frontSectionPadTop{
		padding-top: 20px;
	}
	.h2NewsEventsSlash {
    font-size: 150%;
	}
	.h1NewsEvents {
		font-size: 150%;
	}
	.frontFeedAll{
		padding-top: 0;
	}
	.topSectionPadding {
    padding-bottom: 20px;
	}
	.frontFeedArtBox{
		padding: 15px 0;
	}
	a.frontFeedLnk:last-child .frontFeedArtBox{
		background: url(../img/top/bg-front-feed-art.gif) repeat-x scroll left bottom;
    	background-size: 4px auto;
	}
	/*------------ section column ------------*/	
	a.topRenewColumnLnkBox{
		display: block;
	}
	.col1-3Renew{
		float: none;
		width: 100%;
		margin-bottom: 15px;
	}
	.topRenewColumnThumb{
		width: 85px;
		height: 85px;
		float: left;
		margin: 15px;
	}
	.column1AllLinkColumnM{
		margin-top: 10px;
	}
	.pcNone700{
	display: block;
	}
	a.topRenewColumnLnkBox p {
    height: 1.7em;
	}
	.topRenewColumnThumb img {
    height: 100%;
    width: auto;
	}
	.topRenewColumnDes {
		height: 115px;
	}
	a.topRenewColumnLnkBox p {
    line-height: 140%;
    height: 2.8em;
	}
}
.product {
	background: url(https://chokaitobishima.com/wp-content/uploads/2018/10/bg-product.png) no-repeat center / cover;
}
.product .card,
.attraction .card {
	background: #fff
}
.product .card__media,
.attraction .card__media {
  position: relative;
  padding-top: 55%;
  background-color: #ccc;
}
.product .card__media img,
.attraction .card__media img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.product .slick-prev,
.product .slick-next,
.attraction .slick-prev,
.attraction .slick-next {
	top: 40%;
}
.product .slick-next,
.attraction .slick-next {
	right: -25px;
}
.product .slick-prev,
.attraction .slick-prev {
	left: -10px;
}
.product .slick-prev:before,
.attraction .slick-prev:before {
	content: '\f104';
	font-family: FontAwesome;
	color: white;
	font-size: 4rem;
}
.product .slick-next:before,
.attraction .slick-next:before {
	content: '\f105';
	font-family: FontAwesome;
	color: white;
	font-size: 4rem;
}
.product .topRenewGeoLnkBox h2 {
	margin: 1rem auto;
}

.product .slick-dots {
    bottom: -65px;
}
.product .slick-dotted.slick-slider {
    margin-bottom: 75px;
}
.cd-fixed-bg:after {
    content: "";
    background: url(https://chokaitobishima.com/wp-content/themes/geochokai_170707/img/area/over-bg.png);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.tour {
	background: #eaeaea;
}
.geotourBox {
	background: url('../img/top/tour_bg.png') no-repeat 0 0 / cover;
	border: 3px solid #fff;
}