@charset "utf-8";
/* CSS Document
******** STD以外 ********
*/
body #wrapper{
    background: #fff;
	}

h1,h2,h3,h4,section#link .link_content a,
.neighbor h3 a{
    font-family: Hiragino UD Sans Rd W4 JIS2004;
}
#mainArticle figcaption,
.data_table .data_td span{
    font-family: Yu Gothic Pr6N R;
}
p.attention{
	color: #cc0000;
	margin-bottom: 10px;
	}
.attn_box {
	width: 90%;
	margin: 1em auto;
	border: 2px solid #cc0000;
	padding: 0.5em 0.8em;
}

/******* main *******/
#headblock {
    padding-top: 0.3em;
    margin-bottom: 2em;
}
#headblock h1.headblock_name{
    font-size: 2rem;
	padding: 0;
	margin: 0;
	font-weight: normal;
    text-align: center;
}
#headblock .logo_td {
	float: left;
	max-width: 150px;
	border-bottom: 5px solid #fff;
	border-right: 5px solid #fff;
	margin-right: 0.5em;
}
#headblock .logo_td img{
	max-width: 100%;
	}
#headblock .headblock_pre  {
    background: #F60;
    color: #fff;
    padding: 0 5px;
    margin-bottom: 10px;
}
#headblock .headblock_yomi {
    text-align:center;
}
#headblock .headblock_copy_d {
    font-size: 0.9rem;
    margin: 10px 0;
    color: #666;
    padding-bottom: 0.3em;
}
#headblock img{
    vertical-align: middle;
}
.officeTitle {
	overflow: hidden;
}
#headblock .headcat {
	float: left;
	width: 100%;
}

/*パンくず・カテゴリ*/
.cat_list {
	margin: 0.5em 0;
}
.cat_list ul li {
	margin: 0.3em 0.5em 0 0;
	float: left;
}
.cat_list ul li a {
	display: block;
	margin: 0.3em 0;
	border-radius: 5px;
	padding: 0 0.5em;
	border: 1px solid #bbb;
	background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
	box-shadow: inset 1px 1px 1px #fff;
	color: #6f3b1b;
	font-size: 0.85rem;
}
.cat_list ul li a:hover{
    text-decoration: none;
}
.cat_pankuzu ul,
.cat_list ul{
    overflow: hidden;
}

/****** スペシャルコンテンツ ******/
.unit_special{
	margin: 0 auto 15px auto;
	padding: 5px;
	}
.pr h2{
	border-radius: 3px;
	}

/*開閉メニュー*/
.unit_special .sp-label {
	font-family: Hiragino UD Sans Rd W4 JIS2004;
}

/* ホットニュース */
.newsCat {
	border: 1px solid #6f3b1b;
	padding: 0 0.2em;
	background: #F5F5DC;
	margin-right: 0.3em;
	font-weight:normal;
	border-radius: 5px;
}
div.unit_news{
	margin: 0 auto 2em auto;
	border: solid 2px #ffa500;
	padding: 5px;
	}
div.unit_news h2{
	background: #ffa500;
	}
div.unit_news li {
	margin-bottom: 0.8rem;
	font-size: 0.9rem;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 0.5em;
}
div.unit_news li:last-child {
	border-bottom: 0;
	margin-bottom: 0.3em;
	padding-bottom: 0;
}

/* 本文 */
/* #pr.pr,
#mainArticle{
	margin: 0 0 30px 0;
	} */
.box{
	margin-bottom: 20px;
	}
#mainArticle .box h2.title{
    background-color: #eeeeee;
    border-top: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    font-size: 15px;
    padding: 0.3em 0.5em;
    margin: 0 0 15px 0;
	}
#mainArticle .box h2::before{
	content: '■';
	margin-right: 5px;
	margin-left: 5px;
	color: #999999;
	}
.block_table {
    font-size: 16px;
    margin-bottom: 40px;
	}
.block_table dl.menu dd{
	border-left: 10px solid #666666;
	}

.menu dt{			font-weight:bold;
					border-left:10px #666666 solid;
					padding-left:10px;
}
.menu dd{			font-size:14px;
					margin-left:0px;
					padding-left:2px;
					border-left:5px #666666 solid;
					line-height:150%;
}

table.block_table td.left_td{		width:225px;
									vertical-align:top;
}
.block_table .left_td .side_info{	width:210px;
									vertical-align:top;
}
.block_table .right_td{
    border-top:0px #666666 solid;
	padding-top:10px;
	vertical-align:top;
}
.block_table .top{					border-top:0px #666666 solid;
									padding-top:10px;
									width:715px;
}
.act_table{
    font-size: 14.5px;
    width: 100%;
	}
.right_td table th{
	text-align: left;
    font-weight: 400;
	}
.box p.text_info{
	text-align: right
	}

.to_top{
	text-align:right;
}

.data_table,
.data_table .item_td,
.data_table .data_td{
	border-color: #aaaaaa;
}


/* ホットニュース */
#news .right_td .act_table h3,
#rel_acts .right_td .act_table h3,
#news .right_td .act_table h4,
#rel_acts .right_td .act_table h4{
	margin-bottom: 10px;
	}
#news .right_td .act_table h4,
#rel_acts .right_td .act_table h4{
	border-left: 8px double #ff9999;
	padding: 3px 6px;
	font-size: 1rem;
	}
#news .right_td li,
#rel_acts .right_td li{
	overflow: hidden;
	margin: 15px 0;
	padding-bottom: 15px;
	border-bottom: 1px solid #aaa;
	background: #fff;
	}
#news .right_td li:first-child,
#rel_acts .right_td li:first-child{
	margin-top: 0;
	}
#news .right_td li:last-child,
#rel_acts .right_td li:last-child{
	padding-bottom: 0;
	border-bottom: none;
	}
#news .right_td .act_table h3::before,
#rel_acts .right_td .act_table h3::before{
	content: '■';
	color: #ff0000;
	margin-right: 5px;
	}
#rel_acts .act_table li .shopName{
	border-left: 8px double #ff9999;
	}
#rel_acts .act_table li .shopName a{
	padding: 5px 6px 0 6px;
	}
#news li h4{
    font-size: 1rem;
}
#news li img {
	margin-left: 1em;
	max-width: 250px;
	max-height: 250px;
}
#news .cpn_notes {
	text-align: center;
	color: #cc0000;
	border-top: 4px dotted #c00;
	width: 95%;
	margin: 0.5em auto;
	padding: 0.5em;
	box-sizing: border-box;
	font-size: 0.8rem;
	border-bottom: 3px dotted #c00;
}

/* 商品メニュー */
.goods_table{
	border: none;
	}
ul.goods_table li{
	margin-bottom: 15px;
	text-align: center;
	}
ul.goods_table li:nth-child(3n){
	margin-right: 0;
	}
ul.goods_table li > div{
	padding: 3px;
	}
ul.goods_table li > div > h3{
	background-color: #ede9e4;
	padding: 3px 3px 3px 8px;
	border-left: 5px solid #652d0b;
	margin-bottom: 8px;
	}
ul.goods_table li .name img{
	height: 150px;
    max-width: 218px;
	}
ul.goods_table li .photo{
    width: 210px;
	float: left;
	}
ul.goods_table li .photo img{
	width: 200px;
	margin-right: 15px;
	}
ul.goods_table li .price{
	font-weight: bold;
	text-align:right
	}
ul.goods_table li > div > h3,
ul.goods_table li .comment{
	text-align: left;
	word-break: break-all;
	}

/* 調経 */
#chokei ul{
	margin-bottom: 10px;
	}
	
/* ものづくりデータベース */
#scidb table th,
#scidb table td{
	border-color: #ccc;
	}

/* 求人 */
.job_content h3{
	margin-bottom: 10px;
	}
.job_content h3::before{
	content: "■";
	margin-right: 5px;
	}
.job_content .job_item{
    background-color: #eeeeee;
    border-bottom: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
    padding-left: 5px;
    width: 20%;
}
#job .job_content p.spnone{
	display: block;
	}
#job .job_content p.pcnone{
	display: none;
	}

.job_table{				font-size:14.5px;
						border:solid 1px #aaaaaa;
						line-height:150%;
						background-color:#ffffff;
}
.job_table td{			border:solid 1px #aaaaaa;
						background-color:#ffffff;
}
.job_table .job_item{	background-color:#eeeeee;
						width:100px;
}


/****** サイドメニュー(.left_td) ******/
.left_td .menu_std dd {
    font-size: 13px;
    font-weight: bold;
    height: 30px;
    line-height: 150%;
    margin-bottom: 5px;
    margin-left: 0;
    text-indent: 1.2em;
	padding-bottom: 0;
    overflow: hidden;
}
.left_td .menu_std dd a:link,
.left_td .menu_std dd a:visited,
.left_td .menu_std dd a:active,
.left_td .menu_std dt a:hover {
    color: #652d0b;
    line-height: 30px;
    text-decoration: none;
    vertical-align: middle;
	display: block;
}
.block_table dl.menu dt{
	color: #ffffff;
	border-left: 10px solid #666666;
    font-weight: bold;
    padding-left: 10px;
	}
.bc_goods{
    background-color: #ff9900;
}
.bc_act{
    background-color: #ff3333;
}
.bc_data{
    background-color: #99cc00;
}
.bc_picture{
	background-color: #652d0b;
	}
.bc_chokei{
	background-color: #033070;
	}
.bc_access{
    background-color: #0099cc;
	}
.bc_link{
    background-color: #009966;
	}
.bc_rel{
	background-color: #FFD700;	
	}
.bc_sci{
	background-color: #1e73be;
	}
.bc_job{
	background-color:#663399;
	}

/********** 無料版 **********/
body.freeshop .gAd{
	margin: 20px 0;
	}
body.freeshop #unit_side .sideBox{
	margin-bottom: 2em;
	font-size: 0.85rem;
	}
body.freeshop #unit_side .sideBox.banner{
	text-align:center;
	}
body.freeshop #unit_side .sideBox li{
	padding: 15px;
	}
body.freeshop #unit_side .sideBox h3,
body.freeshop #unit_side .sideBox h4{
	margin: 0;
	padding: 2px 5px;
	}
body.freeshop #unit_side .sideBox h4::before{
	content: '■';
	margin-right: 5px;
	}
body.freeshop #unit_side .sideBox li .sidePhoto{
	margin-bottom: 5px;
	}
body.freeshop #unit_side .sideBox img{
    max-width: 100%;
	object-fit: cover;
	}
	
/*調経*/
body.freeshop #unit_side .sideBox.chokei h3{
	background-color: #033070;
	color: #ffffff;
	}
body.freeshop #unit_side .sideBox.chokei h3::after {
	content: "最新記事";
	margin-left: 8px;
}
body.freeshop #unit_side .sideBox.chokei li{
	border-bottom: dotted 1px #033070;
	}
body.freeshop #unit_side .sideBox.chokei li:last-child{
	border-bottom: 0;
	}
	
/*イベント*/
body.freeshop #unit_side .sideBox.event h3{
	background-color: #ff7d00;
	color: #ffffff;
	}
body.freeshop #unit_side .sideBox.event li{
	border-bottom: dotted 1px #ff7d00;
	}
body.freeshop #unit_side .sideBox.event ul.event_pick li .eventDate{
	width: 7em;
	text-align: center;
	background: #e2c253;
	color: #fff;
	margin-right: 5px;
	padding: 0 2px;
	}

/*調布のお店を探す*/
body.freeshop #unit_side .sideBox.shopSearch{
	border: solid 2px #e93811;
	}
body.freeshop #unit_side .sideBox.shopSearch h3{
	background-color: #e93811;
	color: #ffffff;
	}
body.freeshop #unit_side .sideBox.shopSearch ul{
	margin: 5px;
	}

/*お知らせ・特集企画*/
body.freeshop #unit_side .sideBox.project{
	border: solid 2px #FFE855;
	}
body.freeshop #unit_side .sideBox.project h3{
	background-color: #FFE855;
	}
body.freeshop #unit_side .sideBox.project ul{
	margin: 5px;
	}


/* 近くのおすすめ店 (.neighbor) */
.neighbor h2{
    font-size: 0.9rem;
}
.neighbor h3{
	font-size: 0.85rem;
	}
.neighbor{
    font-size: 0.8rem;
}
.neighbor {
	margin: 3em auto;
	overflow: hidden;
	border: 1px solid #aaa;
	padding-bottom: 0.5em;
}
.neighbor h2 {
	background: #efefef;
	padding: 0.5em;
	margin-bottom: 0.8em;
	border-bottom: 1px solid #aaa;
}
.neighbor h2 i{
	margin-right: 5px;
	}
.neighbor li {
	width: 49.7%;
	display: inline-block;
	vertical-align: top;
	padding: 0.5em 0.8em;
	box-sizing: border-box;
}
.neighbor .photo{
    float: left;
	width: 105px;
	background: #fff;
	}
.neighbor .photo img {
	object-fit: cover;
}
.neighbor .lead {
	float: right;
	width: calc(100% - 110px);
}
.neighbor h3{
	margin: 0 0 10px 0;
	padding: 5px;
	background: #f4f3c9;
	}
.neighbor .photo a,
.neighbor h3 a{
	display: block;
	color: #6f3b1b;
	text-decoration: none;
	}

/*footer******/

body:not(#home):not(#omatsuri):not(#event):not(#s_event) #container .social-media a[href^="http"]::after{
    content: none;
}

#page-top a{
    background: #F60;
}


/*media Queries ブレイクポイント　PC対応用
----------------------------------------------------*/
@media print , screen and (min-width: 741px) {

/*header*/
#head{
    width: 950px;
    height: 90px;
    }
#head_rogo    {
    width:200px;
    height:50px;
    margin-right:5px;
    padding-left: 10px;
    }
#head_system  {
    height:60px;
    padding-right: 10px;
    }
#head_system_upper   {		}
#head_system_lower {
	margin: 10px auto 0;
	width: 190px;
}
#head_system_lower a {	font-size: 14px;  line-height: 1.4em; }


/* main */
#mainContainer{
	width: 950px;
	}
#unit_container {
	padding: 0 0.5em;
}
	
/* 店舗名(#headblock) */
#headblock img{
	margin-right: 0.3rem;
	}	
#headblock .headblock_access,
#headblock .headblock_tel,
#headblock .tel_info{
	float: left;
	}
#headblock .headblock_tel{
	width: 51%;
    margin-left: 15px;
	}
.block_table .left_td{
	width: 215px;
	padding-right: 10px;
	}
.block_table .right_td{
    width: 700px;
	}
	
/* 商品メニュー */
ul.goods_table li{
	display: inline-table;
	width: 220px;
	border-top: 1px solid #ede9e4;
	margin-right: 4px;
	word-break: break-all;
	}

/* 基本情報 */    
.data_table .item_td{
    width: 7.5rem;
}

/*sidemenu*/
.left_td .menu_std{
	width: 180px;
	}
.left_td .menu_std dd{
    background: url("/images/unit/shop_menu.jpg") no-repeat;
	}
#mainContents.block_table .left_td .side_info{
	width: 100%;
	margin: 20px 0;
	}
body.freeshop #unit_side .sideBox.chokei{
	border: solid 1px #033070;
	}
body.freeshop #unit_side .sideBox.event{
	border: solid 1px #ff7d00;
	}

/********** 無料版 **********/
body.freeshop #unit_main{
	float: left;
	}
body.freeshop #unit_main{
	width: 720px;
	}
body.freeshop #unit_main .block_table .right_td{
	width: 499px;
	}
body.freeshop #unit_main .block_table .left_td{
	width: 190px;
	}
body.freeshop #mainContainer{
	margin: 0;
	}
body.freeshop #unit_main .unit_special .unit_inner p{
	line-height: 100%;
	}
body.freeshop #unit_main .data_td iframe{
	width: 100%;
	}
body.freeshop #unit_side{
    float: right;
	width: 200px;
    padding-right: 10px;
	}
body.freeshop #unit_bottomLink{
	clear: both;
	}
body.freeshop .pr_img img{
	max-width: 500px;
	}
body.freeshop .pr_img figure img.resizeImg{
    max-width: 320px;
    max-height: 320px;
    margin-right: 1em;
    }
body.freeshop .data_table .data_td iframe {
	height: 350px;
}

/* 商品メニュー */
ul.goods_table li.li_freeshop{
	display: visible;
	width: 100%;
	border-top: none;
	margin-right: 4px;
	}

}

/*media Queries ブレイクポイント　スマホ対応用
----------------------------------------------------*/
@media screen and (max-width: 740px) {

#head{
    border-bottom: 3px solid;        
    }
    
    
#headblock .logo_td{
	max-width: 110px;
	}
/* #headblock .headblock_tel{
	margin: 10px auto;
	 } */

/*****　本文　*****/
.data_table .item_td,
.job_table .job_item{
	border-color: #aaaaaa;
	}

/******　左メニュー　******/
/*　メニュー　*/
.left_td .menu_std{
	margin-top: 10px;
	}
.left_td .menu_std dd{
	background: transparent;
	width: 48%;
    height: 40px;
	border-radius: 5px;
	margin-bottom: 8px;
	background-color: #FFCC00;
	border: 1px #FF9900 solid;
	}
.left_td .menu_std dd a:link,
.left_td .menu_std dd a:visited,
.left_td .menu_std dd a:active,
.left_td .menu_std dd a:hover{
	line-height: 40px;
	}
.left_td .menu_std dd a::before {
	font-family: "Font Awesome 5 Free";
	margin-right: 0.2em;
	content: "\f0da"; /* caret-right */
	font-weight: 900;
}
.left_td dd:nth-of-type(odd) {
	float:left;
	}
.left_td .menu_std dd:nth-of-type(even){
	float:right;
	}

/*footer*/
#copyright{
	text-align: center;
	padding: 5px 15px;
	}
	
/*****************　無料版　*****************/

.neighbor li {
	margin: 0 auto;
	width: 100%;
	padding: 0.5em;
	box-sizing: border-box;
}
body.freeshop #unit_side .sideBox li .sidePhoto{
	background-color: #fff;
    float: left;
    margin-bottom: 5px;
    overflow: hidden;
    width: 100px;
	padding: 0 5px;
	}

/*調経*/
body.freeshop #unit_side .sideBox.chokei li img{
	width: 100px;
	float: left;
	margin-left: 0;
	}
body.freeshop #unit_side .sideBox.chokei li:first-child{
	padding-left: 0;
    overflow: hidden;
	}

/*イベント*/
body.freeshop #unit_side .sideBox.event li:first-child{
	display: block;
	overflow: hidden;
	}
body.freeshop #unit_side .sideBox.event li:nth-child(5),
body.freeshop #unit_side .sideBox.event li:nth-child(6){
	display: none;
	}

}

/*media Queries ブレイクポイント　タブレット対応用
----------------------------------------------------*/
@media screen and (max-width: 645px) {
/*イベント*/
body.freeshop #unit_side .sideBox.event li:not(:first-child){
	display: none;
	}
}


/*media Queries ブレイクポイント　極小スマホ対応用
----------------------------------------------------*/
@media screen and (max-width: 340px) {
.left_td .menu_std dd:nth-of-type(odd),
.left_td .menu_std dd:nth-of-type(even) {
	float: none;
	width: 98%;
	}
}