@charset "utf-8";
/*-----------------------------------------------------*/
/* PC版 基本スタイル
/*-----------------------------------------------------*/

#container{
    width:100%;
    margin:0 auto;
}

.sp {
    display:none;
}

.mb30 h2 , .sliderArea{
	max-width: 980px!important;
	margin: 0 auto;
}

.mb30 h2 {
    padding: 50px 0 50px 0;
    text-align: center;
    font-size: 1.5em;
    font-weight: 100;
}

.cotnent_1260{
	max-width: 1260px;
	margin: 0 auto;
}

#breadcrumb{
	width: 980px;
	margin: 15px auto;
    text-align: center;
}

#snsBox ul li{padding-top:2px;}

/*-----------------------------------------------------*/
/* メインビジュアル
/*-----------------------------------------------------*/

.mainvisual{
	background:url(images/bg_mainvisual.jpg) no-repeat;
	padding: 0;
	margin: 0 auto;
	width:100%;
	height:100%;
	background-position:center;
	background-size:cover;
}
.yutai201807{ background-image:url(images/bg_mainvisual.jpg); }

/*.chokuzen201809{ background-image:url(/images/tokusyu/monthly/201809/theme02/bg_mainvisual.png); }*/

.mainvisual h1{
	width: 980px;
	margin: 0 auto;
	padding: 25px 0;
	text-align: center;
}

h2 {
    margin: 50px 0 50px 0;
    text-align: center;
	font-size: 1.5em;
	font-weight: 100;
}

/*-----------------------------------------------------*/
/* ゴルフ場一覧幅変更
/*-----------------------------------------------------*/
ul.item_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1260px;
    width: 100%;
}

.item {
    width: 30%;
    box-sizing: border-box;
}

.item:last-child {
    margin-left: auto;
}

ul.item_container {
    margin: 0 0 0 40px;
}

/*--------------------------------------------------------------------*/
/* レスポンシブル対応
/*--------------------------------------------------------------------*/

@media screen and (max-width:1100px) {
	ul.item_container {
    margin: 0 0 0 35px;
}
}

@media screen and (max-width:980px) {
	
	/* メインビジュアル */
	.mainvisual h1{
		width: auto;
		margin: 0 20px;
	}
	
	.inner{
		width: auto;
		margin: 0 10px;
	}
	
	ul.item_container {
    margin: 0 0 0 30px;
}
	
}

@media screen and (max-width:900px) {
	ul.item_container {
    margin: 0 0 0 25px;
}
}

@media screen and (max-width:800px) {
	ul.item_container {
    margin: 0 0 0 20px;
}
}

@media screen and (max-width:700px) {
	ul.item_container {
    margin: 0 0 0 15px;
}
}

@media screen and (max-width:640px) {
    .sp {
        display: block;
    }
    .pc {
        display: none;
    }
    #footer {
        display: none;
    }
    #breadSns {
        display: none;
    }
    header.common .logo {
        float: left;
        width: 275px;
    }
    header.common .navi li {
        float: right;
        padding-top: 15px;
	}


/*-----------------------------------------------------*/
/* メインビジュアル
/*-----------------------------------------------------*/

	.mainvisual{
	padding: 0;
	margin: 0 auto;
	width:100%;
	height:100%;
	background-position:center;
	background-size:cover;
}
	
	.mainvisual h1{
		width: auto;
		padding: 0;
		margin:0;
	}

.mb30 h2 {
    margin: 40px 10px 30px 10px;
	padding: 0;
}

	ul.item_container {
        margin: 0 !important;
    }
	
	ul.item_container li.item {
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 40px;
    }
	p.photo {
        max-height: 100%;
        margin-bottom: 5px;
    }
	
	.cotnent_1260 {
    margin: 0 10px;
	}
}

@media screen and (max-width: 980px) {
    #footer_link {
        display: block!important;
    }
}