@charset "utf-8";

@import url("reset.css");

/*==========================================
////////////// 全ページ共通 ///////////////
==========================================*/
/*------------------------------------------
■ header
------------------------------------------*/

.header {
	margin:0 auto;
	max-width:1100px;
	overflow:hidden;
}
.header {
	padding:20px 0;
}
.header .logo {
	min-width:10%;
	z-index:99;
}
.header .logo a {
	margin:0 auto 15px auto;
	width:179px;
	display:block;
}
.header h1 { margin:0 0 18px 0; font-size:12px;}
.header .topSubmenu a { margin-left:10px; display:block; float:right;}
.header .menu {
	margin:0;
	padding:0;
	background-color: transparent;
}
.header .menu nav { list-style:none;}
.header nav ul { padding:0; width:100%; overflow:hidden;}
.header nav li { padding:0;}
.header nav li a {
	margin:0;
	padding-top:13px;
	width:100%;
	height:48px;
	color:#FFF;
	display:block;
	float:left;
	font-weight:bold;
	text-align:center;
}
.header nav li a.kaitori { background:#30BE2C;}
.header nav li a.kensaku { background:#FB3E6A;}
.header nav li a.tanoshimu { background:#30B2D9;}

.header div.bredNavi {
	margin:10px 0 0 0;
	clear:both;
	overflow:hidden;
}
.header div.bredNavi ul {
	margin:0;
	padding:5px 10px;
	font-size:12px;
}
.header div.bredNavi a { margin:0;}


/*------------------------------------------
■ footer
------------------------------------------*/


footer { margin-top:30px; overflow:hidden;}
footer .footerArea {
	padding:20px 0 165px 0;
	background:url(../images/footer_bg.jpg) no-repeat #FFF;
	background-position:center bottom;
	min-height:165px;
	position:relative;
}
footer .footerArea a.pagetop {
	width:70px;
	height:35px;
	display:block;
	position:absolute;
	bottom:0;
	right:8%;
}
footer .copyArea .footerLink { overflow:hidden;}
footer .copyArea .footerLink .title {
	margin:15px 0;
	padding:0 0 15px 0;
	border-bottom:1px #38709E solid;
	color:#FFF;
	font-size:24px;
	font-weight:bold;
	overflow:hidden;
}
footer .copyArea .footerLink ul { margin:0 auto; width:134px;}
footer .copyArea .footerLink .title li.logo {
	margin:0 auto;
	width:134px;
	height:37px;
	overflow:hidden;
	text-align:center;
	float:none;
}
footer .copyArea .footerLink ul li {
	margin:0 auto;
	width:235px;
	float:left;
}
footer .copyArea { background:#064C87; overflow:hidden;}
footer .copyArea p {
	margin: 0 auto 15px;
	padding:0 15px;
	color:#FFF;
	font-size:12px;
	text-align:center;
}



/*------------------------------------------
■ main box
------------------------------------------*/

.mainBox {
	margin:0 auto;
	/*background:#CCECED;*/
	max-width:1100px;
	overflow:hidden;
}

.mainBox .contents ul { margin:0 0 10px 0;}
.mainBox .contents ul.pointTxt li span,
.mainBox .contents p.pointTxt {
	margin-left:1.0em;
	text-indent:-1.0em;
}
.mainBox .contents .pointTxt span { display:block;}
.mainBox .contents a:hover {
	opacity:0.7;
	filter: alpha(opacity=70) !important;        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)" !important;  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
}

.kaitori .btn_foot {
	background:url(../images/btn_kaitori_sub.jpg) 100%;
	min-height:93px;
	overflow:hidden;
	
}

/*--- rerative box ---*/
.parentBox  { position:relative;}


/*==========================================
///////////// ２階層目 : 共通 /////////////
==========================================*/
/*------------------------------------------
■ common
------------------------------------------*/

.breadcrumb > li + li:before {
  content: "> ";
  padding:0;
  color: #333;
}
.breadcrumb > li {
  padding: 0 0 0 5px;
  display: inline-block;
}
.breadcrumb > .active { color:#333;}

.mainBox p { margin-bottom:15px;}

.mainBox p.toptext { margin-bottom:30px !important;}

.nextBox { margin-top:15px; overflow:hidden;}

ul.bottomNav { margin-bottom:0 !important; overflow:hidden;}
.bottomNav li { margin:0; padding:0 5px;}
.bottomNav li:first-child { margin:0;}
.sub_page_top { text-align:right;}
.sub_page_top a { margin:0;}



/*------------------------------------------
■ side menu サイドメニュー
------------------------------------------*/
.mainBox #sideMenu { margin-top:10px; margin-bottom:10px;}
.mainBox #sideMenu h2 {
	margin-bottom:15px;
	overflow:hidden;
}
.mainBox #sideMenu .kaitori h2 { background:#30BE2C;}
.mainBox #sideMenu .kensaku h2 { background:#FB3E6A;}
.mainBox #sideMenu .tanoshimu h2 { background:#30B2D9;}
.mainBox #sideMenu .kigyou h2 { background:#064C87;}


#sideMenu section {
	margin-bottom:5px;
	padding:0 5px 10px 5px;
	min-width:100%;
	border-bottom:1px #BDBDAE dotted;
	overflow:hidden;
}
/*#sideMenu section.kaitori .topBtn { padding:5px 5px 5px 10px; background:#30BE2C; color:#FFF;}
#sideMenu section.kensaku .topBtn { padding:5px 5px 5px 10px; background:#FB3E6A; color:#FFF;}
#sideMenu section.tanoshimu .topBtn { padding:5px 5px 5px 10px; background:#30B2D9; color:#FFF;}*/

#sideMenu section a { margin-top:5px; padding-left:23px; display:block; clear:both;}

#sideMenu section a {
	padding:10px;
	background:#F2F2F2;
	border:1px #D7D4CE solid;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
	overflow:hidden;
}

.mainBox #sideMenu a.kfTop {
	margin-bottom:5px;
	background:#064C86;
	color:#FFF;
	font-weight:bold;
}

.shopsIndex #sideMenu a.active, .shopsView #sideMenu a.shop-top, .shopsKaitori #sideMenu a.shop-kaitori,
.shopsDetail #sideMenu a.shop-detail, .shopCouponsIndex #sideMenu a.shop-coupons,
.shopsAccess #sideMenu a.shop-access, .shopsMerumaga #sideMenu a.shop-merumaga,
.shopsCardMember #sideMenu a.shop-card_member, .shopRecruitsIndex #sideMenu a.shop-recruits,
.shopInfosIndex #sideMenu a.shop-infos, .shopInfosView #sideMenu a.shop-infos,
.feedbackEdit #sideMenu a.shop-feedback { background:#FFE66B; font-weight:bold;}


/*------------------------------------------
■ squareNav トップ四角コンテンツボタン
------------------------------------------*/

.mainBox ul.squareNav { overflow:hidden;}
.mainBox ul.squareNav li { margin:0 0 10px 0; padding:0;}
.mainBox ul.squareNav li div { margin:-5px 0 0 0; padding:5px 5px 0 5px; overflow:hidden;}
.mainBox ul.squareNav li a { padding:0; display:block; z-index:999;}
.mainBox ul.squareNav li .caption {
	margin:5px 0 0 5px;
	padding:25px 20px 25px 25px;
	width:100%;
	height:100%;
    background:#000;
    color:#FFF;
    display:none;
	font-size:95%;
	position:absolute;
    top:0;
    left:0;
	overflow:hidden;
	opacity:0.9;
	filter: alpha(opacity=90) !important;        /* ie lt 8 */
	-ms-filter: "alpha(opacity=90)" !important;  /* ie 8 */
	-moz-opacity:0.9;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.9;              /* Safari 1.x */
	z-index:998;
}

.mainBox ul.squareNav li a:hover {
	opacity:1;
	filter: alpha(opacity=100) !important;        /* ie lt 8 */
	-ms-filter: "alpha(opacity=100)" !important;  /* ie 8 */
	-moz-opacity:1;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 1;              /* Safari 1.x */
}


/*------------------------------------------
■ h3 / h4 / h5
------------------------------------------*/

.topTitle {
	margin-bottom:15px;
    background: url(../images/h3_kensaku.jpg) no-repeat;
}

.mainBox h3 {
	margin:0 0 15px 0;
	padding:15px 30px 19px 30px;
	min-height:85px;
	font-size:165%;
	font-weight:bold;
}
.mainBox.shopsIndex h3 {
	padding:30px;
}
.kensaku h3, .shop_site h3 {
	height:85px;
	background:url(../images/h3_kensaku.jpg) no-repeat;
	display:table-cell;
	vertical-align:middle;
}
.shop_site h3 {
    width: 100%;
    height: 85px;
	display: table-cell;
    overflow: hidden;
    vertical-align: middle;
}
/*.shopsView h3 span.brandtitle { font-size:165%;}*/
h3 span.brandtitle { display:block; font-size:14px; font-weight:bold;}
.shopsView h3 span.brandtitle { font-size:24.75px;}

.mainBox h4 {
	margin:10px 0 20px 0;
	font-size:140%;
	font-weight:bold;
}

.kensaku h4, .shop h4 { color:#FB3E6A;}

.mainBox h5 {
	margin-bottom:10px;
	padding:8px 10px;
	color:#FFF;
	display:block;
	font-size:120%;
	font-weight:bold;
	line-height:1.4em;
}
.kensaku h5, .shop h5 { background:#FB3E6A;}


.panel h5 { background-color: transparent !important;}


/*------------------------------------------
■ thumbnailBox　サムネイル付きボックス
------------------------------------------*/

.subBox.thumbnailBox .textBox {
	margin:0;
	padding:0 0 0 15px;
}


/*------------------------------------------
■ media_list　サムネイル付きリスト
------------------------------------------*/

.media_list section { margin:0 0 10px 0; padding:0; overflow:hidden; border-bottom:1px #CCC dotted;}
.media_list img { margin-bottom:10px;}

.kaitori p,
.kensaku p,
.tanoshimu p { margin-bottom:15px;}


/*------------------------------------------
■ panel.ico_ok/ng　OK/NGアイコンパネル
------------------------------------------*/

.panel.ico_ok .panel-heading,
.panel.ico_ng .panel-heading { min-height:65px;}
.panel.ico_ok .panel-heading h5,
.panel.ico_ng .panel-heading h5  {
	padding-left:60px;
	height:48px;
	display:table-cell;
	font-size:18px;
	line-height:1.2em;
	vertical-align:middle;
}
.panel.ico_ok .panel-heading h5  { background:url(../images/shops/ico_ok.png)0 0 no-repeat;}
.panel.ico_ng .panel-heading h5  { background:url(../images/shops/ico_ng.png)0 0 no-repeat;}


/*------------------------------------------
■  secondary - よくある質問 -
------------------------------------------*/

.faqBox dd { overflow:hidden;}
.faqBox.detail h4 { margin-bottom:15px; padding-bottom:10px; border-bottom:1px #CCC dotted;}
.faqBox.detail nav { margin-top:20px; padding-top:15px; border-top:1px #CCC dotted;}
.faqBox.detail nav li a { margin:10px 0;}


/*==========================================
/////////// ２階層目 : 店舗検索 ///////////
==========================================*/

.tenpo_kensaku .btn-group {
	margin-bottom:30px;
	overflow:overflow;
}
.tenpo_kensaku .area { margin-top:15px; overflow:hidden;}
.tenpo_kensaku .area dl { margin-bottom:15px;}
.tenpo_kensaku .area a { font-weight:bold;}
.tenpo_kensaku .area dd { overflow:hidden;}
.tenpo_kensaku .area p { margin:0 !important;}



/*==========================================
////// FC店舗 : 共通 //////
==========================================*/

.shop .list-group { margin-top:15px; overflow:hidden;}
.shop .list-group dd { overflow:hidden;}
.shop .list-group dd a { display:block;}
.shop .list-group dd a[role=tel] { display:inline;}


.shop .corporateBtnBox {
	margin-top:15px;
	overflow:hidden;
}

.importantTxt {
	margin:10px 0 20px 0;
	color:#FC3E6A;
	font-size:140%;
	font-weight:bold;
	line-height:1.4em;
}


/* 写真＋テキスト
------------------------------------------*/
.textContents {
	padding:15px;
	background:#FF7577;
	overflow:hidden;
}
.section-header h5 {
	margin:0;
	padding:0;
	background-color:transparent;
	font-size:150%;
	font-weight:bold;
}
.section-header p { margin:20px;}


/* 吹き出し
------------------------------------------*/

.hukidasi{
	padding:15px;
	background:#FF7577;
	border-radius:8px;
	color:#fff;
	position:relative;
}
.hukidasi:before{
	content: "";
	border:12px solid transparent;
	border-top:12px solid #FF7577;
	position:absolute;
	bottom:-23px;
	right:50%;
}


/* dl基本設定
------------------------------------------*/

.shop .list_block { margin-bottom:15px; padding-bottom:5px; border-bottom:1px #ccc solid;}

.shop .dl-horizontal dt { width:120px; font-weight:bold;}
.shop .dl-horizontal dd { margin-bottom:10px;}

/* ----- 長文用 -----*/
.shop .dl-horizontal.long dt { width:160px; font-weight:bold;}



/* bg_list　背景付きリスト
------------------------------------------*/

.bg_list {
	background-position:left;
	overflow:hidden;
}
/*----- カード会員背景画像 -----*/
.bg_list.card_mamber { min-height:227px; background:url(../images/shops/img_card_m01.jpg) no-repeat #FFF;}

.bg_list .list_yellow li {
	margin-top:15px;
	margin-bottom:10px;
	padding:10px;
	background:#FFD800;
	color:#064C86;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}



/*------------------------------------------
■ トップページ
------------------------------------------*/

.shop .shop_detail .photo { margin-bottom:15px;}
.shop .shop_detail dl.dl-horizontal { margin:0 0 15px 0;}
.shop .shop_detail p#address { padding-bottom:3px; border-bottom:1px #C0C0C0 dotted;}
.shop .shop_detail span a:first-child { margin-right:10px;}

.shop_information  .infoBox { display:inline;}
.shop_information  .infoBox p { margin-bottom:5px; padding-bottom:3px; border-bottom:1px #C0C0C0 dotted;}
.shop_information  .infoBox p img { margin-bottom:10px;}
.shop_information  .infoBox span { width:100%; display:block; font-weight:bold;}
.shop_information  .infoBox a { width:100%; display:block;}

.shop .newsBox {
	margin:0 auto 15px auto;
	font-size:13px;
	overflow:hidden;
}
.shop .newsBox section { padding:0;}
.shop .newsBox .media {
	margin:0 0 15px 0;
	padding-bottom:5px;
	border-bottom:1px #CCC dotted;
}
.shop .newsBox .title {
	margin:0;
	padding:0 0 3px 0;
	border-bottom:3px #FFD800 solid;
	overflow:hidden;
}
.shop .newsBox .title h3 {
	font-size:30px;
	font-weight:bold;
	float:left;
}

.shop .twitter-follow-button { margin:5px 0 0 10px;}


.mail_member .detail { color:#FC3E6A; font-size:18px; font-weight:bold !important; text-align:center;}


/*------------------------------------------
■ 買取について
------------------------------------------*/

.shop .kaitori_weight .col-sm-6 { margin:0; padding:0 0 0 10px;}
.shop .kaitori_weight .col-sm-6:nth-child(2n+1) { padding:0;}
.shop .kaitori_weight p { margin:0 !important;}
.shop .kaitori_weight span { font-size:130%; font-weight:bold;}


/*------------------------------------------
■ クーポン
------------------------------------------*/

.shop .coupon_flow div p { margin:15px 0;}

.shop .coupon_buy, .shop .coupon_sell { overflow:hidden;}
.shop .coupon_list .panel { /*min-height:264px;*/}
.shop .coupon_list a { color:#333; /*min-height:190px;*/}
.shop .coupon_list a:hover { text-decoration:none;}

.shop .coupon_list span { display:block; }
.shop .coupon_list span.title,
.shop .coupon_list span.point { display:inline; font-size:16px; font-weight:bold; line-height:1.4em;}
.shop .coupon_list span.rimit { margin:10px 10px 10px 0; font-size:16px;}
.shop .coupon_list span.date { margin:0 0 10px 0; text-align:center;}
.shop .coupon_list div p { margin:0 0 15px 0; padding-bottom:10px; border-bottom:1px #CCC dotted;}


.coupon_detail { font-size:18px; overflow:hidden;}

.coupon_detail .shopName { margin:10px 10px 15px 10px; color:#FFF; font-size:18px; font-weight:bold; text-align:center;}
.coupon_detail a { color:#333; /*min-height:190px;*/}
.coupon_detail a:hover { text-decoration:none;}

.coupon_detail p.viewTxt { margin-bottom:0; padding:10px; background:#FFF5CE; text-align:left;}
.coupon_detail span { display:block; font-weight:bold;}
.coupon_detail span.title { margin-bottom:10px; line-height:1.4em; text-align:center;}
.coupon_detail span.point {
	margin:15px 0;
	color:#F43430;
	font-size:55px;
	text-align:center;
	line-height:1em;
}
.coupon_detail span.rimit { margin:0 10px 10px 0; padding-top:7px; display:inline-block; font-size:16px;}
.coupon_detail span.date { margin:0 0 15px 0; text-align:center;}
.coupon_detail p.shopTxt { margin-bottom:15px; padding:10px; background:#FFF5CE; text-align:left;}
.coupon_detail .remodal-cancel { margin-top:15px;}


/*------------------------------------------
■ 店舗からのお知らせ
------------------------------------------*/

.shop .news .publishdate { font-weight:bold;}
.shop .news .content {
	margin:0 0 15px 0;
	padding:15px 0;
	border-top:1px #CCC dotted;
	border-bottom:1px #CCC dotted;
}

.shop .news ul#attachimages {
	margin:0 0 20px 0;
	overflow:hidden;
}
.shop .news ul#attachimages li { margin-bottom:15px;}
.shop .news ul#attachimages li img { width:100%;}


/*------------------------------------------
■ アクセスマップ
------------------------------------------*/

.shop .shop_access a { font-weight:bold;}


/*==========================================
////////////////// @media /////////////////
==========================================*/


/*------------------------------------------
■ @media 
------------------------------------------*/

/*-----------------------*/
/******* max 768px *******/
/*-----------------------*/

@media only screen and (max-width:767px){
	
	body{
		font: 17px/1.5;
	}
	
	/*---------- corporate ----------*/
	/*.btn {
		padding: 13px 12px;
		font-size: 18px;
		line-height: 1.4444444;
		border-radius: 5px;
	}*/
	
	.mainBox #sideMenu h2 { margin:0; padding:15px; color:#FFF; font-weight:bold;}
	.mainBox h3 {
		margin:0 0 15px 0;
		padding:15px 25px 15px 25px;
		font-size:130%;
		font-weight:bold;
		line-height:1.2em;
	}
	
	.mainBox #sideMenu section a {
		margin:10px;
		padding:10px;
	}
	.mainBox #sideMenu a.kfTop { margin:0 0 10px 0;}
	
	.mainBox ul.squareNav li { margin-bottom:10px;}
	.mainBox ul.squareNav li div { margin-bottom:10px;}
	
	.subBox.thumbnailBox .textBox {
		margin:15px 0 0 0;
		padding:0;
	}
	
	.kaitori_weight .col-sm-4 { margin:0; padding:0;}
	.shop .kaitori_weight .col-sm-6 { margin:0; padding:0;}
	.kaitori_weight li.col-sm-3 { padding:0;}
	
	.recruit .area .detail { margin-top:10px !important;}
	
	.bottomNav li { margin-bottom:10px !important;}
	
	footer .footerArea { background-position:45% bottom;}
	footer a.pagetop { margin:0 auto; right:40%; bottom:0;}
	
	
	/*---------- shop ----------*/
	
	/*.shop .contents .btn {
		width:100%;
		display:block;
	}*/
	
	.well.bg_list { padding:0px;}
	.well.bg_list.card_mamber { background-position:-50px -20px;}
	.well.bg_list .list_yellow li { margin:5px 0;}
	.well.bg_list .bgImg {
		height:180px;
	}
	
}

/*-----------------------*/
/******* min 768px *******/
/*-----------------------*/

@media only screen and (min-width: 768px) {
	
	/*---------- corporate ----------*/
	.navbar-brand { display:none;}
	.kaitori_movie .center-block {
	width:560px;
	overflow:hidden;
	}
	
	/*---------- shop ----------*/
	.shop .dl-horizontal dd { margin-bottom:5px; margin-left:140px;}
	.shop .dl-horizontal.long dd { margin-bottom:10px; margin-left:180px;}
}

/*-----------------------*/
/******* min 992px *******/
/*-----------------------*/

@media only screen and (min-width:992px){
	
	/*---------- corporate ----------*/
	.navbar-brand { display:none;}
	.fixed{
		min-width:250px;
		position:fixed;
		top:20px
	}
	.hidden-sm { display:none !important;}
	
	/*---------- shop ----------*/
	h3 span.brandtitle { margin:5px 0;}
}