@charset "utf-8";

@media print,
screen and (min-width:1024px) {

	/* SPメニュー
	--------------------------------------------------------------- */
	#g-menu-btn,
	#g-nav {
		display: none !important;
	}
	
	a[href*="tel:"] {
		pointer-events: none;
		cursor: default;
		text-decoration: none;
	}

}


@media screen and (max-width:1023px) {

	/* SP 全体共通
	--------------------------------------------------------------- */

	body {
		border-top: 5px solid #8C4600;
	}

	img {
		width: auto;
		max-width: 100%;
	}

	#globalHeader,
	#gMenu {
		display: none;
	}

	#globalNav {
		position: relative;
	}

	#globalNav ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}

	#shinbunHeader {
		box-sizing: border-box;
		height: auto;
		padding: 15px;
	}

	#logo img {
		position: relative;
		width: 100px;
	}

	#tel,
	#telFree {
		display: none;
	}

	#headTxtPos {
		position: relative;
		top: auto;
		left: auto;
		font-size: 10px;
		margin: 8px 0 0;
	}

	#headTxtPos br {
		display: none;
	}

	#container {
		width: auto;
	}

	#contentArea,
	#sideArea {
		float: none;
		width: auto;
		padding: 0 15px;
	}
	
	#sideArea{
		margin:40px 0 0;
	}

	#sideArea .mb10,
	#sideArea .mb20{
		text-align: center;
	}

	.borderBox.mb10.p5 {
		padding: 20px 15px;
	}

	.borderBox.bgNippon {
		text-align: left !important;
		margin-top: 30px;
	}

	.borderBox.bgNippon h3 img {
		width: 100%;
	}

	.areaSearch {
		font-size: 1.2em;
	}

	.areaSearch dd {
		margin-bottom: 25px;
	}

	.areaSearch a {
		display: inline-block;
		padding: .5em;
	}

	.bnrArea {
		width: auto;
		text-align: center;
		margin: 0;
	}

	.bnrArea li {
		float: none;
		margin: 0 auto 15px;
	}

	.priceArea .priceBox {
		float: none;
		width: 100%;
		margin: 0 auto 20px;
	}

	.priceArea .priceBox h2 img {
		width: 100%;
	}

	.introductionTxt p:not(:last-child) {
		margin-bottom: 1em;
	}

	.introductionTxt .fright img {
		width: 140px;
	}

	footer {
		padding: 15px 0 10px;
	}

	#footMenu {
		padding: 0 15px;
	}

	#footMenu ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	#footMenu ul>li {
		box-sizing: border-box;
		width: calc(50% - 10px);
		margin: 0;
		background: none;
	}

	#footMenu a {
		box-sizing: border-box;
		display: block;
		padding: 1em 0;
	}

	#copy {
		font-size: .9em;
		display: block;
		margin: 2em 0 0;
	}
	
	.hType02{
		font-size:18px;
	}
	
	.priceBoxFull{
		width:auto;
		margin:0;
	}
	
	.priceBoxFull li {
	  float:none;
	  margin: 0;
		margin-bottom: 1px;
	}
	
	.priceBoxFull li a{
		width:auto;
	}
	

	/* SPメニュー
	--------------------------------------------------------------- */

	#g-nav {
		box-sizing: border-box;
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow-y: auto;
		background: rgba(0, 0, 0, .9);
		color: #fff;
		overscroll-behavior-y: contain;
		overflow-y: auto;
		z-index:2;
	}

	#g-nav>.inr {
		padding: 50px 25px;
	}

	#g-menu>li:not(:last-child) {
		margin-bottom: 5px;
	}

	#g-menu a {
		position: relative;
		display: block;
		color: #fff;
		font-size: 16px;
		text-decoration: none;
		padding: 15px;
		border-bottom: 1px solid #fff;
	}

	#g-menu a:after {
		content: "";
		width: 8px;
		height: 8px;
		border-top: solid 1px #fff;
		border-right: solid 1px #fff;
		position: absolute;
		top: 0;
		right: 15px;
		bottom: 0;
		margin: auto;
		transform: rotate(45deg);
	}

	#g-menu-btn {
		box-sizing: border-box;
		position: fixed;
		top: 0;
		right: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 50px;
		height: 50px;
		margin: auto;
		padding: 0;
		z-index: 3;
		background: #8C4600;
		border: 0;
		box-shadow: none;
		line-height: 1;
		cursor: pointer;
	}

	#g-menu-btn:after {
		content: "MENU";
		position: absolute;
		left: 0;
		right: 0;
		bottom: 5px;
		text-align: center;
		color: #fff;
		font-family: arial;
		font-size: 10px;
	}

	#g-menu-btn .btn {
		overflow: hidden;
		display: block;
		position: relative;
		z-index: 0;
		width: 26px;
		height: 18px;
		margin: 0 0 10px;
	}

	#g-menu-btn .btn span,
	#g-menu-btn .btn:before,
	#g-menu-btn .btn:after {
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 2px;
		margin: auto;
		background: #fff;
		border-radius: 1px;
		transition: .3s;
	}

	#g-menu-btn .btn span {
		overflow: hidden;
		z-index: 1;
		text-indent: -999px;
	}

	#g-menu-btn .btn:before {
		z-index: 2;
		transform: translate(0, -8px);
		content: "";
	}

	#g-menu-btn .btn:after {
		z-index: 2;
		transform: translate(0, 8px);
		content: "";
	}

	#g-menu-btn.on .btn span {
		opacity: 0;
	}

	#g-menu-btn.on .btn:before {
		transform: rotate(45deg);
	}

	#g-menu-btn.on .btn:after {
		transform: rotate(-45deg);
	}

	.g-contact-btn {
		text-align: center;
		margin: 50px 0;
	}

	.g-contact-btn a {
		position: relative;
		box-sizing: border-box;
		display: grid;
		place-content: center;
		color: #333;
		font-size: 16px;
		font-weight: 700;
		text-decoration:none;
		background: #fff;
		border-radius: 10px;
		padding: 10px 20px;
		margin: 0 0 10px;
	}

	.g-contact-btn a:after {
		content: "";
		width: 8px;
		height: 8px;
		border-top: solid 1px #333;
		border-right: solid 1px #333;
		position: absolute;
		top: 0;
		right: 15px;
		bottom: 0;
		margin: auto;
		transform: rotate(45deg);
	}
	
	.g-contact-btn a:hover{
		opacity:1;
		transition:none;
	}

	.g-contact-btn a .is-num {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		color: #8C4600;
		font-family: arial;
		font-size: 26px;
	}

	.g-contact-btn a .is-num:before {
		content: "";
		display: block;
		width: 42px;
		height: 24px;
		background: url(/usr_img/sp/common/ico_free.png) center center / contain no-repeat;
		margin: 0 5px 0 0;
	}

	.g-contact-btn a .is-note {
		font-size: 10px;
	}

	.box-group-site {
		text-align: center;
	}

	.box-group-site h2 {
		font-size: 16px;
		margin-bottom: .5em;
	}

	.list-group-site {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.list-group-site>li {
		width: calc(50% - 10px);
		border-bottom: 1px solid #fff;
	}

	.list-group-site a {
		position: relative;
		display: block;
		color: #fff;
		font-size: 13px;
		padding: 1em;
	}

	.list-group-site li.on {
		opacity: .3;
	}

	.list-group-site li.on a {
		pointer-events: none;
	}

	.list-group-site a:after {
		content: "";
		width: 6px;
		height: 6px;
		border-top: solid 1px #fff;
		border-right: solid 1px #fff;
		position: absolute;
		top: 0;
		right: 10px;
		bottom: 0;
		margin: auto;
		transform: rotate(45deg);
	}
	
	
	/* SP 新聞広告の種類
	--------------------------------------------------------------- */
	
	.formatDl dt img{
		width:100%;
	}
	
	.formatDl dl{
		float:none;
		margin:0 0 30px;
	}
	
	.formatDl dt{
		width:100%;
	}
	
	.fright.mleft15{
		float:none;
		width:100% !important;
		text-align:center;
		margin:0 0 20px;
	}
	
	.fright.mleft15 .txtright{
		text-align:center;
	}
	
	
	/* SP 新聞広告掲載までの流れ
	--------------------------------------------------------------- */
	
	.flowList th,
	.flowList td{
		display:block;
	}
	
	.flowList td.imgArea{
		width:auto;
		text-align:center;
		margin:20px 0 0;
	}
	
	
	/* SP 新聞社一覧
	--------------------------------------------------------------- */
	
	#otherPaper h2{
		border-right:1px solid #ccc;
		overflow:hidden;
	}
	
	#otherPaper h2 img{
		width:740px;
		max-width:none;
	}
	
	.localPaperArea{
		font-size:1.1em;
	}
	
	.localPaperArea a{
		display:inline-block;
		padding:.5em;
	}
	
	
	/* SP 新聞社一覧 - 詳細
	--------------------------------------------------------------- */
	
	.listIntro .txt {
	  float:none;
	  width: auto;
	  margin:0 0 20px;
	}
	
	.listIntro .img {
	  float:none;
	  width: 280px;
	  margin:0 auto;
	  text-align: center;
	}
	
	#listPage .tblType01{
		font-size:10px;
		margin:20px 0;
	}
	
	.com{
		font-size:13px;
		margin-bottom:30px;
	}
	
	.com p:not(:last-child){
		margin-bottom:.5em;
	}
	
	
	/* SP お問い合わせ
	--------------------------------------------------------------- */
	
	.contactImg {
	  width: 250px;
	  float: none;
	  margin:0 auto 20px;
	}
	
	.contactTxt{
		float:none;
		width:auto;
		text-align:center;
		padding:0 15px;
	}
	
	.fsize12{
		font-size:13px;
		line-height:1.8;
	}
	
	input[type="text"],
	input[type="email"],
	input[type="tel"],
	input[type="button"],
	input[type="submit"],
	textarea,
	button,
	select{
		-webkit-appearance: none;
	}
	
	.formArea .formRow{
		margin-bottom:30px;
	}
	
	.formArea input{
		box-sizing:border-box;
		padding:.8em;
		font-size:16px;
	}
	
	.formArea input[type="text"]{
		width:100% !important;
	}
	
	.formArea input[type="text"].is-number{
		width:80px !important;
	}
	
	.formArea select{
		box-sizing: border-box;
		width:100%;
		padding:.8em;
		color:#333;
		font-size: 16px;
		border:1px solid #999;
		border-radius:0;
	}
	
	.formItemH {
	  float:none;
	  width: auto;
	  font-weight:700;
	  margin:0 0 10px;
	}
	
	.formItemD {
	  float:none;
	  width: auto;
	}
	
	.formArea textarea{
		box-sizing:border-box;
		width:100% !important;
		font-size:16px;
	}
	
	.form-fdc, .form-fdr{
		position:relative;
		display:block;
		float:none;
		width:80%;
		margin:30px auto 0;
	}
	
	.form-return .form-submit{
		background-color:#333;
	}
	
	#mailContact{
		margin-bottom:80px;
	}
	
	.form-submit{
		box-sizing:border-box;
		display: grid;
		place-content: center;
		width: 100%;
		height:60px;
		border-radius:30px;
		margin: 0 auto;
		background: #8C4600;
		color: #FFF;
		font-size: 18px;
		font-weight:700;
		padding:.8em;
		border:0;
		box-shadow:none;
	}
	
	.form-fdc::after,
	.form-fdr::after{
		content: "";
		width: 8px;
		height: 8px;
		border-top: solid 1px #fff;
		border-right: solid 1px #fff;
		position: absolute;
		top: 0;
		right: 15px;
		bottom: 0;
		margin: auto;
		transform: rotate(45deg);
	}
	
	
	/* SP その他 - テーブルオーバースクロール
	--------------------------------------------------------------- */
	
	.outer-tbl{
		position:relative;
	  width: 100%;
	  overflow-x:scroll;
	  margin:1em 0;
	}
	
	.outer-tbl:before{
		content:"← タップして横スクロール →";
		display:block;
		font-weight:700;
		text-align:center;
		margin:0 auto .5em;
	}
	
	.outer-tbl > table{
		width:740px !important;	
	}
	
	
	.outer-tbl::-webkit-scrollbar{
		width: 8px;
		background: #ccc;
		border-radius: 4px;
	}
	
	.outer-tbl::-webkit-scrollbar:horizontal{
		height: 8px;
		background: #ccc;
		border-radius: 4px;
	}
	
	.outer-tbl::-webkit-scrollbar-thumb{
		background: #000;
		border-radius: 4px;
	}
	
	.outer-tbl::-webkit-scrollbar-thumb:horizontal{
		background: #000;
		border-radius: 4px;
	}
	
	.compleatBox {
	  width: auto;
	  border: 2px solid #8C4600;
	  padding: 40px 20px;
	  margin: 50px 20px;
	}
	
	
	/* SP お詫び広告 - 固有CSS
	--------------------------------------------------------------- */
	
	.dlArea,
	.dlArea .pos1{
		margin:0 auto 30px;
	}
	
	
	/* SP ラジオCM.jp - 固有CSS
	--------------------------------------------------------------- */
	
	#graphBox{
		display:flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
	
	#graphBox dl{
		display:block;
		margin:0 15px 30px;
	}
	
	.sp-imgh-adj{
		box-sizing:border-box;
		overflow:hidden;
		border-right:1px solid #ccc;
	}
	
	.sp-imgh-adj img{
		width:740px;
		max-width:none;
	}
	
	.sp-img-rlist{
		width:1060px;
		max-width:none;
		height:auto;
	}
	
	
	/* SP テレビCM.jp - 固有CSS
	--------------------------------------------------------------- */
	
	.topG .L{float:none; width:auto; margin-bottom:30px;}
  	.topG .R{float:none; width:auto;}


}