/*******************************************************************
	CSS…共通モノ（レスポンシブデザイン対応のため上書き）
********************************************************************/

/*******************************************************************
	共通部分の設定
********************************************************************/

/* ウィンドウ最外枠 ****************************/
#base_wrapper{
	width:100% !important;
	min-width:100% !important;
}


/******************************************
ＰＣ大用（デフォルト表示）
@media print, screen and (min-width: 1120px) {
******************************************/
/* ヘッダー部分 ****************************/
/* ロゴエリア（外側） */
#header_title_area{
	margin:0px auto !important;
	padding:0px !important;
	width:1080px !important;
}
/* ロゴエリア（内側） */
.header_title{
/*	display:inline-block !important;*/
}
.header_title,
.bc_header_title_left,
.header_title_center,
.bc_header_title_right{
	display:inline-block;
	margin:0px;
	vertical-align:middle;
}
.bc_header_title_left{
/*	width:250px;*/
	width:calc(100% - 300px);
}
.header_title_center{
	width:calc(100% - 561px);
}
.bc_header_title_right{
	width:250px;
}

/* ロゴ */
#bc_logos{
	text-align:left;
	width:240px;
}
#bc_logos img{
	padding:10px 20px;
	height:40px;
}
/* 一覧へのリンクボタン */
#bc_header_button{
	width:510px;
}
#bc_header_button > a{
	display:inline-block;
	margin:0px;
	padding:0px;
/*	width:90px;*/
	width:18%;
	text-align:center;
	vertical-align: top;
}
#bc_header_button > a img{
	width:60px;
	height:30px;
}
#bc_header_button > a span{
	display:block;
	font-size:60%;
}
#bc_header_login{
	width:300px;
}
#bc_header_login ul{
	list-style-type:none;
}
#bc_header_login ul li{
	display:inline-block;
	margin:0.5em 2%;
	padding:0.5em 2%;
	width:40%;
	font-weight:bold;
	text-align:center;
}
#bc_header_login ul li a{
	display:block;
}
#bc_header_login ul li a:hover{
	text-decoration:none;
}
#b_register{
	background:#A73B3B;
}
#b_login{
	background:#453ba7;
}

/* メニュー帯 */
#menu_bar{
	min-width:auto !important;
	text-align:left !important;
}
/* ＹＢＣ */
#menu_bar #ybc{ 
/***
	float:right !important;
	display:inline !important;
	margin-top:-25px !important;
	padding-right:10px !important;
	z-index:10 !important;
***/
	display:none;
}
#menu_bar ul{
	width:56em !important;
}
/* コンテンツ部分 ****************************/
/* メイン部分（大枠）の設定 */
#contents{
	width:auto !important;
	max-width: 1080px !important;
}
/* メイン左側（コンテンツ）部分の設定 */
#left{
	width:100% !important;
	max-width: 760px !important;
}
/* メイン右側（サイド）部分の設定 */
#right{
	width: 300px !important;
}
/* ＳＮＳボタンと検索窓 */
#cm_searchbox{
	padding:8px 0px;
	width:300px;
	text-align:right;
	vertical-align: top;
}
#cm_searchbox .search_container{
	box-sizing: border-box;
}
#cm_searchbox .search_container input[type="text"]{
	padding: 3px 5px;
/*	width: 250px;*/
	height: 1.6em;
	border: 1px solid #999;
	border-radius: 6px;
	overflow: hidden;
	padding-right:30px;
}
#cm_searchbox .search_container img{
	width:20px;
}

#cm_searchbox #sub{
	position:relative;
	left:-30px;
	vertical-align: middle;
	cursor: pointer;
}
#cm_searchbox #cm_sns{
	float:right;
	padding: 3px 22px;
}
#cm_searchbox #cm_sns img{
	height:22px;
}
/****県外＆お届け****/
#bc_koudoku{
/*	width:auto !important;*/
/*	text-align:left !important;*/
	margin:0em auto 1em !important;
	width:300px !important;
	text-align:center !important;
}
.bc_koudoku_nav{
	padding: 0px !important;
}

#bc_shimen_viewer{
	display:inline-block;
	margin: 0.25em 0em;
	padding:0px;
	width:45%;
	max-width:200px;
	height:70px;
/*	background:#234ebe;*/
	border:5px solid #1b33db;
	border-radius:3px;
	text-align:center;
    vertical-align: middle;
	background: linear-gradient(-45deg, #1b33db 0 50%,  #234ebe 50% 100%);
}
#bc_shimen_viewer a{
	color:white;
}
#bc_shimen_viewer a:hover{
	text-decoration:none;
	opacity:0.8;
}
#bc_shimen_viewer img{
	display:block;
	margin:0em auto;
	width:43px;
	height:48px;
}
#bc_shimen_viewer_hz{
	display:none;
    margin: 0.5em auto;
    padding: 1em;
    font-size: 120%;
/*	background: #234ebe;*/
    border: 3px solid #1b33db;
    border-radius: 3px;
	background: linear-gradient(-45deg, #1b33db 0 50%,  #234ebe 50% 100%);
}
#bc_shimen_viewer_hz a{
	color:white;
}
#bc_shimen_viewer_hz img{
	padding:0px 1em;
	vertical-align:middle;
}
#bc_koudoku ul{
	display: inline-block;
	text-align:center !important;
    vertical-align: top;
}
#bc_koudoku ul li{
	display:block;
	margin:0.25em 0em;
	list-style-type:none;
}

/* フッター部分 ****************************/
#annai2{
	padding:10px;
	font-size:85%;
	text-indent:0em !important;
}
#annai2 ul {
	margin:1em auto;
	width:24% !important;
	text-indent:1.0em !important;
	line-height:1.8em !important;
}
#annai2 ul:nth-child(odd){
	clear:none;
}
#annai2 li {
	display:block !important;
}
#annai2 li.fttl{
	margin:0em 0.05em;
}
#annai2 li.fttl:before {
	content:"";
}
#annai2 li:after{
	content:"";
}


/******************************************
ＰＣ中用
******************************************/
@media print, screen and (max-width: 1120px) {

/* ヘッダー部分 ****************************/
/* ロゴエリア（外側） */
#header_title_area{
	width:auto !important;
}
.bc_header_title_left{
	width:calc(100% - 280px);
}
.header_title_center{
	width:calc(100% - 500px);
}
.bc_header_title_right{
/*	width:250px;*/
	width:200px;
}
#bc_header_login{
	width:250px;
}
#menu_bar #ybc{ 
	display:none !important;
}
/* ＳＮＳボタンと検索窓 */
#searchbox{
    float: right;
	display: inline-block !important;
	padding:15px 10px;
	width:600px;
	text-align:right;
	vertical-align: top;
}

/* トップスーパーバナー */
.ad_superbanner_topborder{
	display:block !important;
}

#left{
	width:calc( 100% - 320px ) !important;
/*	width:63.5% !important;*/
/*	max-width: 760px !important;*/
}
/* メイン右側（サイド）部分の設定 */
#right{
	float: right !important;
}
#bc_koudoku{
	margin:1% 0px;
}
.bc_dunit{
	width:30% !important;
	text-align:left !important;
	line-height:1.2em;
}
.bc_dunit img{
	width:100% !important;
}
.bc_dunit span{
	display:inline !important;
	font-size:80% !important;
	line-height:1.2em;
}

/* スーパーバナー枠 */
.ad_superbanner_border{
	display:block !important;
}
/****レクタングル2連****/
.ad_rectangle{
	display:block !important;
	width:auto !important;
}
.ad_rectangle table{
	
}
.ad_rectangle table td{
	display:table-cell !important;
	margin:1em auto !important;
	padding:0em 5px !important;
}
/* フッター部分 ****************************/
#annai2 ul {
	margin:1em 2.5%;
	width:45% !important;
	text-indent:0em !important;
	line-height:1.8em !important;
}
#annai2 ul:nth-child(odd){
	clear:both;
}
#annai2 li.fttl {
	display:block !important;
	margin: 0.05em !important;
	font-size:140% !important;
	text-indent:0em;
}
#annai2 li.fttl::after{
	content:"";
}
#annai2 li {
	display:inline !important;
	font-size:120% !important;
}
#annai2 li>a {
	padding-right:0.2em;
}
#annai2 li::after {
	content:"／";
}


}
/******************************************
タブレット用（必要なら）…幅を指定
******************************************/
@media print, screen and (max-width: 920px) {

/* ヘッダー部分 ****************************/
/* ロゴエリア（内側） */
.header_title{
	display:block !important;
}
.header_title_center{
	width:calc(100% - 341px);
}
#bc_header_login{
/*	width:120px;*/
}
#bc_header_login ul li{
/***
	margin:0.125em 2%;
	padding:0.5em 2%;
	width:80%;
***/
}

/* トップスーパーバナー */
.ad_superbanner_topborder{
	display:none !important;
}

/* コンテンツ部分 ****************************/
/* メニュー帯 */
#menu_bar{
	display:block !important;
	width:auto !important;
    border-top: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
	overflow:scroll !important;
    clear: both;
	/*IE(Internet Explorer)・Microsoft Edgeへの対応*/
	-ms-overflow-style: none;
	/*Firefoxへの対応*/
	scrollbar-width: none;
}
/*Google Chrome、Safariへの対応*/
#menu_bar::-webkit-scrollbar{
	display: none;
}
#menu_bar *{
	display:block;
}
#menu_bar ul li{
    display: inline;
	padding:0px 0.4em;
}
#menu_bar ul li a{
    display: inline;
}
#menu_bar li:not(:last-child){
	border-right:1px solid #777;
}

/* メイン部分（大枠）の設定 */
#contents{
/*	min-width:630px !important;	*/
	border:0px !important;
}
/* メイン左側（記事リストこみ）部分の設定 */
#left{
	float:left !important;
	margin:0px auto !important;
	padding: 5px 0px !important;
	width:100% !important;
	max-width: none !important;
}
/* メイン右側（サイド）部分の設定 */
#right{
	float:none !important;
	width:auto !important;
}
#right h6{
	margin:0.5em auto !important;
	width:auto !important;
}
#cm_searchbox{
	margin:0.5em auto 1em !important;
	width:auto !important;
	text-align: center !important;
}
#cm_searchbox #cm_sns{
	float:none !important;
}
#cm_searchbox #cm_sns img{
	height:40px !important;
}
#cm_searchbox .search_container input[type="text"]{
	width:80%;
	height:40px !important;
}

/* 下部スーパーバナー */
.ad_superbanner_border{
	display:none !important;
}

/****県外＆お届け****/
#bc_koudoku{
/***
	width:auto !important;
	text-align:left !important;
***/
}
.bc_koudoku_nav{
	padding: 0px !important;
}
#bc_koudoku ul{
	text-align:center !important;
}
#bc_koudoku ul li{
/*	display:inline;*/
	list-style-type:none;
}

/****レクタングル2連****/
.ad_rectangle{
	display:block !important;
}
.ad_rectangle .ad_comment{
	display:block !important;
}
.ad_rectangle table{
	width:auto !important;
}
.ad_rectangle table td{
/*	display:block !important;	*/
/*	margin:1em auto !important;	*/
	padding:0em 5px !important;
	width:auto !important;
}
/**** アイモバ広告 ****/
#ad_rightarea{
	display:none !important;
	height:auto !important;
}

/* フッター部分 ****************************/
#annai2 ul {
	float:left !important;
	margin:1em 2.5%;
	width:45% !important;
	line-height:2em !important;
}
#annai2 ul:nth-child(odd){
	clear:both;
}
#annai2 li.fttl {
	display:block !important;
	margin: 0.05em !important;
	font-size:110% !important;
	text-indent:0em;
}
#annai2 li.fttl::after{
	content:"";
}
#annai2 li.fttl::before {
	content:"■";
}
#annai2 li {
	display:inline !important;
	font-size:100% !important;
}
#annai2 li>a {
	padding-right:0.2em;
}
#annai2 li::after {
	content:"／";
}


}
/******************************************
スマホ用
******************************************/
@media only screen and (max-width: 640px){

/* ヘッダー部分 ****************************/
.bc_header_title_left{
	width:calc(100% - 210px);
	text-align:left;
}
#bc_logos{
	width:auto;
	text-align:left !important;
}
#bc_logos img{
	padding:10px 5px;
}
#bc_header_title_right{
	width:200px;
}
#bc_header_login{
	width:200px;
}
#bc_header_login ul li{
	margin:0.125em 2%;
	padding:0.5em 2%;
	width:40%;
}
/* ＳＮＳボタンと検索窓 */
#searchbox{
	display:none !important;
}
/* メニュー帯 */
#menu_bar{
	border-top:0px !important;
}
#menu_bar *{
	display:none;
}

/* コンテンツ部分 ****************************/
/* メイン右側（サイド）部分の設定 */
#right{
	float:none !important;
	width:auto !important;
}
#bc_koudoku{
	width:auto !important;
	text-align:center !important;
}
#bc_koudoku ul{
	margin: 1em auto 0em;
}
#bc_koudoku ul li{
	display:inline;
}
#bc_shimen_viewer{
	display: block !important;
    margin: 0em auto !important;
}

/****レクタングル2連****/
.ad_rectangle{
}
.ad_rectangle .ad_comment{
}
.ad_rectangle table{
}
.ad_rectangle table td{
	display:block !important;
}


.bc_pglink li.pr{
    margin-left: 0em !important;
}


/* フッター部分 ****************************/
/* 下部スーパーバナー */
.ad_superbanner_border{
	display:none !important;
}
#annai2 ul {
	float:none !important;
	margin:1em auto;
	width:auto !important;
	line-height:2em !important;
}

.no_smartphone{
	display:none !important;
}

}
/******************************************
印刷用
******************************************/
@media print{

.ad_superbanner{
	display:none;
}

}