﻿/*read*/
.read{
	margin-bottom: 15px;
}
/*nogolf_nolife*/
#nogolf_nolife {
	background-image: url(/special/nogolf-nolife/images/images_07.png);
	padding-top: 30px;
	padding-bottom: 30px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}

#illust_title {
	text-align: center;
	font-size: 40px;
	font-weight: bolder;
	color: #FFFFFF;
	line-height: 40px;
	text-shadow: 0px 0px 10px #003d1b;
	padding-right: 30px;
	padding-left: 30px;
}
#illust_title span {
	color: #FFFFFF;
	background-color: #FF3300;
	display: inline-block;
	padding: 5px;
	margin-right: 10px;
	line-height: 30px;
	font-size: 30px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 2px solid #FFFFFF;
	text-shadow: none; 
}
#illustration {
	background-image: url(/special/nogolf-nolife/images/illustration_bg.png);
	background-repeat: no-repeat;
	background-position: 31px 0px;
	padding-top: 41px;
	padding-left: 77px;
	height: 660px;
	margin-top: 30px;
}

#illust_setsumei {
	background-image:
		url(/special/nogolf-nolife/images/illust_setsumei1.png),
		url(/special/nogolf-nolife/images/illust_setsumei3.png),
		url(/special/nogolf-nolife/images/illust_setsumei2.png);
	background-repeat:
		no-repeat,
		no-repeat,
		repeat-y;
	background-position:
		top,
		bottom,
		center;
	width: 630px;
	margin-right: auto;
	margin-left: auto;
	font-size: 14px;
	line-height: 150%;
	padding: 40px 60px 40px 60px;
	background-color: #faedd8;
}
/*a_ko_prof*/
#a_ko_prof {
	border: 1px solid #5482A7;
	width: 600px;
	margin:30px auto 20px auto;
}
#a_ko_prof #a_ko_prof_tit {
	color: #FFFFFF;
	background-color: #5482A7;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	padding: 5px;
	margin: 0px;
}
#a_ko_prof .inner {
	padding: 10px;
}
#a_ko_prof .inner img {
	float: left;
	height: 123px;
}
#a_ko_prof .inner p {
	font-size: 12px;
	line-height: 130%;
	color: #333333;
	margin-left: 133px;
}
/* -------------------------------------------------------------- 
sharebar
-------------------------------------------------------------- */
.sharebar{
	margin: 10px -30px 10px 0px;
	float: right;
}
.sharebar .btn_facebook{
	width:70px ;
	padding:0;
	float:right;
}
.sharebar .twitter-share-button{
	width:90px !important;
	padding:0;
	float:right;
	margin: 0 0 0 5px;
}
.sharebar .g-plusone{
	width:60px !important;
	padding:0;
	float:right;
	margin: 0 0 0 5px;
}
#archive {
	line-height: 150%;
	margin-top: 10px;
}
.archive_t {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0099FF;
	margin-bottom: 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 3px 3px 3px 8px;
}
#archive ul{
}
#archive ul li{
	display: inline;
	line-height: 20px;
	padding: 2px 5px 2px 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #86CEFF;
}
#archive ul .new{
	border:none;
}
#archive ul .new span {
	color: #FFFFFF;
	background-color: #FF0000;
	margin-right: 3px;
	font-size: 10px;
	padding: 2px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}


.cbox {
    zoom:1;/*for IE 5.5-7*/
}
.cbox:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
	line-height: 0;
    clear:both;
    visibility:hidden;
}

.spHeader,
.spNav,
#footBox,
.sp_pageank {
	display: none;
}


/* アンケートエリア */
.ank_area{
	background-color:#fdf0dc;
	margin:20px 0;
	padding:5px 30px;
	border:5px solid #ff3300;
	font-size:16px;
}
.txt-center{
	text-align:center;
}
.bold{
	font-weight:bold;
}
.font-big{
	font-size:34px;
}
.read-txt{
	font-size:16px;
}
.shadow{
	text-shadow: 1px 1px 0 rgba(0,0,0,.2);
}
/* ボタン赤 */
.btn-red{
	text-align: center;
	width: 600px;
	margin:0 auto 15px;
}
.btn-red a {
	display: block;
	width: 600px;
	padding: 15px 0;
	background-color: #d32f2f;
	border-radius: 5px;
	box-shadow: 0px 5px 0px 0px #c62828;
	-moz-box-shadow: 0px 5px 0px 0px #c62828;
	-webkit-box-shadow: 0px 5px 0px 0px #c62828;
	color: #FFF;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
}
.btn-red a:hover {
	color:#fff;
	background-color: #c62828;
	box-shadow: 0px 5px 0px 0px #b71c1c;
	-moz-box-shadow: 0px 5px 0px 0px #b71c1c;
	-webkit-box-shadow: 0px 5px 0px 0px #b71c1c;
	-moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    transition: .3
}
.sp_erea{
	display:none;
}

@media screen and (max-width: 768px) {
	.site,
	#wholeHeaderPane,
	#res_header,
	#res_headbody.typeA #res_headbodyL,
	#res_header #res_globalnavigation,
	#res_header #res_globalnavigation ul#res_gnavi,
	#res_header #res_headbody,
	#str_container,
	#str_container #str_menuAndContents,
	#res_footer,
	#res_footer #res_footer_utilitylinks,
	#res_footer #res_footer_addressmarks {
		width: auto;
		margin: 0;
	}
	#wholeHeaderPane,
	#res_header #res_globalnavigation,
	.vi_header_04,
	#localMenu,
	#res_headbody,
	#topicPath,
	#res_seofooter,
	#res_footer_utilitylinks,
	.moveTop,
	#floatMenu,
	#floatMenu2 {
		display: none;
	}
	#res_headbody.typeA #res_headbodyL {
		padding: 10px;
	}
	.spHeader,
	.spNav,
	.sp_pageank {
		display: block;
	}
	.spHeader:after {
		content: "\0020";
		background-image: -moz-linear-gradient(top, #4db3f5, #1c8fdd 50%, #2083c8 50%, #2083c8);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#4db3f5), color-stop(0.5, #1c8fdd), color-stop(0.5, #2083c8), to(#2083c8));
		height: 12px;
		display: block;
		width: 100%;
		top: 0;
	}
	.spHeader #header-top {
		background-color: #ffffff;
		border: none;
		display: block;
		position: relative;
		padding: 1.8%;
	}
	.spHeader #header-top h1 {
		font-size: 1px;
	}
	.spHeader #header-top a:first-child {
		display: block;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0.25);
		float: left;
		width: 26.3%;
		margin: 2px 0 0;
	}
	.spHeader #header-top a:first-child img {
		width: 100%;
		height: auto;
	}
	.spHeader #header-top #menuBtn {
		float: right;
		width: 14.5%;
		height: auto;
	}
	.spHeader #menuArea {
		border: solid 2px #3695d6;
		border-top: solid 10px #3695d6;
		border-bottom: solid 2px #3695d6;
		position: relative;
		margin: 0 10px 20px 10px;
		display: none;
		font-size: 28px !important;
		font-family: 'ヒラギノ角ゴ ProN W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	}
	.spHeader #menuArea ul {
		border-bottom: solid 1px #3695d6;
	}
	.spHeader #menuArea li {
		width: 50%;
		float: left;
		position: relative;
		border-bottom: solid 1px #3695d6;
		border-right: solid 1px #3695d6;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	.spHeader #menuArea li.last {
		border-bottom: none;
	}
	.spHeader #menuArea li a, header #menuArea li a:visited {
		color: #3695d6;
		font-weight: bold;
	}
	.spHeader #menuArea li a:before {
		content: "\0020";
		background-image: url(//www.golfdigest.co.jp/resource/sp/img/common/sprites.png);
		width: 32px;
		height: 32px;
		display: block;
		overflow: hidden;
		background-position: -128px -32px;
		position: absolute;
		right: 20px;
		top: 30px;
	}
	.spHeader #menuArea li a div {
		width: 100%;
		padding: 27px 0 !important;
		text-indent: 25px;
		display: inline-block;
		vertical-align: bottom;
	}
	.spHeader #menuArea .show {
		padding: 20px 0;
		text-align: center;
	}
	.spHeader #menuArea .close {
		width: 100%;
		background: #f5fafd url(//www.golfdigest.co.jp/resource/sp/img/top/top_bg_close.gif) top repeat-x;
		text-align: center;
	}
	.spHeader #menuArea .close img {
		width: 40%;
		height: auto;
	}
	.menu {
		overflow: hidden;
		border-top: 1px solid #ababab;
		border-bottom: 1px solid #ababab;
	}
	.menu ul li {
		list-style: none;
		float: left;
		background: linear-gradient(to bottom, #f7f7f7, #dedcdd);
		width: 20%;
		height: auto;
		box-sizing: border-box;
		background-size: cover;
	}
	.menu ul li a {
		height: auto;
		display: block;
		border-left: 1px solid #ababab;
	}
	.menu ul li a img {
		width: 100%;
		height: auto;
		text-align: center;
		vertical-align: bottom;
	}
	#str_container #str_menuAndContents img {
		max-width: 100%;
		height: auto;
	}
	.read {
		margin: 10px;
	}
	.sharebar {
		margin: 10px;
	}
	#nogolf_nolife {
		margin: 0 10px;
	}
	#illust_title,
	#illust_title span {
		font-size: 30px;
		line-height: 30px;
		padding: 0 20px;
	}
	#illustration {
		height: auto;
		padding-left: 0;
		background-image: none;
		margin: 0 20px 0;
	}
	#illust_setsumei {
		width: auto;
		background-size: contain;
		padding: 40px 40px;
	}
	#archive {
		margin: 10px;
	}
	#a_ko_prof {
		width: auto;
		border: none;
		box-sizing: box;
		margin: 10px;
	}
	#a_ko_prof .inner {
		border: 1px solid #5482A7;
	}
	#res_footer #res_footer_addressmarks address {
		width: auto;
		float: none;
	}
	#footBox {
		display: block;
	}
	footer nav.subNavFooter:before {
		content: "\0020";
		background-image: -moz-linear-gradient(left bottom, #4eb8f4, #4eb8f4 50%, #308ad2 50%, #308ad2),-moz-linear-gradient(left bottom, #4eb8f4, #4eb8f4 50%, #308ad2 50%, #308ad2);
		background-image: -webkit-gradient(linear, left bottom, right top, from(#4eb8f4), color-stop(0.5, #4eb8f4), color-stop(0.5, #308ad2), to(#308ad2)),-webkit-gradient(linear, left bottom, right top, from(#4eb8f4), color-stop(0.5, #4eb8f4), color-stop(0.5, #308ad2), to(#308ad2));
		background-size: 14px 14px, 100% 14px;
		background-repeat: no-repeat, no-repeat;
		background-position: 50% top, left top;
		width: 100%;
		height: 10px;
		position: absolute;
		left: 0;
		top: 0;
	}
	footer nav.subNavFooter {
		clear: both;
		margin-top: 0px;
		padding: 0 0 40px 0;
		background: #fff;
		color: #000;
		text-align: center;
		position: relative;
	}
	footer .content {
		border-width: 0;
		clear: both;
		overflow: hidden;
		padding: 10px 0 !important;
		position: relative;
	}
	footer nav.subNavFooter ul.links-list {
		text-align: left !important;
		margin: 0 !important;
		display: block;
	}
	footer nav.subNavFooter li {
		/*font-size: 28px !important;*/
		border-bottom: solid 1px #cccccc;
		position: relative;
		padding: 0;
	}
	footer nav.subNavFooter ul.links-list li a {
		color: #3399cc !important;
	}
	footer nav.subNavFooter li a div {
		width: 100%;
		padding: 27px 0 !important;
		text-indent: 25px;
		display: inline-block;
		vertical-align: bottom;
	}
	footer nav.subNavFooter li a:before {
		display: block;
		content: "";
		position: absolute;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 50%;
		right: 22px;
		width: 16px;
		height: 16px;
		margin-top: -8px;
		background: #3695d6;
  	}
	footer nav.subNavFooter li a:after{
		display: block;
		content: "";
		position: absolute;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 50%;
		right: 30px;
		width: 16px;
		height: 16px;
		margin-top: -8px;
		background: #fff;
	}
	footer nav.pagetop {
		padding: 0 10px 40px 10px !important;
	}
	footer .basic-button {
		cursor: pointer;
		text-decoration: none;
		-webkit-border-radius: 16px;
		text-align: center;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0.25);
		display: inline-block;
		font-size: 32px;
		padding: 0 16px;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.5, #fff), color-stop(0.5, #dadada), to(#dadada));
		color: #010101;
		border: 1px solid #232222;
		line-height: 88px;
		height: 88px;
	}
	footer .home-page-button {
		font-size: 24px;
		float: left;
		font-weight: normal;
	}
	footer .page-top-button {
		float: right;
		font-size: 24px;
		font-weight: normal;
	}
	footer .basic-button.narrow {
		height: auto !important;
		line-height: normal;
		padding: 10px;
	}
	footer #menu>li {
		font-size: 14px !important;
	}
	footer  span.x-small {
		font-size: 14px !important;
	}
	footer nav.subNavFooter ul.links-list li {
		font-size: 20px !important;
	}
	#res_footer {
		clear: both;
		padding: 30px 0 20px;
		background: #fff;
		color: #000;
		text-align: center;
		font-size: 18px;
		position: relative;
	}
	#res_footer:before {
		content: "\0020";
		background-image: -moz-linear-gradient(left bottom, #4eb8f4, #4eb8f4 50%, #308ad2 50%, #308ad2),-moz-linear-gradient(left bottom, #4eb8f4, #4eb8f4 50%, #308ad2 50%, #308ad2);
		background-image: -webkit-gradient(linear, left bottom, right top, from(#4eb8f4), color-stop(0.5, #4eb8f4), color-stop(0.5, #308ad2), to(#308ad2)),-webkit-gradient(linear, left bottom, right top, from(#4eb8f4), color-stop(0.5, #4eb8f4), color-stop(0.5, #308ad2), to(#308ad2));
		background-size: 14px 14px, 100% 14px;
		background-repeat: no-repeat, no-repeat;
		background-position: 50% top, left top;
		width: 100%;
		height: 14px;
		position: absolute;
		left: 0;
		top: 0;
	}
	#res_footer address {
		color: #000;
	}
	
	
	#footBox ul.basic-linked-list>li>a>div:first-child {
		display: table-cell;
		vertical-align: middle;
		padding: 10px 21px 10px 5px;
	}
	#footBox .fstart {
		padding: 0 10px 20px 10px !important;
	}
	#footBox ul.two-columns-list>li>a>div {
		height: 44px;
		padding-top: 0!important;
		padding-bottom: 0!important;
	}

	#footBox #menu {
		margin: 10px 0 20px;
	}
	#footBox #menu li {
		width: 50%;
		float: left;
		display: table-cell;
		margin: 0;
		-webkit-box-sizing: border-box;
		vertical-align: middle;
		border: 0;
		border-bottom: 1px #c2c2c2 solid;
		background-color: #f6f6f6;
		color: #333;
		-webkit-box-shadow: rgba(0, 0, 0, 0.60) 0 2px 2px;
	}
	#footBox #menu li a {
		color: #333;
		position: relative;
		display: block;
	}
	#footBox #menu li a:before {
		display: block;
		content: "";
		position: absolute;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 50%;
		right: 10px;
		width: 8px;
		height: 8px;
		margin-top: -4px;
		background: #3695d6;
  	}
	#footBox #menu li a:after{
		display: block;
		content: "";
		position: absolute;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 50%;
		right: 14px;
		width: 8px;
		height: 8px;
		margin-top: -4px;
		background: #f6f6f6;
	}
	#footBox #menu li a:hover {
		text-decoration: none;
	}
	#footBox #menu>li:first-child {
		-webkit-border-top-left-radius: 8px;
	}
	#footBox #menu>li:nth-child(2) {
		-webkit-border-top-right-radius: 8px;
	}
	#footBox #menu>li:nth-last-child(2) {
		-webkit-border-bottom-left-radius: 8px;
		border-bottom: 0;
	}
	#footBox #menu>li:last-child {
		-webkit-border-bottom-right-radius: 8px;
		border-bottom: 0;
	}
	#footBox #menu>li:nth-child(odd) {
		border-right: 1px #c2c2c2 solid;
	}
	#footBox ul.two-columns-list>li>a>div {
		height: 44px;
		padding-top: 0!important;
		padding-bottom: 0!important;
	}
	#footBox ul.basic-linked-list>li>a>div:first-child {
		display: table-cell;
		vertical-align: middle;
		padding: 10px 21px 10px 5px;
	}
	#footBox #menu>li>a>div:before {
		content: "\0020";
		display: inline-block;
		vertical-align: middle;
		width: 13px;
		height: 13px;
		background-size: contain;
		background-position: center center;
		background-repeat: no-repeat;
	}
	#footBox #menu>li#menu-shop>a>div:before {
		background-image: url(/special/nogolf-nolife/images/icon_shop.png);
	}
	#footBox #menu>li#menu-reservation>a>div:before {
		background-image: url(/special/nogolf-nolife/images/icon_reserve.png);
	}
	#footBox #menu>li#menu-news>a>div:before {
		background-image: url(/special/nogolf-nolife/images/icon_news.png);
	}
	#footBox #menu>li#menu-lesson>a>div:before {
		background-image: url(/special/nogolf-nolife/images/icon_lesson.png);
	}
	#footBox #menu>li#menu-mediapack>a>div:before {
		background-image: url(/special/nogolf-nolife/images/icon_mediapack.png);
	}
	#footBox #menu>li#menu-style>a>div:before {
		background-image: url(/special/nogolf-nolife/images/icon_style.png);
	}
	#footBox #menu>li#menu-my-GDO>a>div:before {
		background-image: url(/special/nogolf-nolife/images/icon_mygdo.png);
	}
	#footBox #menu>li#menu-community>a>div:before {
		background-image: url(/special/nogolf-nolife/images/icon_community.png);
	}
	/* アンケートエリア */
.ank_area{
	margin:10px 10px 20px;
	padding:10px;
	border:4px solid #ff3300;
	font-size:14px;
}
.txt-center{
	text-align:left;
}
.bold{
	font-weight:bold;
}
.font-big{
	font-size:20px;
}
.read-txt{
	font-size:14px;
	width:auto;
	float:none;
}
.shadow{
	text-shadow: 1px 1px 0 rgba(0,0,0,.2);
}
/* ボタン赤 */
.btn-red{
	margin:10px 0;
	width:auto;
}
.btn-red a {
	width:auto;
	padding: 10px 0;
}
.sp_erea{
	display:none;
}
}
@media screen and (max-width: 760px) {
.pc_erea{
	display:none;
}
.sp_erea{
	display:block;
}
#next-post {
    background-image: url("/special/nogolf-nolife/images/next-post.png");
    background-size: 80px 30px;
    right: 0;
}
#next-post {
    border-radius: 30px 0 0;
}
#prev-post, #next-post {
    bottom: -1px;
    color: #FFFFFF;
    font-weight: bold;
    height: 25px;
    line-height: 2.0;
    position: fixed;
    text-align: center;
    text-decoration: none;
    width: 80px;
    z-index: 30;
}
#back-post {
    background-image: url("/special/nogolf-nolife/images/back-post.png");
    background-size: 80px 30px;
    left: 0;
}
#back-post {
    border-radius: 0 30px 0 0;
}
#back-post {
    bottom: -1px;
    color: #FFFFFF;
    font-weight: bold;
    height: 25px;
    line-height: 2.0;
    position: fixed;
    text-align: center;
    text-decoration: none;
    width: 80px;
    z-index: 30;
}	
}
@media screen and (max-width: 550px) {
	.spHeader:after {
		height: 9px;
	}
	.spHeader #menuArea {
		border: solid 1px #3695d6;
		border-top: solid 8px #3695d6;
		border-bottom: solid 2px #3695d6;
		margin: 0 8px 20px 8px;
		font-size: 23px !important;
	}
	.spHeader #menuArea li a:before {
		display: block;
		content: "";
		position: absolute;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 50%;
		right: 25px;
		width: 10px;
		height: 10px;
		margin-top: -5px;
		background: #3695d6;
  	}
	.spHeader #menuArea li a:after{
		display: block;
		content: "";
		position: absolute;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 50%;
		right: 30px;
		width: 10px;
		height: 10px;
		margin-top: -5px;
		background: #fff;
	}	
	.spHeader #menuArea li a div {
		padding: 21px 0 !important;
		text-indent: 20px;
	}
	.spHeader #menuArea .show {
		padding: 18px 0;
	}
	#illust_title,
	#illust_title span {
		font-size: 24px;
		line-height: 24px;
	}
	#archive ul li {
		display: block;
		border-left: none;
		border-bottom: 1px dotted #ddd;
		padding: 5px 5px 5px 5px;
		margin-bottom: 5px;
	}
	#archive ul li.new {
		margin-left: 0;
		border-bottom: 1px dotted #ddd;
		padding-bottom: 5px;
		margin-bottom: 5px;
	}
	#illust_title span {
		color: #FFFFFF;
		background-color: #FF3300;
		display: block;
		padding: 5px;
		line-height: 12px;
		font-size: 12px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border: 1px solid #FFFFFF;
		text-shadow: none;
		margin-bottom:5px;
	}
	footer nav.subNavFooter {
		padding-bottom: 20px;
	}
	footer nav.subNavFooter:before,
	#res_footer:before {
		height: 8px;
	}
	footer nav.subNavFooter li {
		font-size: 20px !important;
	}
	footer nav.subNavFooter li a div {
		padding: 20px 0 !important;
	}
	footer nav.subNavFooter li a:before {
		right: 24px;
		width: 12px;
		height: 12px;
		margin-top: -6px;
  	}
	footer nav.subNavFooter li a:after{
		right: 30px;
		width: 12px;
		height: 12px;
		margin-top: -6px;
	}
	footer nav.pagetop {
		padding-bottom: 30px !important;
	}
	footer .home-page-button,
	footer .page-top-button {
		font-size: 18px;
	}
	/*横導線用SP用*/
#next-post {
    background-image: url("/special/nogolf-nolife/images/next-post.png");
    background-size: 80px 30px;
    right: 0;
}
#next-post {
    border-radius: 30px 0 0;
}
#prev-post, #next-post {
    bottom: -1px;
    color: #FFFFFF;
    font-weight: bold;
    height: 25px;
    line-height: 2.0;
    position: fixed;
    text-align: center;
    text-decoration: none;
    width: 80px;
    z-index: 30;
}
#back-post {
    background-image: url("/special/nogolf-nolife/images/back-post.png");
    background-size: 80px 30px;
    left: 0;
}
#back-post {
    border-radius: 0 30px 0 0;
}
#back-post {
    bottom: -1px;
    color: #FFFFFF;
    font-weight: bold;
    height: 25px;
    line-height: 2.0;
    position: fixed;
    text-align: center;
    text-decoration: none;
    width: 80px;
    z-index: 30;
}	
}
@media screen and (max-width: 480px) {
	.spHeader:after {
		height: 8px;
	}
	.spHeader #menuArea {
		border: solid 1px #3695d6;
		border-top: solid 7px #3695d6;
		border-bottom: solid 2px #3695d6;
		margin: 0 8px 20px 8px;
		font-size: 20px !important;
	}
	.spHeader #menuArea li a div {
		padding: 17px 0 !important;
		text-indent: 18px;
	}
	#illust_title,
	#illust_title span {
		font-size: 20px;
		line-height: 20px;
	}
	#illust_title span {
		padding: 0 10px;
	}
	#illustration {
		padding-top: 30px;
		margin: 0 15px;
	}
	#a_ko_prof .inner p {
		font-size: 11px;
	}
	#res_footer #res_footer_addressmarks address {
		padding: 10px 0 0 10px;
		font-size: 9px;
	}
	/*横導線用SP用*/
#next-post {
    background-image: url("/special/nogolf-nolife/images/next-post.png");
    background-size: 80px 30px;
    right: 0;
}
#next-post {
    border-radius: 30px 0 0;
}
#prev-post, #next-post {
    bottom: -1px;
    color: #FFFFFF;
    font-weight: bold;
    height: 25px;
    line-height: 2.0;
    position: fixed;
    text-align: center;
    text-decoration: none;
    width: 80px;
    z-index: 30;
}
#back-post {
    background-image: url("/special/nogolf-nolife/images/back-post.png");
    background-size: 80px 30px;
    left: 0;
}
#back-post {
    border-radius: 0 30px 0 0;
}
#back-post {
    bottom: -1px;
    color: #FFFFFF;
    font-weight: bold;
    height: 25px;
    line-height: 2.0;
    position: fixed;
    text-align: center;
    text-decoration: none;
    width: 80px;
    z-index: 30;
}	
}
@media screen and (max-width: 320px) {
	.spHeader:after {
		height: 6px;
	}
	.spHeader #menuArea {
		border: solid 1px #3695d6;
		border-top: solid 4px #3695d6;
		border-bottom: solid 1px #3695d6;
		margin: 0 5px 10px 5px;
		font-size: 13px !important;
	}
	.spHeader #menuArea li a div {
		padding: 11px 0 !important;
		text-indent: 10px;
	}
	.spHeader #menuArea li a:before {
		right: 16px;
		width: 8px;
		height: 8px;
		margin-top: -5px;
  	}
	.spHeader #menuArea li a:after{
		right: 20px;
		width: 8px;
		height: 8px;
		margin-top: -5px;
	}
	.spHeader #menuArea .show {
		padding: 10px 0;
	}
	#illustration {
		padding-top: 20px;
		margin: 0 10px;
	}
	#illust_setsumei {
		padding: 30px 30px;
		font-size: 12px;
	}
	footer nav.subNavFooter {
		padding-bottom: 10px;
	}
	footer nav.subNavFooter:before,
	#res_footer:before {
		height: 5px;
	}
	footer nav.subNavFooter li {
		font-size: 12px !important;
	}
	footer nav.subNavFooter li a div {
		padding: 14px 0 !important;
		text-indent: 14px;
	}
	footer nav.subNavFooter li a:before {
		right: 15px;
		width: 10px;
		height: 10px;
		margin-top: -5px;
  	}
	footer nav.subNavFooter li a:after{
		right: 20px;
		width: 10px;
		height: 10px;
		margin-top: -5px;
	}
	footer nav.pagetop {
		padding-bottom: 20px !important;
	}
	footer .basic-button.narrow {
		padding: 5px;
	}
	footer .home-page-button,
	footer .page-top-button {
		font-size: 12px;
	}
	/*横導線用SP用*/
#next-post {
    background-image: url("/special/nogolf-nolife/images/next-post.png");
    background-size: 80px 30px;
    right: 0;
}
#next-post {
    border-radius: 30px 0 0;
}
#prev-post, #next-post {
    bottom: -1px;
    color: #FFFFFF;
    font-weight: bold;
    height: 25px;
    line-height: 2.0;
    position: fixed;
    text-align: center;
    text-decoration: none;
    width: 80px;
    z-index: 30;
}
#back-post {
    background-image: url("/special/nogolf-nolife/images/back-post.png");
    background-size: 80px 30px;
    left: 0;
}
#back-post {
    border-radius: 0 30px 0 0;
}
#back-post {
    bottom: -1px;
    color: #FFFFFF;
    font-weight: bold;
    height: 25px;
    line-height: 2.0;
    position: fixed;
    text-align: center;
    text-decoration: none;
    width: 80px;
    z-index: 30;
}
#footBox .fstart {
		padding: 0 10px 20px 10px !important;
	}
}

/*横導線用*/
#floatMenu {
	POSITION: absolute;
	TOP: 300px;
	left: 0px;
}
#floatMenu2 {
	POSITION: absolute;
	TOP: 300px;
	right: 0px;
}
