@charset "utf-8";
/* ===========================================================
 *
 * 夢暖房・暖話室LP　スタイルシート
 * Last UpDate : 2017/11/02
 *
=========================================================== */

/* ----------------------------------------------------------
	style.css

	index
	 1 - ページ共通css
	 2 - リンクの色
	 3 - 見出し
	 4 - 背景
	 5 - レイアウト
	 6 - ヘッダー
	 7 - フッター
	 8 - グローバルナビゲーションgNavi
	 9 - ローカルナビゲーションlNavi
	10 - コンテンツ

---------------------------------------------------------- */

/* ----------------------------------------------------------
 1 - ページ共通css
---------------------------------------------------------- */

html { }

body {
	color: #333;
	font-weight:400;
	font-family:
		"tbchibirgothicplusk-pro",
		"Yu Gothic",
		"游ゴシック",
		"游ゴシック体",
		"ヒラギノ角ゴ Pro W3",
		"メイリオ",
		sans-serif;
}

/* ----------------------------------------------------------
 2 - リンクの色
---------------------------------------------------------- */
a:link		{ color:#333; text-decoration:none; }
a:visited	{ color:#333; text-decoration:none; }
a:hover		{ color:#fe980f; text-decoration:none; }
a:active	{ color:#fe980f; text-decoration:none; }

/* ----------------------------------------------------------
 3 - 見出し
---------------------------------------------------------- */
h1 { }
h1 a:hover { opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
 }
a { -ms-filter: "alpha( opacity=60 )"; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 SP CSS
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width:640px){

/* ----------------------------------------------------------
 フッター
---------------------------------------------------------- */
    /*
footer { overflow: hidden; margin-top: 100px; }
footer #footerBtn{ background: url(../../lp201711/images/footer_bg01.jpg) no-repeat center center; background-size: cover; padding: 3% 0; }
footer #footerBtn ul{ width: 70%; margin: 0 auto; overflow: hidden; }
footer #footerBtn ul li{ float: left; text-align: center; width: 48%; margin: 0 1%; }
footer #footerBtn ul li:nth-child(3),
footer #footerBtn ul li:nth-child(4){ margin: 0 1%; }
footer #footerBtn ul li a{ display: block; border: 2px solid #fff; border-radius: 15px; color: #fff; font-size: 27px; padding: 1% 0 2% 0; font-family: "dnp-shuei-gothic-gin-std"; font-weight: 600; letter-spacing: 1px; }
footer #footerBtn ul li a span{ display: block; font-size: 14px; font-weight: 400; }
footer #footerBtn ul li a:hover{ opacity: 0.6; }

footer #footerSNS{ overflow: hidden; padding: 3% 0 5% 0; background: #fff; }
footer #footerSNS ul{ width: 70%; margin: 0 auto; overflow: hidden; }
footer #footerSNS ul li{ float: left; width: 49%; margin-right: 2%; }
footer #footerSNS ul li:last-child{ margin-right: 0; }
footer #footerSNS ul li .footerFB{ margin: 0 auto 3% auto; text-align: center; }
footer #footerSNS ul li .footerFB a{ display: block; background: #3b5998; border-radius: 15px; color: #fff; font-weight: bold; letter-spacing: 1px; font-size: 26px; padding: 4% 0 5% 0; border: 2px solid #3b5998; }
footer #footerSNS ul li .footerFB a:hover{ background: #fff; color: #3b5998; }
footer #footerSNS ul li .footerFB i{ margin-right: 10px; font-size: 1.1em; }
footer #footerSNS ul li .footerInsta{ margin: 0 auto; text-align: center;  }
footer #footerSNS ul li .footerInsta a{ display: block; background: #7c7a77; border-radius: 15px; color: #fff; font-weight: bold; letter-spacing: 1px; font-size: 26px; padding: 4% 0 5% 0; border: 2px solid #7c7a77; }
footer #footerSNS ul li .footerInsta a:hover{ background: #fff; color: #7c7a77; }
footer #footerSNS ul li .footerInsta i{ margin-right: 10px; font-size: 1.1em; }

footer #pageTop{ padding:0 0 5% 0; text-align: center; background: #fff; overflow: hidden; border-bottom: 1px solid #ccc; }
footer #pageTop a:hover{ opacity: 0.6; }

footer #footerLogo{ background: #fff; text-align: center; font-size: 12px; padding: 3% 0; line-height: 1.5; }
footer #footerLogo a:hover{ opacity: 0.6; }
footer #footerLogo span{ display: block; font-size: 12px; color: #666; margin-top: 10px; }
*/

footer { overflow: hidden; margin-top: 100px; }
footer #footerBtn{ background: url(../../lp201711/images/footer_bg01.jpg) no-repeat center center; background-size: cover; padding: 3% 0; }
footer #footerBtn ul{ width: 90%; margin: 0 auto; overflow: hidden; }
footer #footerBtn ul li{ text-align: center; width: 100%; margin: 0 0 2% 0; }
footer #footerBtn ul li:nth-child(2){ text-align: center; width: 100%; margin: 0 0 0 0; }
footer #footerBtn ul li:nth-child(3),
footer #footerBtn ul li:nth-child(4){ margin: 0 1%; }
footer #footerBtn ul li a{ display: block; border: 2px solid #fff; border-radius: 15px; color: #fff; font-size: 20px; padding: 1% 0 2% 0; font-family: "dnp-shuei-gothic-gin-std"; font-weight: 600; letter-spacing: 1px; }
footer #footerBtn ul li a span{ display: block; font-size: 12px; font-weight: 400; }
footer #footerBtn ul li a:hover{ opacity: 0.6; }

footer #footerSNS{ overflow: hidden; padding: 3% 0 15% 0; background: #fff; }
footer #footerSNS .footerFB{ width: 90%; margin: 0 auto 3% auto; text-align: center; }
footer #footerSNS .footerFB a{ display: block; background: #3b5998; border-radius: 15px; color: #fff; font-weight: bold; letter-spacing: 1px; font-size: 20px; padding: 4% 0 5% 0; }
footer #footerSNS .footerFB i{ margin-right: 10px; font-size: 1.1em; }
footer #footerSNS .footerInsta{ width: 90%; margin: 0 auto; text-align: center;  }
footer #footerSNS .footerInsta a{ display: block; background: #7c7a77; border-radius: 15px; color: #fff; font-weight: bold; letter-spacing: 1px; font-size: 20px; padding: 4% 0 5% 0; }
footer #footerSNS .footerInsta i{ margin-right: 10px; font-size: 1.1em; }

footer #pageTop{ padding:0 0 15% 0; text-align: center; background: #fff; overflow: hidden; border-bottom: 1px solid #ccc; }
footer #pageTop img{ width: 25%; height: auto; }

footer #footerLogo{ background: #fff; text-align: center; font-size: 12px; padding: 5% 0; line-height: 1.5; }
footer #footerLogo img{ width: 40%; height: auto; }
footer #footerLogo span{ display: block; font-size: 12px; color: #666; }

}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 PC CSS
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (min-width:641px){



footer { overflow: hidden; margin-top: 100px; }
footer #footerBtn{ background: url(../../lp201711/images/footer_bg01.jpg) no-repeat center center; background-size: cover; padding: 3% 0; }
footer #footerBtn ul{ width: 70%; margin: 0 auto; overflow: hidden; }
footer #footerBtn ul li{ float: left; text-align: center; width: 48%; margin: 0 1%; }
footer #footerBtn ul li:nth-child(3),
footer #footerBtn ul li:nth-child(4){ margin: 0 1%; }
footer #footerBtn ul li a{ display: block; border: 2px solid #fff; border-radius: 15px; color: #fff; font-size: 27px; padding: 1% 0 2% 0; font-family: "dnp-shuei-gothic-gin-std"; font-weight: 600; letter-spacing: 1px; }
footer #footerBtn ul li a span{ display: block; font-size: 14px; font-weight: 400; }
footer #footerBtn ul li a:hover{ opacity: 0.6; }

footer #footerSNS{ overflow: hidden; padding: 3% 0 5% 0; background: #fff; }
footer #footerSNS ul{ width: 70%; margin: 0 auto; overflow: hidden; }
footer #footerSNS ul li{ float: left; width: 49%; margin-right: 2%; }
footer #footerSNS ul li:last-child{ margin-right: 0; }
footer #footerSNS ul li .footerFB{ margin: 0 auto 3% auto; text-align: center; }
footer #footerSNS ul li .footerFB a{ display: block; background: #3b5998; border-radius: 15px; color: #fff; font-weight: bold; letter-spacing: 1px; font-size: 26px; padding: 4% 0 5% 0; border: 2px solid #3b5998; }
footer #footerSNS ul li .footerFB a:hover{ background: #fff; color: #3b5998; }
footer #footerSNS ul li .footerFB i{ margin-right: 10px; font-size: 1.1em; }
footer #footerSNS ul li .footerInsta{ margin: 0 auto; text-align: center;  }
footer #footerSNS ul li .footerInsta a{ display: block; background: #7c7a77; border-radius: 15px; color: #fff; font-weight: bold; letter-spacing: 1px; font-size: 26px; padding: 4% 0 5% 0; border: 2px solid #7c7a77; }
footer #footerSNS ul li .footerInsta a:hover{ background: #fff; color: #7c7a77; }
footer #footerSNS ul li .footerInsta i{ margin-right: 10px; font-size: 1.1em; }

footer #pageTop{ padding:0 0 5% 0; text-align: center; background: #fff; overflow: hidden; border-bottom: 1px solid #ccc; }
footer #pageTop a:hover{ opacity: 0.6; }

footer #footerLogo{ background: #fff; text-align: center; font-size: 12px; padding: 3% 0; line-height: 1.5; }
footer #footerLogo a:hover{ opacity: 0.6; }
footer #footerLogo span{ display: block; font-size: 12px; color: #666; margin-top: 10px; }



}