/*===============================================
●base.css 画面の横幅が641px以上
===============================================*/
@media print, screen and (min-width: 641px){

img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

/*  基本文章　*/
/*--------------------------------------------------------*/

p.aboutus_font{
	font-size:110%;
	color:#333;
	line-height:1.8em;
}

/*  長周新聞についてページのメイン写真　*/
/*--------------------------------------------------------*/

h1.aboutus_main{
}

.sp_aboutus_main{
	display:none;
}

/*  長周新聞についてページのレイアウト　*/
/*--------------------------------------------------------*/

.aboutus_contentsBox{
	background: #F7F5F4;
	border:1px solid #DFDCD1;
	width:880px;
	padding:50px 49px;
}

.inner{
	overflow: hidden;
}

img.img_right{
	float:right;
	margin-left:40px;
	margin-bottom:20px;
}

img.img_left{
	float:left;
	margin-right:40px;
	margin-bottom:20px;
}

/*  創刊にあたっての訴え　*/
/*--------------------------------------------------------*/

.soukanBox{
}

.soukanBox h2.tit01{
	text-align:center;
	margin-bottom:40px;
}

.soukanBox h2.sp_tit01{
	display:none;
}

.soukanBox p.tit_nengou{
	display:none;
}

img.img_soukangou{
	float:right;
	margin-left:40px;
	margin-bottom:20px;
}

/*  編集綱領　*/
/*--------------------------------------------------------*/

.kouryoBox{
	margin-top:50px;
	width:640px;
	background: #FFF;
	padding:50px 120px;
}

.kouryoBox h2.kouryo_tit{
	text-align: center;
	color:#A49F99;
	font-weight:bold;
	line-height: 1.5em;
	font-size:125%;
}

.kouryoBox p.kouryo_txt{
	font-size:110%;
	color:#333;
	line-height: 1.7em;
}

.kouryoBox ul li{
	font-size:110%;
	color:#333;
	line-height: 1.7em;
	margin-top:20px;
}

/*  長周新聞について　*/
/*--------------------------------------------------------*/

.chosyuBox{
	width:800px;
	padding:60px 40px;
	background: url(https://www.chosyu-journal.jp/img/aboutus/bg.jpg) center top repeat-y;
}

.chosyuBox h2.tit02{
	text-align:center;
	margin-bottom:55px;
}

.chosyuBox h2.sp_tit02{
	display:none;
}

img.img_fukuda{
	float:right;
	margin-left:40px;
	margin-bottom:20px;
}

.inner01{
	overflow: hidden;
}

.inner02{
	overflow: hidden;
	margin-top:35px;
}

.inner03{
	overflow: hidden;
	margin-top:35px;
}

/*  定期購読とカンパの訴え・会社概要　*/
/*--------------------------------------------------------*/

.infomationBox{
	width:800px;
	background: #FFF;
	padding:50px 40px;
}

.infomationBox .info_inner{
	border-bottom:1px solid #DDD;
	margin-bottom: 30px;
	padding-bottom: 30px;
}

.infomationBox h2.info_tit{
	text-align: center;
	font-size:115%;
	font-weight:bold;
	color:#333;
	line-height: 1.5em;
	margin-bottom:20px;
}

.infomationBox p.price_txt{
	text-align: center;
	font-size:110%;
	font-weight:bold;
	color:#333;
	line-height: 1.5em;
	margin-bottom:20px;
}

.infomationBox p.price_txt br{
	display:none;
}

.infomationBox .koudoku_form_bt{
	margin-top:12px;
	margin-left:auto;
	margin-right:auto;
	width:220px;
}

.infomationBox .koudoku_form_bt a{
	display:block;
	background:#F5F1AA;
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
	color: #333;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
	width:220px;
	padding: 8px 0;
	text-align:center;
	text-decoration:none;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.infomationBox .koudoku_form_bt a:hover{
	text-decoration:none;
	background:#EDE76B;
}

.infomationBox .companyBox{
	width:640px;
	margin-left:auto;
	margin-right:auto;
	overflow: hidden;
}

.infomationBox .companyBox .company_photo{
	float:left;
	width:200px;
	margin-right:40px;
}

.infomationBox .companyBox .company_info{
	float:right;
	width:400px;
}

.infomationBox .companyBox .company_info table.tbl_company{
	width:400px;
}

.infomationBox .companyBox .company_info table.tbl_company tr td{
	border: none;
	margin: 0px;
	padding:0px 0px 3px;
	font-size:100%;
	line-height: 1.7em;
	color:#333;
}

.infomationBox .companyBox .company_info table.tbl_company tr td.koumoku{
	width:22%;
}

.infomationBox .companyBox .company_info table.tbl_company tr td.com_info{
	width:78%;
}

.infomationBox .companyBox .company_info table.tbl_company tr td.com_info a{
	text-decoration:underline;
}

.infomationBox .companyBox .company_info table.tbl_company tr td.com_info a:hover{
	text-decoration:none;
}

.infomationBox .companyBox .company_info .kinenkan_bt{
	width:220px;
	margin-top:15px;
}

.infomationBox .companyBox .company_info .kinenkan_bt a{
	display:block;
	background:#FFF;
	font-size:14px;
	font-weight:nomal;
	letter-spacing:1px;
	color: #333;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
	width:220px;
	padding: 8px 0;
	text-align:center;
	text-decoration:none;
	border:1px solid #CCC;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.infomationBox .companyBox .company_info .kinenkan_bt a:hover{
	text-decoration:none;
	background:#E8F0F5;
}

}











/*===============================================
●smartphone.css 画面の横幅が640px以下
===============================================*/
@media screen and (max-width:640px){

img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

/*  基本文章　*/
/*--------------------------------------------------------*/

p.aboutus_font{
	font-size:110%;
	color:#333;
	line-height:1.8em;
}

/*  長周新聞についてページのメイン写真　*/
/*--------------------------------------------------------*/

h1.aboutus_main{
	display:none;
}

.sp_aboutus_main{
}


/*  長周新聞についてページのレイアウト　*/
/*--------------------------------------------------------*/

.aboutus_contentsBox{
	background: #F7F5F4;
}

.inner{
	overflow: hidden;
}

img.img_right{
	margin-bottom:20px;
}

img.img_left{
	margin-bottom:20px;
}

/*  創刊にあたっての訴え　*/
/*--------------------------------------------------------*/

.soukanBox{
	padding:25px 10px 30px;
}

.soukanBox h2.tit01{
	display:none;
}

.soukanBox h2.sp_tit01{
	text-align:center;
	font-size:115%;
	font-weight:bold;
	line-height:1.5em;
	color:#333;
	margin-bottom:3px;
}

.soukanBox p.tit_nengou{
	text-align:center;
	font-size:90%;
	line-height:1.5em;
	color:#333;
	margin-bottom:20px;
}

img.img_soukangou{
	width:50%;
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

/*  編集綱領　*/
/*--------------------------------------------------------*/

.kouryoBox{
	background: #FFF;
	padding:30px 10px;
}

.kouryoBox h2.kouryo_tit{
	text-align: center;
	color:#A49F99;
	font-weight:bold;
	line-height: 1.5em;
	font-size:110%;
}

.kouryoBox p.kouryo_txt{
	font-size:100%;
	color:#333;
	line-height: 1.7em;
}

.kouryoBox ul li{
	font-size:100%;
	color:#333;
	line-height: 1.7em;
	margin-top:20px;
}

/*  長周新聞について　*/
/*--------------------------------------------------------*/

.chosyuBox{
	padding:50px 10px 30px;
	background: url(https://www.chosyu-journal.jp/img/aboutus/bg.jpg) center top repeat-y;
}

.chosyuBox h2.tit02{
	display:none;
}

.chosyuBox h2.sp_tit02{
	text-align:center;
	font-size:125%;
	font-weight:bold;
	line-height:1.5em;
	color:#333;
	margin-bottom:35px;
}

img.img_fukuda{
	width:60%;
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

.inner01{
	overflow: hidden;
	margin-top:20px;
	margin-bottom:20px;
}

.inner02{
	overflow: hidden;
	margin-top:30px;
	margin-bottom:30px;
}

.inner03{
	overflow: hidden;
	margin-top:30px;
	margin-bottom:30px;
}

.inner02 img,
.inner03 img{
}

/*  定期購読とカンパの訴え・会社概要　*/
/*--------------------------------------------------------*/

.infomationBox{
	background: #FFF;
	padding:30px 10px;
}

.infomationBox .info_inner{
	border-bottom:1px solid #DDD;
	margin-bottom: 25px;
	padding-bottom: 25px;
}

.infomationBox h2.info_tit{
	text-align: center;
	font-size:105%;
	font-weight:bold;
	color:#333;
	line-height: 1.5em;
	margin-bottom:20px;
}

.infomationBox p.price_txt{
	text-align: center;
	font-size:100%;
	font-weight:bold;
	color:#333;
	line-height: 1.5em;
	margin-bottom:20px;
}

.infomationBox .koudoku_form_bt{
	margin-top:12px;
	margin-left:auto;
	margin-right:auto;
	width:180px;
}

.infomationBox .koudoku_form_bt a{
	display:block;
	background:#F5F1AA;
	font-size:13px;
	font-weight:bold;
	letter-spacing:1px;
	color: #333;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
	width:180px;
	padding: 8px 0;
	text-align:center;
	text-decoration:none;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.infomationBox .koudoku_form_bt a:hover{
	text-decoration:none;
	background:#EDE76B;
}

.infomationBox .companyBox{
}

.infomationBox .companyBox .company_photo{
	width:200px;
	margin-left:auto;
	margin-right:auto;
}

.infomationBox .companyBox .company_info{
}

.infomationBox .companyBox .company_info table.tbl_company{
	margin-top:25px;
	width:100%;
}

.infomationBox .companyBox .company_info table.tbl_company tr td{
	border: none;
	margin: 0px;
	padding:0px 0px 3px;
	font-size:100%;
	line-height: 1.6em;
	color:#333;
}

.infomationBox .companyBox .company_info table.tbl_company tr td.koumoku{
	width:27%;
	padding-right:3%;
}

.infomationBox .companyBox .company_info table.tbl_company tr td.com_info{
	width:70%;
}

.infomationBox .companyBox .company_info table.tbl_company tr td.com_info a{
	text-decoration:underline;
}

.infomationBox .companyBox .company_info table.tbl_company tr td.com_info a:hover{
	text-decoration:none;
}

.infomationBox .companyBox .company_info .kinenkan_bt{
	width:200px;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
}

.infomationBox .companyBox .company_info .kinenkan_bt a{
	display:block;
	background:#FFF;
	font-size:13px;
	font-weight:nomal;
	letter-spacing:1px;
	color: #333;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
	width:200px;
	padding: 8px 0;
	text-align:center;
	text-decoration:none;
	border:1px solid #CCC;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.infomationBox .companyBox .company_info .kinenkan_bt a:hover{
	text-decoration:none;
	background:#E8F0F5;
}

}