@charset "UTF-8";




/*---------------------------
共通スタイル
---------------------------*/

.cf:after {
     content:'';
     display:block;
     clear:both;
}
.cf {
     zoom:1;
}

.bg_g {
	background:#efefef;
	padding:10px;
	margin:10px 0;
	border-radius:10px;
}
.star {
    color:#ECAE1F;
}
.more {
    margin:10px;
}

.red {
    color:#F55;
}

/*---------------------------
ヘッダ
---------------------------*/
header h1 a {
	display:block;
	float:left;
}

.title {
	width:81.5%;
}
.btn_pc {
	width:18.5%;
}




/*---------------------------
タブメニュー
---------------------------*/
.tab-btn ul {
	width:100%;
	margin:0 auto;

}
.tab-btn ul li {
	float:left;
	width:45%;
	background:#dedede;
	border-radius:4px 4px 0 0;
	margin:auto 0 auto 10px;
	text-align:center;
	color:#8E0500;
	font-size:middle;
	line-height:50px;
	
}

.tab-btn2 ul li {
	line-height:20px;
	padding:10px 0;
}

.tab-btn ul .selected {
	background:#8E0500;
	color:#fff;
}

.tab_box {
	border:3px solid #8E0500;
	margin:-3px 10px 10px;
	border-radius:4px;
	z-index:100;
	position:relative;
}

.tab-list {
	padding10px;
}
.link_pc {
	background:url("../img/link_pc.jpg") no-repeat right;
	height:60px;
}
.link_pc span {
	width:76%;
}

.tab-list span {
	font-size:small;
	line-height:1.2;
	display:block;
}

.tab-list h2 {
	color:#333;
	font-size:18px;
	float:right;
	width:70%;
	line-height:1.2;
	font-weight:normal;
}
.tab-list h3 {
	color:#333;
	font-size:14px;
	float:left;
	widht:20%;
}
.tab-list h3 span {
	color:#fff;
	line-height:20px;
	text-align:center;
}
.tab-list h3 .tag-news {
	background:#355087;
}
.tab-list h3 .tag-info {
	background:#589751;
}
.tab-list h3 .tag-blog {
	background:#8E0500;
}



.f-20 {
	font-size:20px !important;
}
.tab-box-inner {
	padding:10px;
}
.tab-box-left {
	background:url("../img/jpn.jpg") no-repeat;
	background-size:100% auto;	
	background-position:0 40px;
	width:45%;
	float:left;
	min-height:160px;
}

.shop-search {
	width:50%;
	float:right;
}

.span3 {
	width:100%;
}

form input {
	margin-bottom:10px;
	color:#aaa;
	background:#dedede;
}
form input:focus {
	background:#fff;
}

.btn_sale {
	clear:both;
}

form {
	margin:0 10px 10px 0;
}

.construction-left {
	float:left;
	width:50%;
	margin-right:3%;
}
.construction-right {
	float:right;
	width:40%;
}

.seko-img li {
	width:32.333%;
	margin-right:1%;
	float:left;
}
.bnr_boshu {
	margin:10px;
	
}	



/*---------------------------
ボタングループ
---------------------------*/
.btn-group {
	margin:0 10px;
}
.btn-group li {
	float:left;
	margin-bottom:10px;
}
.btn_left50 {
	width:49%;
	margin-right:2%
}
.btn_right50 {
	width:49%;
}

.btn_100 {
	width:100%;
}

.sns {
	margin:0 10px 10px;
}

/*---------------------------
footer
---------------------------*/
.copyright {
	background:#8E0500;
	color:#fff;
	line-height:40px;
	text-align:center;
}

.footer-nav {
	/*
	position:fixed;
	bottom:0;
	*/
	z-index:200;
}
.footer-nav li{
	width:19.5%;
	float:left;
	border-top:solid 3px #efefef;
	border-bottom:solid 1px #efefef;
	color:#fff;
	vertical-align:center;
	text-align:center;
	font-size:14px;
	line-height:60px;
	background: -moz-linear-gradient(top, #BD023F, #8D0230); /* Firefox用 */  
    background: -webkit-gradient(linear, left top, left bottom, from(#BD023F), to(#8D0230)); /* Safari,Google Chrome用 */  
    background: gradient(linear, left top, left bottom, from(#BD023F), to(#8D0230)); 
	
}
.footer-nav .border {
	width:0.5%;
	background: -moz-linear-gradient(top, #BD023F, #8D0230); /* Firefox用 */  
    background: -webkit-gradient(linear, left top, left bottom, from(#BD023F), to(#8D0230)); /* Safari,Google Chrome用 */  
    background: gradient(linear, left top, left bottom, from(#BD023F), to(#8D0230)); 
}

.footer-nav li a {
	color:#fff;
	font-weight:bold;
	text-shadow:-1px -1px 1px #80022B;
}

.footer-nav  .footer-open-btn {
	line-height:20px;
}
.footer-nav  .footer-open-btn a {
	display:block;
	padding:10px 0;
}


/*---------------------------
店舗詳細ページ
---------------------------*/
.page-shop  {
	margin-top:0;
}
.page-shop li {
	font-size:18px;
	padding:10px;
}
.page-shop li.shop-title {
	font-size:20px;
	background:#8E0500;
	color:#fff;
	font-weight:bold;
}
.page-shop li img.license_img{
	display:block;
	padding-bottom:3px;
	height:30px;
}

dl.list {
        line-height: 1.6;
        font-size:14px;
}
dl.list dt {
        width: 7em;
        float: left;
        padding-top:5px;
        padding-bottom: 1px;
        text-indent: 1em;
        color:#8E0500;
}
dl.list dd {
		padding-top:5px;
        padding-left: 10px;
        border-bottom: 1px dashed #8E0500;
}
.service_list dt {
        width: 90%;
        float: left;
        padding-top:5px;
        padding-bottom: 1px;
        text-indent: 1em;
        font-size:14px;
        line-height:30px;
        color:#333;
}
.service_list dd {
		padding-top:5px;
        padding-left: 10px;
        font-size:20px;
        line-height:30px;
        color:#8E0500;
        font-weight:bold;
        border-bottom: 1px dashed #8E0500;
}
dl.list dd:last-child {
	border-bottom:none;
}
.service_list dd:last-child {
	color:#333;
	font-size:14px;
	clear:both;
	border-bottom:none;
	padding:0 10px 10px;
}
.dropmenu-btn{
	background:#8e0500;
	color:#fff;
	padding:10px 40px 10px 10px;
	margin:10px 10px -4px 10px;
	border-radius:4px;
	font-size:20px;
}
.dropmenu-btn  a {
    color:#fff;
}
.dropmenu-btn a:hover {
    text-decoration:underline;
}
.close{
	background-image:url(../img/btn_plus.png);
	background-repeat:no-repeat;
	background-position:95% 50%;
	background-size:auto 20px;
}
.open{
	background-image:url(../img/btn_minus.png);
	border-radius:4px 4px 0 0;
}
.map_app {
	margin:10px;
}

/*---------------------------
shop_listページ
---------------------------*/
.page-title {
	margin:10px;
	color:#8e0500;
	font-size:20px;
}
.page-comment {
	margin:10px;
}
.shop-info-img img {
	float:left;
	margin-right:5px;
	width:25%;
}

.shop-info span {
	display:block;
	background:#dfdfdf;
	width:25%;
	border-radius:5px;
	color:#8E0500;
	margin:0 5px 0 0;
	padding:3px auto;
	text-align:center;
	float:left;
	font-size:14px;
}
.shop-info{
	line-height:2;
	font-size:14px;
}


/*---------------------------
カーテン選びのポイント/当サイトについてページ
---------------------------*/
address {
	margin-top:10px;
	padding:10px;
	background:#efefef;
	border-radius:4px;
	font-style:normal;
}
.arrow {
	background-image :url("../img/arrow.jpg");
	background-position:right;
	background-repeat: no-repeat;
}

.pointpage-title {
	background:#8e0500;
	color:#FFF;
	font-size:20px;
	line-height:2;
	font-weight:normal;
	border-radius:4px 4px 0 0;
	margin:0 10px -4px 10px;
	padding:10px auto;
	text-align:center;
}
.point_box {
	padding:10px;
	line-height:1.5;
}

.point_box h2 {
	color:#bf3833;
	border-bottom:2px dashed #bf3833;
	margin:20px 0;
	padding-bottom:10px;
}
.point_box h3 {
	background:#8e0500;
	opacity:0.4;
	color:#fff;
	margin:10px 0 5px;
	border-radius:4px;
	text-align:center;
	font-weight:normal;
}
.point_box h4 {
    color:#66CC66;
    font-weight:bold;
}
.example {
	margin:10px 0 ;
	padding:10px;
	background:#efefef;
}
.nextbtn {
	background:#8e0500;
	margin:10px;
	border-radius:4px;
}
.nextbtn p {
	text-align:center;
	padding:5px 10px;
	font-size:20px;
	color:#fff;
}

.curtain_btn li {
	float:left;
	width:26%;

}

.link li {
	float:left;
	width:16%;
	background:#8e0500;
	opacity:0.5;
	padding:2px ;
	margin:5px 7px 0 0;
	font-size:16px;
	border-radius:4px;
	text-align:center;
	
}
.link li a {
	color:#fff;
	
}

.point_box dt {
	color:#009900;
}
.point_box dd {
	background:#e6f6e6;
	border-radius:4px;
	padding:10px;
	margin:0 0 10px 0;

}

.icon_img {
	float:left;
	margin-right:10px;
	width:63px;
}
.consent {
	margin:10px 0;
}
.consent li {
	width:41%;
	float:left;
	margin:10px 0;
	border-radius:5px;
	background:#8e0500;
	text-align:center;
	color:#fff;
	margin:0 auto;
}
.consent .ok{
	margin-right:10px;
}	
.consent a {
	color:#fff;
	text-align:center;
	margin:0 auto;
}

/*---------------------------
faqページ
---------------------------*/
.faq h4 {
	cursor:pointer;
	background:#8e0500;
	color:#fff;
	border-radius:5px;
	opacity:0.5;
	padding:10px;
	margin:10px 0 5px;
	
}


/*---------------------------
case-listページ
---------------------------*/

.case-info span {
	display:block;
	background:#dfdfdf;
	width:25%;
	border-radius:5px;
	color:#8E0500;
	margin:0 5px 0 0;
	padding:3px auto;
	text-align:center;
	float:left;
	font-size:14px;
}
.case-info{
	line-height:2;
	font-size:18px;
	margin-top:5px;
}

.case_detail_btn {
    background:#8e0500;
    opacity:0.5;
    padding:5px;
    color:#fff;
    text-align:center;
    border-radius:5px;
}
.case_detail_btn {
    margin-top:10px;
}

.case-list-img {
	float:left;
	margin-right:5px;
	width:25%;
}

/*---------------------------
area_listページ
---------------------------*/
.area-info {
    margin-top:5px;
}
.area-info span {
    background:#dedede;
    border-radius:5px;
    padding:5px;
    color:#333;
    font-size:small;
}
    
/*---------------------------
店舗blogのスタイル
---------------------------*/
.blog_shop_title a {
    font-size:16px;
    color:#27618F;
}
.blog_shop_title a:hover {
     text-decoration:underline;
}

.blog_new_title a {
    font-size:24px;
    color:#555;
}
.blog_new_title a:hover {
    text-decoration:underline;
}

/*---------------------------
loader
---------------------------*/
#loader {
    display:none;
    position:fixed;
    top:50%;
    left:50%;
    height:32px;
    width:32px;
    margin-top:-16px;
    margin-left:-16px;
    z-index:999;
}