@charset "utf-8";

/*
Theme Name: sc
Description:テーマの説明
Theme URI: テーマの URL
Author: 作った人の名前
Author URI: 作った人の URL
Version: バージョン
License: ライセンス
License URI: ライセンスの URL
*/

@import url(css/layout.css);
@import url(css/page.css);
@import url(css/colorbox.css);


/* 共通CSS */

/*-----------------------------------------
   font
----------------------------------------- */
body {
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size: 100%;
	color: #616161;
	line-height: 1.5em;
}

div#container { font-size: 90%;}

/* フォントサイズ小中大 */

.font-size-s {font-size: 80%;}
.font-size-m {font-size: 100%;}
.font-size-l {font-size: 110%;}

/*-----------------------------------------
   link
----------------------------------------- */
#header a:link,
#header a:visited {
	color: #66533f;
	text-decoration: none;
}
#header a:hover {
	text-decoration: underline;
}
#main a:link,
#main a:visited,
#nav-pankuzu a:link,
#nav-pankuzu a:visited {
	color: #15a118;
}
#main a:hover,
#nav-pankuzu a:hover {
	text-decoration: none;
}
#footer a:link,
#footer a:visited {
	color: #835f39;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}

#main .ico-arrow-brown:link,
#main .ico-arrow-brown:visited {
	background: url(images/common/ico_arrow_brown.gif) no-repeat right center;
	color: #835f39;
	padding: 1px 20px 1px 0;
}
#main .ico-arrow-brown:hover {
	text-decoration: none;
}

#main .nav-next a:link,
#main .nav-next a:visited {
	color: #835f39;
}

/* images */
#side .side-banner a:hover img,
#footer a:hover img,
#nav-banner a:hover img,
.box-base a:hover img,
#main a:hover img,
.wideslider ul li a:hover img  {
	opacity:0.7;
	filter:alpha(opacity=70);
}
.side-store ul a:hover img,
#main .box-btn li a:hover img,
#main .box-search a:hover img {
	opacity:1.0;
	filter:alpha(opacity=100);
}

/*-----------------------------------------
   button
----------------------------------------- */
#contents-main .btn {
	background: #1a5e39;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #1a5e39;
	-moz-box-shadow:
		0px 0px 0px rgba(000,000,000,0),
		inset -1px -1px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 0px 0px rgba(000,000,000,0),
		inset -1px -1px 1px rgba(255,255,255,1);
	box-shadow:
		0px 0px 0px rgba(000,000,000,0),
		inset -1px -1px 1px rgba(255,255,255,1);
}
#contents-main .btn:link,
#contents-main .btn:visited {
	color: #fff;
	text-decoration: none;
}
#contents-main .btn:hover {
	background: #114627;
	border: 2px solid #114627;
}
#contents-main .btn-l {
	font-size: 110%;
	padding: 2px 30px 3px 30px;
}
#contents-main .btn-m {
	font-size: 100%;
	padding: 3px 30px 4px 20px;
}
#contents-main .btn-s {
	font-size: 75%;
	padding: 1px 20px 2px 13px;
}
#contents-main .btn-s-pa1 {
	font-size: 75%;
	padding: 3px 20px 4px 13px;
}
/* 矢印　サイズL */
#contents-main .btn-l-arrow {
	background: #1a5e39 url(images/common/ico_arrow_btn_l.gif) no-repeat right center;
}
#contents-main .btn-l-arrow:hover {
	background: #114627 url(images/common/ico_arrow_btn_l.gif) no-repeat right center;
}
/* 矢印　サイズS 反対 */
#contents-main .btn-s-arrow-con {
	background: #1a5e39 url(images/common/ico_arrow_btn_s_con.gif) no-repeat left center;
	padding: 3px 20px 4px 25px;
}
#contents-main .btn-s-arrow-con:hover {
	background: #114627 url(images/common/ico_arrow_btn_s_con.gif) no-repeat left center;
}
/* 矢印　サイズS */
#contents-main .btn-s-arrow {
	background: #1a5e39 url(images/common/ico_arrow_btn_s.gif) no-repeat right center;
}
#contents-main .btn-s-arrow:hover {
	background: #114627 url(images/common/ico_arrow_btn_s.gif) no-repeat right center;
}
/* 別窓　サイズS */
#contents-main .btn-s.btn-blank,
#contents-main .btn-s-pa1.btn-blank {
	background: #1a5e39 url(images/common/ico_arrow_btn_blank_s.gif) no-repeat right center;
}
#contents-main .btn-s.btn-blank:hover,
#contents-main .btn-s-pa1.btn-blank:hover {
	background: #114627 url(images/common/ico_arrow_btn_blank_s.gif) no-repeat right center;
}
/* 別窓　サイズM */
#contents-main .btn-m.btn-blank {
	background: #1a5e39 url(images/common/ico_arrow_btn_blank_m.gif) no-repeat right center;
	padding: 3px 30px 4px 20px;
}
#contents-main .btn-m.btn-blank:hover {
	background: #114627 url(images/common/ico_arrow_btn_blank_m.gif) no-repeat right center;
	padding: 3px 30px 4px 20px;
}


/*-----------------------------------------
   nav-pankuzu
----------------------------------------- */
#nav-pankuzu {
	font-size: 85%;
	padding-bottom: 17px;
	width: 960px;
}
#nav-pankuzu li {
	background: url(images/common/ico_pankuzu.gif) no-repeat left center;
	float: left;
	padding: 0 10px 0 12px;
}
#nav-pankuzu li:first-child {
	background: url(images/common/ico_pankuzu_home.gif) no-repeat left center;
	padding: 0 10px 0 17px;
}

/*-----------------------------------------
   nav-side
----------------------------------------- */
#nav-side {
	margin-bottom: 20px;
}
#nav-side dt {
	margin-bottom: 13px;
}
#nav-side .side-ttl {
	background: url(images/common/ico_arrow_brown_bottom.gif) no-repeat 3px center;
	color: #825f17;
	display: block;
	font-size: 105%;
	margin-top: 10px;
	padding: 6px 0 6px 25px;
}
#nav-side ul {
	line-height: 1.3em;
	background: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #fff;
}
#nav-side ul li,
#nav-side ul li ul {
	background: url(images/common/bg_sidenav_line.gif) repeat-x 0 top;
	border: none;
	padding-top: 1px;
}
#nav-side ul li:first-child {
	background: none;
}
#nav-side ul .side-acordion-trigger  {
	cursor: pointer;
}
/* リンク有　親共通 */
#nav-side ul li a:link,
#nav-side ul li a:visited,
#nav-side ul li span {
	color: #825f17;
	display: block;
	padding: 8px 20px 8px 10px;
	text-decoration: none;
}
/* リンク有　親背景link,hover */
#nav-side ul li a:link,
#nav-side ul li a:visited,
#nav-side ul li .side-right {
	background: url(images/common/ico_arrow_side01_off.gif) no-repeat right center;
}
#nav-side ul li a:hover,
#nav-side ul li a.side-active,
#nav-side ul li .side-right:hover {
	background: #fbe8ca url(images/common/ico_arrow_side01_on.gif) no-repeat right center;
}
/* リンク無　↓矢印 */
#nav-side ul li a.side-under {
	background: url(images/common/ico_arrow_side02.gif) no-repeat right center;
}
/* リンク有無　↓矢印 アクティブ */
#nav-side ul li span.side-under:hover,
#nav-side ul li span.side-under,
#nav-side ul li a.side-under-active,
#nav-side ul li span.side-under-active {
	background: #fbe8ca url(images/common/ico_arrow_side02.gif) no-repeat right center;
}
/* リンク有　子 */
#nav-side ul li ul {
	padding: 5px 0 5px 0;
}
#nav-side ul li ul li {
	background: none;
}
#nav-side ul li ul li a:link,
#nav-side ul li ul li a:visited {
	background: url(images/common/ico_arrow_side03.gif) no-repeat 17px 6px;
	font-size: 90%;
	padding: 2px 0 2px 29px;
}
#nav-side ul li ul li a:hover,
#nav-side ul li ul li a.side-active {
	background: #fbe8ca url(images/common/ico_arrow_side03.gif) no-repeat 17px 6px;
}

/*-----------------------------------------
   h
----------------------------------------- */
/* h1 */
.ttl-type-h1 {
	border-top: 2px solid #1a5e39;
	border-bottom: 1px solid #d0cabf;
	padding: 2px 0 2px 0;
	position: relative;	
	color: #1a5e39;	
	margin-bottom: 30px;
}
.ttl-type-h1-line {
	border-top: 1px solid #1a5e39;
	border-bottom: 2px solid #d0cabf;
}
/* typeA */
.ttl-type-h1-a {
	background: url(images/common/bg_h1.gif) no-repeat 4px 30px;
	font-size: 190%;
	padding: 33px 0 33px 40px;
}
.ttl-type-h1-a span {
	float: left;
}
.ttl-type-h1-a .txt-en {
	font-size: 50%;
	padding-left: 25px;
}
.ttl-type-h1-a .txt-size-s {
	font-size: 50%;
}

/* typeB 店舗詳細ページ */
.ttl-type-h1-b {
	padding: 22px 0 3px 4px;
}
.ttl-type-h1-b .store-name {
	float: right;
	font-size: 190%;
	line-height: 1.2em;
	width: 614px;
}

/* 共通 */
.ttl-type-a {
	background: url(images/common/ico_ttl_typea.gif) no-repeat left 3px;
	border-bottom: 2px solid #d0cabf;
	color: #5b4229;
	font-size: 150%;
	margin-bottom: 25px;
	padding: 0 0 10px 25px;
	position: relative;
}
.news-type-a .ttl-type-a {
	margin: 0 0 8px 0;
}
.news-type-a .ttl-type-a a {
	font-size: 70%;
	position: absolute;
	top: 0;
	right: 0;
}
.ttl-type-c {
	background: url(images/common/ico_ttl_typec.gif) no-repeat left 3px;
	color: #5b4229;
	font-size: 120%;
	margin: 0 0 10px 0;
	padding: 3px 0 3px 18px;
}

/* お知らせ */
.ttl-type-b {
	color: #1a5e39;
	margin: 23px 0 30px 0;
	padding: 0 0 15px 25px;
}
/* サイクルワールド お知らせ */
.ttl-type-d {
	background: #f4f2ed;
	color: #1a5e39;
	font-size: 150%;
	margin: 0 0 15px 0;
	padding: 10px;
	text-align: center;
}


/*-----------------------------------------
   list
----------------------------------------- */
.list-type-disc li {
	list-style: disc;
	margin-left: 20px;
}
.list-type-decimal li {
	list-style: decimal;
	margin: 0 0 20px 30px;
}

/*-----------------------------------------
   table
----------------------------------------- */
.tbl-type-a {
	border: 2px solid #d0cabf;
	margin-bottom: 25px;
}
.tbl-type-a th,
.tbl-type-a td {
	border-bottom: 1px solid #d0cabf;
	padding: 8px 18px 8px 18px;
}
.tbl-type-a th {
	background: #ebf2ee;
	color: #207748;
}
.width-100 { width: 100%;}
.tb2-type-s {
	border: 2px solid #d0cabf;
	margin-bottom: 25px;
}
.tb2-type-s th,
.tb2-type-s td {
	border-bottom: 1px solid #d0cabf;
	padding: 5px 0px 0px 5px;
}
.tb2-type-s th {
	background: #ebf2ee;
	color: #207748;
}

/*-----------------------------------------
   tobira
----------------------------------------- */
.tobira {
	width: 740px;
	margin-right: -30px;
	_zoom: 1;     
    overflow: hidden;
}
/* 扉ページ　共通 */
.tobira-normal {
	float: left;
	margin: 0 30px 30px 0;
	width: 340px;
}
/* 扉ページ　diy */
.tobira-diy {
	float: left;
	margin: 0 30px 30px 0;
	padding: 15px;
	width: 310px;
}
.tobira-diy h2 {
	color: #5b4229;
	font-size: 150%;
	min-height: 29px;
	margin-bottom: 10px;
	padding: 10px 0 0 53px;
}
.tobira-diy .ico-flower { background: url(images/diy/index/ico_flower.gif) no-repeat 0 center;}
.tobira-diy .ico-diy { background: url(images/diy/index/ico_diy.gif) no-repeat 0 center;}

.tobira-diy-detail {
	background: #fff;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	margin-bottom: 10px;
	padding: 12px;
	position: relative;
}
.tobira-diy-detail div {
	float: right;
	width: 200px;
}
.tobira-diy-detail .ttl {
	color: #6d665f;
	display: block;
	line-height: 1.2em;
	font-size: 75%;
	padding: 3px 0 3px 0;
}
.tobira-diy-detail h3 {
	color: #ff9110;
	font-size: 140%;
	font-weight: bold;
	padding: 2px 0 32px 0;
}
.tobira-diy-detail h3 span {
	font-size: 60%;
	padding-right: 5px;
}
.tobira-diy-detail .btn {
	position: absolute;
	right: 12px;
	bottom: 12px;
}

/* 扉ページ　ノーマル */
.tobira-normal h2 {
	background: url(images/common/ico_tobira.gif) no-repeat 10px center;
	border: 2px solid #d0cabf;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin-bottom: 10px;
}
.tobira-normal h2 a {
	background: url(images/common/ico_arrow_tobira.gif) no-repeat right center;
	display: block;
	font-size: 120%;
	padding: 8px 0 8px 30px;
}
#main .tobira-normal h2 a:link,
#main .tobira-normal h2 a:visited {
	color: #1a5e39;
}
#main .tobira-normal h2 a:hover {
	text-decoration: none;
}
#main .tobira-normal div {
	background: #f5f1e8;
	padding: 10px;
	_zoom: 1;     
    overflow: hidden;
}
.tobira-normal img,
.tobira-diy-detail img {
	border: 3px solid #d0d0d0;
	float: left;
	margin-right: 10px;
}
.tobira-normal p {
	font-size: 90%;
	_zoom: 1;     
    overflow: hidden;
}

/*-----------------------------------------
   news 記事一覧
----------------------------------------- */
/* typeA */
#main .news-type-a {
	margin-bottom: 40px;
}
.news-type-a dl {
	border-bottom: 1px dashed #bfbfbf;
	overflow: hidden;
	padding: 8px 15px 8px 15px;
}
.news-type-a dl dt {
	float: left;
	width: 250px;
}
.news-type-a dl dd {
	float: right;
	width: 430px;
}
.news-type-a .event-shop {
	float: left;
	width: 150px;
}
.news-type-a .event-name {
	float: right;
	width: 280px;
}

.ico-news {
	box-shadow:rgba(0, 0, 0, 0.168627) 0px 0px 1px 1px inset;
	-webkit-box-shadow:rgba(0, 0, 0, 0.168627) 0px 0px 1px 1px inset;
	-moz-box-shadow:rgba(0, 0, 0, 0.168627) 0px 0px 1px 1px inset;
	color: #fff;
	display: block;
	float: left;
	font-size: 80%;
	margin-right: 15px;
	text-align: center;
	width: 105px;
}
.ico-event {
	background: #238b53;
}
.ico-oshirase {
	background: #68a10c;
}
.ico-ir {
	background: #996e13;
}

/*-----------------------------------------
   news 一覧
----------------------------------------- */
/* 一覧 */
.news-list {
	border-bottom: 1px solid #d0cabf;
}
.news-list-detail {
	border-top: 1px solid #d0cabf;
	margin-bottom: 22px;
	padding: 22px 15px 0 15px;
	position: relative;
}
.news-list-detail .news-list-img {
	border: 3px solid #d0d0d0;
	float: left;
}
.news-list-detail div {
	float: right;
	width: 452px;
}
.news-list-detail h2 {
	padding: 0px 0 20px 0;
}
.news-list-detail .news-name {
	display: block;
	font-size: 140%;
	line-height: 1.2em;
}
.news-list-detail .btn {
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	text-align: center;
	width: 150px;
}

/*-----------------------------------------
   news 詳細
----------------------------------------- */
.news-info {
	margin-bottom: 25px;
}
.news-img {
	border: 3px solid #d0d0d0;
	float: right;
	margin: 0 0 10px 20px;
}
.news-info p {
	margin-bottom: 20px;
}
.news-img-list {
	margin-right: -19px;
	width: 729px;
	overflow: hidden;
	_zoom: 1;
}
.news-img-list {
	margin-bottom: 50px;
}
.news-img-list li {
	float: left;
	margin-right: 19px;
}
.news-img-list li img {
	border: 3px solid #d0d0d0;
}


/*-----------------------------------------
   店舗一覧
----------------------------------------- */
/* 次のページへ */
.nav-next {
	padding: 10px 0 10px 0;
}
#main .nav-next .float-left {
	background: url(images/common/ico_arrow_brown_left.gif) no-repeat left center;
	padding: 2px 0 2px 24px;
}
#main .nav-next .float-right {
	background: url(images/common/ico_arrow_brown.gif) no-repeat right center;
	padding: 2px 24px 2px 0;
}

/* 一覧 */
.store-list {
	border-bottom: 1px solid #d0cabf;
}
.store-list-detail {
	border-top: 1px solid #d0cabf;
	margin-bottom: 22px;
	padding: 22px 15px 0 15px;
	position: relative;
}
.store-list-detail .store-list-img {
	border: 3px solid #d0d0d0;
	float: left;
}

/*-----------------------------------------
   20140710追加
----------------------------------------- */
/*img.store-list-img {
	width: 195px;
	height: 135px;
}*/

.store-list-detail div {
	float: right;
	width: 462px;
}
.store-list-detail h2 {
	padding: 0 0 15px 6px;
}
.store-area {
	background: #fff;
	display: block;
	border: 2px solid #1a5e39;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #1a5e39;
	float: left;
	margin-right: 10px;
	padding: 2px 0 2px 0;
	text-align: center;
	width: 76px;
}
.store-list-detail .store-name {
	display: block;
	float: left;
	font-size: 150%;
	line-height: 1.2em;
	padding-top: 1px;
	width: 210px;
}
.store-list-detail .btn {
	float: right;
}
.store-list-detail p {
	padding: 0 0 56px 92px;
}
.store-list-detail ul {
	position: absolute;
	bottom: 0;
	font-size: 0;
	line-height: 0;
	right: 15px;
	width: 462px;
}
.store-list-detail li,
.ttl-type-h1 ul li {
	float: left;
	padding: 6px 0 0 6px;
}


/*-----------------------------------------
   other
----------------------------------------- */
/* 角丸 */
.b-radius-5 {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.b-radius-8 {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

/* 木目背景、角丸 */
.box-base {
	background: url(images/common/bg_mokume.gif) repeat 0 0;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

/* pdf */
.box-pdf {
	border: 2px solid #d0cabf;
	font-size: 90%;
	line-height: 1.4em;
	padding: 15px;
}
.box-pdf img {
	float: right;
	padding-left: 12px;
}

/* other */
.img-border { border: 3px solid #d0d0d0;}
.display-block { display: block;}
.display-none { display: none;}
.pa15 { padding: 15px;}
#main .maT10 { margin-top: 10px;}
#main .maT50 { margin-top: 50px;}
#main .maL20 { margin-left: 20px;}
#main .maB10 { margin-bottom: 10px;}
#main .maB50 { margin-bottom: 50px;}


.float-left { float: left;}
.float-right { float: right;}
.txt-left { text-align: left !important;}
.txt-center { text-align: center !important;}
.txt-right { text-align: right !important;}

#main p,
#main ul,
#main li,
#main table,
#main td { background: url(images/common/bg_opacity.gif) no-repeat 0 0;}

/*-----------------------------------------
   20150318追加seki_ta
----------------------------------------- */
div.subjectseki {
   text-align: left;
   float: left;
}
div.subjectseki2 {
   text-align: right;
}
div.subjectseki3 {
   clear:both;
   margin-top:20px;
}
div.titlebar {
}
/*-----------------------------------------
   2015427追加seki_ta ※
----------------------------------------- */
.pointcard h3{
	font-size:140%;
	line-height:1.5em;
	margin-top:18px;
}

.pointcard ol{
	list-style-type:decimal;
	margin-left:30px;
}

.pointcard ol li ol{
	list-style-type:decimal;
	font-size:100%;
	margin:20px 0px;
}

.pointcard ol li ol li{
	margin-left:35px;
}

.pointcard ul.note{
	margin:15px;
	list-style-type:none;
}
.pointcard ul.note li{
	line-height:140%;
}

.pointcard a.btn{
	display:block;
	margin:10px;
	width:260px;
	text-align:center;
	float:left;
}

#contents-main .pointcard a.mid{
	display:block;
	margin:10px;
	width:603px;
	text-align:center;
	float:left;
	border: 2px solid #da7d0f;
	background: #fe900f url(images/common/ico_arrow_btn_l.gif) no-repeat right center;
}

#contents-main .pointcard a.mid:hover{
	background: #eda550 url(images/common/ico_arrow_btn_l.gif) no-repeat right center;
}

.pointcard img{
	margin-bottom:10px;
}
.pointcard dl dd{
     text-indent: -2.6em;  
     padding: 0 20px 10px 50px;
}
.pointcard dl dt{
     text-indent: -2.6em;  
     padding: 0 20px 0px 50px;
}
.pointcard dl dt{
     margin:20px 20px 0 0;
}
.pointcard dl dd:first-letter,
.pointcard dl dt:first-letter{
     		font-size: 1.6em;
     		font-weight: bold;
     		margin-right:10px;
     		padding:5px;
     		font-family: 'Nunito', sans-serif;
}
.pointcard dl dt:first-letter{
     		color: #0F78E1;
}
.pointcard dl dd:first-letter{
     		color: #ff6767;
}
.tenant img{
     margin:5px 10px 5px 0;
}
/*-----------------------------------------
   card201708seki_ta ※
----------------------------------------- */
.sekichucard a.btn{
	display:block;
	margin:10px;
	width:260px;
	text-align:center;
	float:left;
}