@charset "utf-8";
/*
Theme Name: mikajima2015
Theme URI: http://mikajimasakan.com/
Description:
Version: 1.0
Author: 株式会社オープンステージ
*/

/* リセットCSS
-------------------------------------------- */
/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

ul { list-style: none; }
blockquote, q {	quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*  サイト全体
-------------------------------------------- */
body {
  background: url(./images/hdr__bg.jpg) repeat-x 50% 0;
  color: #464637;
  font-family: “メイリオ”,Meiryo,”Hiragino Kaku Gothic Pro”,”ヒラギノ角ゴ Pro W3″,”MS PGothic”,”MS UI Gothic”,Helvetica,Arial,sans-serif;
  font-size: 15px;
  line-height: 1.2;
  padding: 5px 0 200px;
}

.container {
  margin: 0 auto;
  width: 1000px;
}

/* リンク指定
----------------------------------- */
a {
  color: #464637;
  text-decoration: none;
}

.opacity:hover {
  opacity: 0.8;
}

#gnav li:hover img, #topimg__btn1:hover img, #topimg__btn2:hover img,
#topimg__btn3:hover img, #bg2__btn:hover img, #bg5__btn:hover img, #bg6__btn:hover img,
#side__bnr1:hover img, #side__bnr2:hover img, #side__bnr3:hover img, #side__bnr4:hover img,
#side__bnr5:hover img, #side__bnr6:hover img, #side__bnr8:hover img, #side__bnr9:hover img, #side__bnr9-1:hover img,
#side__bnr10:hover img, #side__bnr11:hover img, #side__bnr12:hover img, #side__bnr14:hover img,
#side__bnr15:hover img, #side__bnr16:hover img, #side__bnr17:hover img, #side__bnr18:hover img, #side__bnr19:hover img,
#side__bnr20:hover img, #side__bnr21:hover img, #side__bnr22:hover img, #side__bnr23:hover img, #side__bnr24:hover img,
#side__bnr_care-reform:hover img, #side__bnr25:hover img, .sidenav a:hover img, #fnav dd a:hover img, #common-contact__btn:hover img,
#outer-wall-paint__bnt--tel:hover img, #outer-wall-paint__bnt--contact:hover img, #fnav-btn:hover img, #common-bnr1:hover img,
#common-bnr2:hover img, #common-bnr3:hover img,
#side__bnr_smoking:hover img
 { visibility: hidden; }

/* 共通項目
-------------------------------------------- */
.fleft { float: left; }
.fright { float: right; }

.dis-ib { display: inline-block; }
.dis-tbl { display: table; }
.dis-tbl-c, .dis-tbl-l { display: table-cell; vertical-align: top; }

.mar-t20 { margin: 20px 0 0; }
.mar-t50 { margin: 50px 0 0; }

.meiryo {
  font-family: “メイリオ”,Meiryo,”Hiragino Kaku Gothic Pro”,”ヒラギノ角ゴ Pro W3″,”MS PGothic”,”MS UI Gothic”,Helvetica,Arial,sans-serif;
  font-weight: bold;
}

.title--orange {
  background: url(./images/title-bg.png) no-repeat;
  border: 1px solid #ff8c24;
  color: #fff;
  height: 34px;
  font-size: 20px;
  padding: 15px 0 0 50px;
}

.title--brown {
  background: url(./images/title-bg--brown.png) no-repeat;
  height: 34px;
  font-size: 20px;
  padding: 15px 0 0 50px;
}

.title--orange__border {
  border-left: 1px solid #aaa;
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  padding: 0 0 20px;
}

.abs { position: absolute; }
.rel { position: relative; }

#content-left, #content-right {
  display: inline-block;
  vertical-align: top;
}

#content-right { width: 730px; }

#content-left {
  margin: 0 24px 0 0;
  width: 240px;
}

/* ヘッダー
-------------------------------------------- */
#hdr { height: 163px; }

#hdr-top {
  height: 123px;
  position: relative;
}

h1 { font-size: 11px; }
#hdr-top__logo { margin: 0 10px 0 0; }
#hdr-top__company { position: absolute; top: 79px; left: 277px; }
#hdr-top__tel { margin: 15px 0 0 30px; }
#hdr-top__contact { margin: 10px 10px 0 0; }

#hdr-top__contact, #hdr-top__contact:hover {
  height: 83px;
  width: 218px;
}

#hdr-top__contact { background: url(./images/hdr__btn--contact.png) no-repeat; }
#hdr-top__contact:hover { background: url(./images/hdr__btn--contact--hvr.png) no-repeat; }

#hdr-top:after {
  content: "";
  clear: both;
}

/* グローバルナビ */
#gnav li { display: inline-block; }
#gnav li:nth-child(odd) { margin: 0 -6px 0 0; }
#gnav li:nth-child(even) { margin: 0 -7px 0 0; }
#gnav a { display: block; }
#gnav1:hover { background: url(./images/gnav1--hvr.gif) no-repeat; }
#gnav2:hover { background: url(./images/gnav2--hvr.gif) no-repeat; }	/*　選ばれる理由編集　*/
#gnav3:hover { background: url(./images/gnav3--hvr.gif) no-repeat; }
#gnav4:hover { background: url(./images/gnav4--hvr.gif) no-repeat; }
#gnav5:hover { background: url(./images/gnav5--hvr.gif) no-repeat; }
#gnav6:hover { background: url(./images/gnav6--hvr.gif) no-repeat; }
#gnav7:hover { background: url(./images/gnav7--hvr.gif) no-repeat; }
#gnav8:hover { background: url(./images/gnav8--hvr.gif) no-repeat; }
#gnav10:hover { background: url(./images/gnav10--hvr.gif) no-repeat; }	/*　介護リフォーム追加　*/
#gnav9:hover { background: url(./images/gnav9--hvr.gif) no-repeat; }	/*　防犯追加　*/


/* メイン
-------------------------------------------- */
#topimg--top-bg { background: url(../../../../img/top/topimg--bg.jpg) no-repeat; background-size: contain; }
#topimg--top-bg02 { background: url(../../../../img/top/topimg--bg.jpg) no-repeat; background-size: cover; }	/*外壁用背景*/
#topimg--top { background: #fff; margin: 0 auto; padding: 0px 0 0; width: 1000px; }

#topimg {
  background: url(../../../../img/wall-paint/topimg.png) no-repeat;
  height: 640px;
  margin: 5px auto 20px;
  position: relative;
  width: 1027px;
}

#topimg__title { top: 10px; left: 20px; }
#topimg__content { top: 8px; left: 25px; }
#topimg__btn1, #topimg__btn2, #topimg__btn3 { display: inline-block; }
#topimg__btn1 { bottom: 220px; left: 35px; }
#topimg__btn2 { bottom:45px; left: 35px; z-index: 10; }
#topimg__btn3 { bottom: 15px; left: 270px; z-index:1; }
#topimg__btn1:hover { background: url(../../../../img/wall-paint/topimg__btn1--hvr.png) no-repeat; }
#topimg__btn2:hover { background: url(../../../../img/wall-paint/topimg__btn2--hvr.png) no-repeat; }
#topimg__btn3:hover { background: url(../../../../img/wall-paint/topimg__btn3--hvr.png) no-repeat; }
#topimg__content--btm { bottom: 28px; left: 38px; z-index: 5; }

.mar-t35b15l20 { margin: 35px 0 15px 20px; }

#top__bg1 {
  background: url(../../../../img/top/bg1.png) no-repeat;
  height: 405px;
  margin: 20px 0 0;
}

.pad-t30l160 { padding: 30px 0 0 160px; }
.pad-t50l10 { padding: 50px 0 0 10px; }


#top__bg2 {
  background: url(../../../../img/top/bg2.png) no-repeat;
  height: 329px;
  margin: 10px 0;
}

.pad-t23l190 { padding: 23px 0 0 190px; }
.pad-l195 { padding: 0 0 0 195px; }
.mar-t20b17l60 { margin: 20px 0 17px 60px; }

#bg2__btn:hover {
  background: url(../../../../img/top/bg2__btn--hvr.png) no-repeat;
  height: 128px;
}

#top__bg3 {
  background: url(../../../../img/top/bg3.png) no-repeat;
  height: 774px;
}

.pad-t50l155 { padding: 50px 0 0 155px; }
.pad-t20l35 { padding: 20px 0 0 35px; }
.pad-rl45 { padding: 0 45px; }


#top__bg4 {
  background: url(../../../../img/top/bg4.png) no-repeat;
  height: 497px;
  margin: 20px 0 0;
}

.pad-t85l185 { padding: 85px 0 0 185px; }
.pad-rl30b15 { padding: 0 30px 15px; }


#top__bg5 {
  background: url(../../../../img/top/bg5.png) no-repeat;
  height: 309px;
  margin: 10px 0 0;
}

.pad-t20l195 { padding: 20px 0 0 195px; }

#top__bg5__content {
  padding: 0 0 0 195px;
  margin: -5px 0 0 0;
}

.pad-t15l170 { padding: 15px 0 0 170px; }

#bg5__btn:hover {
  background: url(../../../../img/top/bg5__btn--hvr.png) no-repeat;
  height: 78px;
}

#top__list li { display: inline-block; }
#top__list li a { display: block; }

#common-bnr li {
  display: inline-block;
  vertical-align: middle;
}

#common-bnr li:nth-child(2) { margin: 0 14px; }
#common-bnr1:hover { background: url(./images/common-bnr1--hvr.png) no-repeat; }
#common-bnr2:hover { background: url(./images/common-bnr2--hvr.png) no-repeat; }
#common-bnr3:hover { background: url(./images/common-bnr3--hvr.png) no-repeat; }


#top__bg6 {
  background: url(../../../../img/top/bg6.png) no-repeat;
  height: 476px;
  margin: 20px 0 0;
  position: relative;
}

.pad-15 { padding: 15px; }

#main-quotation {
  border-collapse: separate;
  border-spacing: 10px;
  top: 20px; left: 320px;
}

#common-estimate__step { position: absolute; top: 245px; left: 35px; }

#top__bg6__btn {
  position: absolute;
  bottom: 17px;
  left: 170px;
}

#bg6__btn:hover {
  background: url(../../../../img/top/bg6__btn--hvr.png) no-repeat;
  height: 78px;
}

.mar-t40 { margin: 40px 0 0; }
#common-maker { margin: 20px 0 20px 14px; }

#list--brand li {
  display: inline-block;
  margin: 20px 0 0 5px;
  text-align: center;
}



/* サイドバー
-------------------------------------------- */
#side-q-height { height: 485px; }

#side-quotation {
  background: url(./images/side__quotation--bg.png) 0 20px no-repeat;
  height: 615px;
}

#roll { position: absolute; top: 12px; left: 10px; }
#fadeinbox {
  height: 72px;
  position: absolute; top: 175px; left: 8px;
}

#side-quotation__table { top: 185px; left: 10px; width: 225px;}
#side-quotation__table .txt, #side-quotation__table select { width: 125px; }

#side__quotation__table td {
  padding: 5px 0;
  vertical-align: top;
}

#side-quotation__table th { padding: 0 5px 0 0; }
#side-quotation__table .radio { vertical-align: top; }
.va-b { vertical-align: bottom; }
.bnr { margin: 10px 0 0; }

#side-quotation__btn {
  position: absolute;
  bottom: 35px;
  left: 10px;
}

#side-quotation__word {
  position: absolute; bottom: 20px; left: 15px;
  text-align: center;
}

#side__bnr1:hover {
  background: url(./images/side__bnr1--hvr.png) no-repeat;
  height: 171px;
}

#side__bnr2:hover {
  background: url(./images/side__bnr2--hvr.png) no-repeat;
  height: 128px;
}

#side__bnr3:hover {
  background: url(./images/side__bnr3--hvr.png) no-repeat;
  height: 148px;
}

#side__bnr4:hover {
  background: url(./images/side__bnr4--hvr.png) no-repeat;
  height: 122px;
}

#side__bnr5:hover {
  background: url(./images/side__bnr5--hvr.png) no-repeat;
  height: 172px;
}

#side__bnr6:hover {
  background: url(./images/side__bnr6--hvr.png) no-repeat;
  height: 122px;
}

#side__bnr8:hover {
  background: url(./images/side__bnr8--hvr.png) no-repeat;
  height: 122px;
}

#side__bnr9:hover {
  background: url(./images/side__bnr9--hvr.png) no-repeat;
  height: 122px;
}

#side__bnr9-1:hover {
  background: url(./images/side__bnr9-1--hvr.png) no-repeat;
  height: 122px;
}


#side__bnr10:hover {
  background: url(./images/side__bnr10--hvr.png) no-repeat;
  height: 185px;
}

#side__bnr11:hover {
  background: url(./images/side__bnr11--hvr.png) no-repeat;
  height: 122px;
}

#side__bnr12:hover {
  background: url(./images/side__bnr12--hvr.png) no-repeat;
  height: 122px;
}

#side__bnr14:hover, #side__bnr15:hover, #side__bnr16:hover, #side__bnr17:hover,
#side__bnr18:hover, #side__bnr19:hover, #side__bnr20:hover, #side__bnr21:hover,
#side__bnr_care-reform:hover {
  height: 70px;
}

#side__bnr14:hover { background: url(./images/side__bnr14--hvr.png) no-repeat; }
#side__bnr15:hover { background: url(./images/side__bnr15--hvr.png) no-repeat; }
#side__bnr16:hover { background: url(./images/side__bnr16--hvr.png) no-repeat; }
#side__bnr17:hover { background: url(./images/side__bnr17--hvr.png) no-repeat; }
#side__bnr18:hover { background: url(./images/side__bnr18--hvr.png) no-repeat; }
#side__bnr19:hover { background: url(./images/side__bnr19--hvr.png) no-repeat; }
#side__bnr20:hover { background: url(./images/side__bnr20--hvr.png) no-repeat; }
#side__bnr_smoking:hover { background: url(./images/side__bnr_smoking--hvr.png) no-repeat; }

#side__bnr21:hover { background: url(./images/side__bnr21--hvr.png) no-repeat; }
#side__bnr_care-reform:hover { background: url(./images/side__bnr_care-reform--hvr.png) no-repeat; }

#side__bnr22:hover {
  background: url(./images/side__bnr22--hvr.png) no-repeat;
  height: 112px;
}

#side__bnr23:hover {
  background: url(./images/side__bnr23--hvr.png) no-repeat;
  height: 85px;
}

#side__bnr24:hover {
  background: url(./images/side__bnr24--hvr.png) no-repeat;
  height: 123px;
}

#side__bnr25:hover {
  background: url(./images/side__bnr25--hvr.png) no-repeat;
  height: 106px;
}

#sidebar h3 {
  background: #ff8c24;
  border: 1px solid #ff8c24;
  color: #fff;
  font-size: 16px;
  margin: 20px 0 0;
  padding: 10px 15px;
}

.sidenav li {
  background: #fff8e1;
  border: 1px solid #bbb;
  border-radius: 7px;
  margin: 10px 0;
  position: relative;
}

.sidenav a:not(.side__indent) {
  display: table;
  padding: 15px 0 15px 10px ;
  width: 228px;
}

.icon__arrow {
  padding: 0 8px 0 0;
  vertical-align: baseline;
}

.side__indent {
  display: table;
  height: 20px;
  padding: 1em 1em 1em 2em;
  text-indent: -1.1em;
  width: 193px;
}

.sidenav a:hover {
  background: #fff url(./images/icon__arrow--hvr.png) no-repeat 10px 15px;
  border-radius: 7px;
}

#side-knowledge__ul li {
  background: url(./images/icon__arrow.png) no-repeat 1em 1px;
  padding: 0 0px 0.5em 2.5em;
}

#side-knowledge {
  border-bottom: 1px solid #bbb;
  font-weight: bold;
  margin: 0 0 10px;
  padding: 0 0 5px;
}

.side__indent--staff { padding: 0 1.5em; }

/* フッター
-------------------------------------------- */
#fnav {
  position: fixed; bottom: 0;
  width: 100%;
  z-index: 10;
}

#fnav ul {
  position: relative;
  height: 115px;
  margin: 0 auto;
  width: 1010px;
}

#fnav .dis-ib:hover, #outer-wall-paint__bnt--tel:hover { background: url(./images/fnav__btn--hvr.png) no-repeat 0 0; } /* 外壁塗装ページでも利用 */
#fnav-btn, #fnav-parts, #fnav-word { position: absolute; }
#fnav-parts { bottom: 10px; left: 160px; }
#fnav-btn { bottom: 40px; left: 450px; }

#scrolltop {
  position: fixed; bottom: 10px; right: 10px;
  z-index: 100;
}

#ftr-base__top {
  background: #ff8c24;
  height: 55px;
  margin: 40px 0 35px;
}

#ftr-gnav { padding: 18px 0; }

#ftr-gnav li {
  display: inline-block;
  border-left: 1px solid #fff;
}

#ftr-gnav li:nth-last-child(1) { border-right: 1px solid #fff; }

#ftr-gnav li a {
  color: #fff;
  padding: 0 12px;
}

.wid-315 { width: 315px; }

#copyright {
  color: #bababa;
  margin: 40px auto 0;
  text-align: center;
}

/* 固定ページ
-------------------------------------------- */
#title--page {
  border: 6px solid #009042;
  font-size: 31px;
  margin: 20px auto;
  padding: 30px;
  width: 928px;
}

.title-bg--paint, .title-bg--paint--green {
  color: #fff;
  font-size: 18px;
  height: 45px;
  margin: 20px auto 10px;
  padding: 12px 15px 0;
}

.title-bg--paint { background: url(./images/title-bg--paint.png) no-repeat; }
.title-bg--paint--green { background: url(./images/title-bg--paint--green.png) no-repeat; }

#common-contact {
  background: url(./images/common-contact__bg.png) no-repeat;
  height: 326px;
}

#common-contact__btn:hover {
  background: url(./images/common-contact__btn--hvr.png) no-repeat;
  height: 139px;
}

#common-content {
  background: url(./images/common-content__bg.png) no-repeat;
  height: 115px;
  padding: 180px 25px 0;
}

/* 外壁塗装 */
.wall-paint-icon {
  display: inline-block;
  vertical-align: middle;
}

.ad-fluffy--1 { animation: fluffy 1.1s linear infinite; }
.ad-fluffy--2 { animation: fluffy 1.5s linear infinite; }
.ad-fluffy--3 { animation: fluffy 1.8s linear infinite; }
.ad-fluffy--4 { animation: fluffy 2s linear infinite; }
.ad-fluffy--5 { animation: fluffy 2.5s linear infinite; }

@keyframes fluffy {
  0% { transform: translate(0, 0); }
  50% { transform: translate(0, -10px); }
  100% { transform: translate(0, 0); }
}

@keyframes rumble {
	0%	{transform:rotate(0deg)	translate(0,0);}
	12.5%	{transform:rotate(0.4deg)	translate(1px,-1px);}
	25%	{transform:rotate(0.8deg)	translate(0px,1px);}
	37.5%	{transform:rotate(0.4deg)	translate(-1px,0);}
	50%	{transform:rotate(0deg)	translate(0,0);}
	62.5%	{transform:rotate(-0.4deg)	translate(1px,0);}
	75%	{transform:rotate(-0.8deg)	translate(0,1px);}
	87.5%	{transform:rotate(-0.4deg)	translate(-1px,-1px);}
	100%	{transform:rotate(0deg)	translate(0,0);}
}

#topimg--outer-wall-paint {
  margin: 5px auto 20px;
  position: relative;
  width: 1027px;
}

.title--outer-wall-paint {
  background: url(../../../../img/wall-paint/title--outer-wall-paint.png) no-repeat;
  color: #fff;
  font-size: 33px;
  height: 75px;
  margin: 0 auto;
  padding: 22px 0 0 20px;
  width: 980px;
}

.pad-rl25 { padding: 0 25px; }

.wall-paint__indent {
  padding: 0 0 0.5em 3.5em;
  text-indent: -3.5em;
}


#btn-bg--outer-wall-paint {
  background: url(../../../../img/wall-paint/btn-bg.png) no-repeat;
  height: 145px;
  margin: 15px auto 10px;
  padding: 20px 20px 0;
  position: relative;
  width: 960px;
}

#outer-wall-paint__bnt--contact { position: relative; left: 120px; }
/*
#outer-wall-paint__bnt--contact { animation: rumble 1s linear infinite; }
#outer-wall-paint__bnt--tel { animation: rumble 1.1s linear infinite; }
*/
#outer-wall-paint__result__bg { animation: rumble 2s linear infinite; }

@keyframes rumble{
	0%	{transform:rotate(0deg)	translate(0,0);}
	12.5%	{transform:rotate(0.4deg)	translate(1px,-1px);}
	25%	{transform:rotate(0.8deg)	translate(0px,1px);}
	37.5%	{transform:rotate(0.4deg)	translate(-1px,0);}
	50%	{transform:rotate(0deg)	translate(0,0);}
	62.5%	{transform:rotate(-0.4deg)	translate(1px,0);}
	75%	{transform:rotate(-0.8deg)	translate(0,1px);}
	87.5%	{transform:rotate(-0.4deg)	translate(-1px,-1px);}
	100%	{transform:rotate(0deg)	translate(0,0);}
}

#outer-wall-paint__bnt--contact:hover {
  background: url(../../../../img/wall-paint/btn--contact--hvr.png) no-repeat;
  height: 133px;
}

#outer-wall-paint__flow .dis-tbl-c {
  padding: 20px 13px;
  width: 220px;
}

.pad-t5rl3 { padding: 5px 3px 0; }

#outer-wall-paint__result {
  height: 275px;
  margin: 0 20px;
  position: relative;
}

#outer-wall-paint__result__btn { position: absolute; bottom: 100px; left: 160px; }
.border { border: 1px solid #aaa; }

/* ミカジマが選ばれる理由 */
.pad-t25 { padding: 25px 0 0 0; }
.ta-r { text-align: right; }
.blue { color: #3366ff; }

.particular__word, .particular__word--no3, .particular__word--no4 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
}

.particular__word { margin: 25px 0 0 80px; }
.particular__word--no3 { margin: -20px 0 0 80px; }
.particular__word--no4 { margin: 15px 0 0 80px; }

/* 施工へのこだわり */
.insistence__title {
  color: #009040;
  font-size: 25px;
}

.fs-24 { font-size: 24px; }
.bold { font-weight: bold; }
.lh-14 { line-height: 1.4; }
.mar-r20l5 { margin: 0px 20px 0 5px; }
.pad-r20 { padding: 0 20px 0 0; }

.bg-yellow {
  background: #ffe559;
  line-height: 1.6;
}

/* きめ細やかな作業報告 */
.fs-26 { font-size: 26px; }
.fs-22 { font-size: 22px; }
.red { color: #c42c00; }
.mar-20 { margin: 20px; }

/* お見積りを明瞭価格に */
.green { color: #00903f; }
.ta-c { text-align: center; }

#clarity-choice {
  background: url(../../../../img/clarity/img1.png) no-repeat;
  height: 565px;
  position: relative;
  width: 100%;
}

#clarity-choice .ta-c { position: absolute; bottom: 50px; left: 57px; }
.clarity-choice__plus { position: relative; bottom: 30px; }

.clarity-word {
  margin: 0 0 0 10px;
  font-weight: bold;
}

/* 料金 */
#price-choice__title {
  background: #00c4c4; /* Old browsers */
  background: -moz-linear-gradient(top,  #00c4c4 1%, #008c8c 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#00c4c4), color-stop(100%,#008c8c));
  background: -webkit-linear-gradient(top,  #00c4c4 1%,#008c8c 100%);
  background: -o-linear-gradient(top,  #00c4c4 1%,#008c8c 100%);
  background: -ms-linear-gradient(top,  #00c4c4 1%,#008c8c 100%);
  background: linear-gradient(to bottom,  #00c4c4 1%,#008c8c 100%);
  color: #fff;
  font-size: 31px;
  font-weight: bold;
  padding: 15px 20px;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c4c4', endColorstr='#008c8c',GradientType=0 );
}

#price-choice .dis-tbl {
  background: #eaffff;
  border-right: 6px solid #00c4c4;
  border-bottom: 6px solid #00c4c4;
  border-left: 6px solid #00c4c4;
  padding: 10px 5px;
  text-align: center;
  width: 708px;
}

.fs-36 { font-size: 36px; }

.price__table {
  margin: 40px 0;
  width: 100%;
}

.underline--blue { border-bottom: 5px solid #0847b1; }

.price__table th {
  background: #e6f2f7;
  font-weight: bold;
}

.price__table td { background: #fdf4d5; }

.price__table th, .price__table td {
  border: 1px solid #ddd;
  padding: 15px;
  text-align: center;
  vertical-align: middle;
}

/* 無料診断 */
.fs-32 { font-size: 32px; }
.fs-48 { font-size: 48px; }
.va-m { vertical-align: middle; }
.lh-0 { line-height: 0; }

/* 施工の流れ */
#flow__question {
  background: #fcf3d8;
  border: 2px solid #275a6b;
  margin: 35px 0;
  padding: 25px;
}

.diamond {
  padding: 0 10px 0 0;
  vertical-align: middle;
}

.fs-16 { font-size: 16px; }
.pad-t5 { padding: 5px 0 0 0; }

/* 防水工事 */
#waterproof__table {
  border-collapse: separate;
  border-spacing: 5px;
  text-align: center;
  width: 100%;
}

#waterproof__table td {
  background: #fcf3d8;
  vertical-align: middle;
}

.th--top, .th--side {
  font-size: 16px;
  font-weight: bold;
  padding: 15px;
}

.th--top {
  background: #cae3ec;
  color: #261f11;
}

.th--side {
  background: #306c81;
  color: #fff;
}

/* リフォーム */
.reform__cat li {
  display: inline-block;
  min-height: 265px;
  margin: 40px 0 0 0;
  text-align: center;
  vertical-align: top;
  width: 340px;
}

/* 水回り */
#plumbing-choice__title, #interior-choice__title {
  background: rgba(244,194,193,1);
  background: -moz-linear-gradient(top, rgba(244,194,193,1) 0%, rgba(244,194,193,1) 49%, rgba(234,134,132,1) 50%, rgba(234,134,132,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(244,194,193,1)), color-stop(49%, rgba(244,194,193,1)), color-stop(50%, rgba(234,134,132,1)), color-stop(100%,rgba(234,134,132,1)));
  background: -webkit-linear-gradient(top, rgba(244,194,193,1) 0%, rgba(244,194,193,1) 49%, rgba(234,134,132,1) 50%, rgba(234,134,132,1) 100%);
  background: -o-linear-gradient(top, rgba(244,194,193,1) 0%, rgba(244,194,193,1) 49%, rgba(234,134,132,1) 50%, rgba(234,134,132,1) 100%);
  background: -ms-linear-gradient(top, rgba(244,194,193,1) 0%, rgba(244,194,193,1) 49%, rgba(234,134,132,1) 50%, rgba(234,134,132,1) 100%);
  background: linear-gradient(to bottom, rgba(244,194,193,1) 0%, rgba(244,194,193,1) 49%, rgba(234,134,132,1) 50%, rgba(234,134,132,1) 100%);
  color: #fff;
  font-size: 31px;
  font-weight: bold;
  padding: 15px 20px;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4c2c1', endColorstr='#ea8684', GradientType=0 );
}

#plumbing-choice .dis-tbl, #interior-choice .dis-tbl:nth-of-type(2) {
  background: #fceded;
  border-right: 6px solid #f1b1af;
  border-bottom: 6px solid #f1b1af;
  border-left: 6px solid #f1b1af;
  padding: 10px 5px;
  text-align: center;
  width: 708px;
}

#plumbing-choice a, #interior-choice a, #old-choice a, #price-choice a, #result-choice a { text-decoration: underline; }
#plumbing-choice a:hover, #interior-choice a:hover, #old-choice a:hover, #price-choice a:hover, #result-choice a:hover  { text-decoration: none; }

/* 内装 */
 #interior-choice .dis-tbl:nth-of-type(1) {
  background: #fceded;
  border-right: 6px solid #f1b1af;
  border-left: 6px solid #f1b1af;
  padding: 10px 5px;
  text-align: center;
  width: 708px;
}

#interior__earthquake {
  background: url(../../../../img/reform-interior/img17--bg.jpg) no-repeat;
  height: 400px;
  margin: 20px 0 0;
  padding: 0 0 20px;
}

.pad-t15l150 { padding: 15px 0 0 150px; }

/* 耐震 */
#proof-word { font-size: 20px; font-weight: bold; margin: 0 20px; }
#proof-word span { color: #59a931; font-size: 25px; }
#reform-earthquake-bg { background: url(../../../../img/reform-earthquake-proof/img1-bg.png) no-repeat; }

.russet { color: #904937; }

#reform-earthquake__ul li {
  display: inline-block;
  padding: 0 0 10px;
  vertical-align: top;
}

#reform-earthquake__ul li:nth-child(odd) {
  margin: 0 165px 0 0;
  width: 275px;
}

.reform-earthquake__right--top { margin: 0 0 0 55px; }
.reform-earthquake__right--bottom { margin: 0 0 0 100px; }

/* 太陽光発電 */
#reform-solar {
  background: url(../../../../img/reform-solar/img2-bg.jpg) no-repeat 0 20px;
  border: 7px solid #b0d1f3;
  padding: 0 0 20px 20px;
}

#reform-solar li, #reform-charger li { margin: 20px 0; }
#reform-solar #nav1, #reform-solar #nav2, #reform-solar #nav3,
#charger__nav1, #charger__nav2, #charger__nav3 { width: 300px; }
#reform-solar #nav4, #reform-solar #nav5, #reform-solar #nav6 { width: 680px; }
.pad-rl2 { padding: 0 2px; }

.ti-1em {
  text-indent: -1em;
  padding: 0 0 0 1em;
}

#reform-charger {
  background: url(../../../../img/reform-solar/img9-bg.jpg) no-repeat 350px 20px;
  border: 7px solid #b0d1f3;
  padding: 0 0 20px 20px;
}

/* オール電化 */
#electric-word { font-size: 20px; font-weight: bold; margin: 5px 10px; }
#electric-word span { color: #f03477; font-size: 25px; }

/* 老前リフォーム */
.title--blue {
  background: url(../../../../img/reform-old/title-bg--blue.png) no-repeat;
  border: 1px solid #5d6db3;
  color: #fff;
  height: 34px;
  font-size: 20px;
  padding: 15px 0 0 50px;
}

.mar-t15 { margin: 15px 0 0; }
.fs-20 { font-size: 20px; }

#old-choice__title {
  background: #8692c6; /* Old browsers */
  background: -moz-linear-gradient(top,  #8692c6 1%, #5d6db3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#8692c6), color-stop(100%,#5d6db3));
  background: -webkit-linear-gradient(top,  #8692c6 1%,#5d6db3 100%);
  background: -o-linear-gradient(top,  #8692c6 1%,#5d6db3 100%);
  background: -ms-linear-gradient(top,  #8692c6 1%,#5d6db3 100%);
  background: linear-gradient(to bottom,  #8692c6 1%,#5d6db3 100%);
  color: #fff;
  font-size: 31px;
  font-weight: bold;
  padding: 15px 20px;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8692c6', endColorstr='#5d6db3',GradientType=0 );
}

#old-choice .dis-tbl {
  background: #fff5d5;
  border-right: 6px solid #8692c6;
  border-bottom: 6px solid #8692c6;
  border-left: 6px solid #8692c6;
  padding: 10px 5px;
  text-align: center;
  width: 708px;
}

#old__prepare {
  background: #F5F2E0;
  margin: 20px 0;
  padding: 25px 15px;
}

#old__prepare h1 {
  background: #5D6DB3;
  border-radius: 10px;
  color: #fff;
  font-size: 25px;
  padding: 25px 30px 20px;
}

#old__prepare dl {
  margin: 20px 0 20px 30px;
}

#old__prepare dt, #old__prepare__btm h2 {
  color: #5D6DB3;
  font-size: 20px;
  font-weight: bold;
}

#old__prepare .dis-tbl {
  margin: 10px 0 0;
  width: 670px;
}

#old__prepare .lft, #old__prepare .rgt {
  display: table-cell;
  vertical-align: top;
}

#old__prepare .lft {
  width: 420px;
}

#old__prepare__fig {
  margin: 20px 0 0;
}

#old__prepare .rgt {
  padding: 0 0 0 35px;
  width: 205px;
}

#old__prepare__btm {
  margin: 10px 0 0 230px;
}

#old__prepare__btm h2 {
  margin: 0 0 10px;
}

/* ペットと暮らす */
#pet-top {
  background: url(../../../../img/reform-pet/topimg.png) no-repeat;
  height: 395px;
  position: relative;
}

.pet-top__p {
  position: absolute; bottom: 70px;
  margin: 0 20px;
  width: 420px;
}

/* 会社概要 */
#company__table {
  border-collapse: separate;
  border-spacing: 0 10px;
  margin: 10px 0 0 0;
  width: 100%;
}

#company__table th, #company__table td {
  font-size: 16px;
  padding: 15px;
}

#company__table th {
  background: #eee;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  width: 165px;
}

#company__table li {
  display: inline-block;
  padding: 0 1em 0 0;
}

.mar-tb20 { margin: 20px 0; }

#profile__history {
  margin: 20px 0;
  width: 100%;
}

#profile__history th {
  background: #008c8c;
  color: #fff;
  font-weight: bold;
}

#profile__history th, #profile__history td {
  border: 1px solid #ddd;
  padding: 15px;
}

/* 塗料について & ミカジマのお薦め塗料 */
#about-word, #recommend-word { font-size: 20px; font-weight: bold; }
#about-word span, #recommend-word span { color: #00b2e5; font-size: 25px; }

/* 塗料について */
#about-paint dt, #about-paint dd { display: inline-block; vertical-align: middle; }
#about-paint dt { border-radius: 10px; color: #fff; font-size: 22px; font-weight: bold; margin: 20px 10px 20px 0; text-align: center; width: 160px; }
#about-paint--acrylic { background: #8c4600; }
#about-paint--urethane { background: #7a4dff; }
#about-paint--silicon { background: #ffc926; }
#about-paint--fluorine { background: #f85c58; }
#about-paint--hybrid { background: #0687d6; }
.about-paint__word { margin: 0 5px 0 0; width: 310px; }
.about-paint__title--1row { padding: 23px 5px; }
.about-paint__title--2row { padding: 7px 5px; }

#about-table { font-weight: bold; margin: 20px 0 0; width: 100%; }
#about-table tr:first-of-type th, #about-table td { border: 1px solid #000; text-align: center; }
#about-table tr:first-of-type th { background: #eee; padding: 10px 0; }
#about-table tr:not(:first-of-type) th, #about-table td { padding: 20px 10px; }
#about-table tr:not(:first-of-type) th { background: #008c8c; border-top: 1px solid #fff; border-left: 1px solid #000; color: #fff; }
#about-table tr:last-of-type th { border-bottom: 1px solid #000; }

.about-maker { margin: 10px 0 0; }
.about-maker dt, .about-maker dd { display: inline-block; vertical-align: top; }
.about-maker dt { padding: 0 10px 0 0; }
.about-maker dd { width: 440px; }
.about-maker h3 { font-size: 17px; font-weight: bold; }
#about-maker1 { color: #134d71; }
#about-maker2, #warranty-dl--2 { color: #4c6c1f; }
#about-maker3, #warranty-dl--3 { color: #4a146e; }
#about-maker4, #warranty-dl--5 { color: #ffc926; }
#about-maker5, #warranty-dl--4 { color: #f85b58; }
#about-maker6 { color: #0685d6; }
#about-maker7, #warranty-dl--1 { color: #661900; }

/* ミカジマのお薦め塗料 */
#recommend-feature, #recommend-skill { margin: 20px; }
#recommend-feature dt, .recommend-subtitle { color: #00b2e5; font-size: 18px; font-weight: bold; }
#recommend-feature dd { margin: 10px 0 20px; }

#recommend-skill dt, #recommend-skill dd, #recommend-graph li, #recommend-compare li, #recommend-sample dt, #recommend-sample dd, #recommend-sheet li { display: inline-block; }
#recommend-skill dd { margin: 0 0 0 10px; width: 380px; }
.recommend-subtitle { padding: 40px 0 10px; }

#recommend-graph, #recommend-sample { margin: 20px; }
#recommend-graph li { margin: 0 140px 0 0; }
#recommend-compare li { margin: 0 20px 0 0; }
.recommend-compare__dl dd { font-weight: bold; text-align: center; }

#recommend-sample dd { margin: 0 20px 0 0; vertical-align: top; width: 375px; }
#recommend-sample li { margin: 0 0 25px; }

#recommend-sheet { margin: 20px 10px; }

/* 15年保証 */
#warranty-word { font-size: 20px; font-weight: bold; }
#warranty-word span { color: #fd8a00; font-size: 25px; }
.warranty-dl dt, .warranty-dl dd { display: inline-block; font-size: 45px; font-weight: bold; margin: 10px 0; vertical-align: middle; }
.warranty-dl dt { padding: 0 10px 0 0; width: 235px; }



/* カラーシュミレーション */
.tab_box { margin: 20px 0; }
.tab_box input[type=radio] { position: absolute; display: none; }

.tabs {
  font-size: 0;
  position: relative;
  white-space: nowrap;
  z-index: 999;
}

.tabs label {
  background: #eff0eb;
  border-top: solid 1px #999; border-right: solid 1px #999; border-left: solid 1px #999;
  border-radius: 5px 5px 0 0;
  box-sizing: border-box;
  color: #f85c58;
  cursor: pointer;
  display: inline-block;
  font-size: 25px;
  font-weight: bold;
  margin: 0 0.2em 0 0;
  padding: 5px 0;
  text-align: center;
  vertical-align: bottom;
  width: 24.5%;
}

.tabs label:hover { background: #ddd; }

input:nth-child(1):checked ~ .tabs label:nth-child(1),
input:nth-child(2):checked ~ .tabs label:nth-child(2),
input:nth-child(3):checked ~ .tabs label:nth-child(3),
input:nth-child(4):checked ~ .tabs label:nth-child(4) {
  background: #f85c58;
  color: #fff;
  padding: 5px 0;
}

.sections li {
  background: #fff;
  border: solid 1px #999;
  border-radius: 0 0 5px 5px;
  box-sizing: border-box;
  display: none;
  height: 360px;
  padding: 2em 1em;
  text-align: center;
}

input:nth-child(1):checked ~ .sections li:nth-child(1),
input:nth-child(2):checked ~ .sections li:nth-child(2),
input:nth-child(3):checked ~ .sections li:nth-child(3),
input:nth-child(4):checked ~ .sections li:nth-child(4) {
  display: block;
}

/* キャンペーン */
.campaign-word{ font-size: 20px; font-weight: bold; margin: 50px 0; }

.campaign-word__orange {
  color: #ff8c24;
  font-size: 25px;
}

/* リフォームローン */
.loan-word, #warranty-word { font-size: 18px; font-weight: bold; }
#loan-form { background: #8cc63f; border-radius: 0 0 20px 20px; margin: 20px auto; padding: 20px 30px; }
#loan-form__word { font-size: 23px; font-weight: bold; margin: 0 0 20px; text-align: center; }
#loan-table { width: 100%; }
#loan-table th, #loan-table td { padding: 15px; }
#loan-table th { background: #fdcd02; text-align: left; vertical-align: top; width: 200px; }
#loan-table tr:not(:last-of-type) { border-bottom: 1px solid #fff; }
#loan-table td { background: #fff; }


/* スタッフ紹介 */
.name {
  border-top: 3px solid #009042; border-bottom: 3px solid #009042;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.6;
  margin: 0 0 20px;
  padding: 15px 5px;
}

/* プライバシーポリシー */
.title--gray {
  background: #e9e9e9;
  border: 1px solid #d3d3d3;
  font-size: 18px;
  padding: 7px 20px;
}

/* お問い合わせ */
#contact-bg {
  background: #8cc63f;
  color: #000;
  margin: 10px 0;
  padding: 10px 0 0;
}

#contact__table, #estimate__table { width: 100%; }

#contact__table th, #contact__table td, #estimate__table th, #estimate__table td { color: #13132c; }

#contact__table th, #contact__table td {
  font-size: 23px;
  padding: 30px 20px;
}

#estimate__table th, #estimate__table td {
  font-size: 18px;
  padding: 15px;
}


#contact__table th, #estimate__table th {
  background: #fdcd02;
  border-bottom: 1px solid #fff;
  text-align: left;
  vertical-align: middle;
}

#contact__table th { width: 230px; }
#estimate__table th { width: 155px; }
#contact__table td, #estimate__table td { background: #fff; }

.contact__require, .estimate__require {
  background: #f44040;
  color: #fff;
  float: right;
  letter-spacing: 3px;
  padding: 0 5px;
  vertical-align: middle;
}

.contact__require { font-size: 18px; }
.estimate__require { font-size: 16px; }

#contact__table input, #contact__table textarea {
  padding: 5px;
  font-size: 18px;
}

#contact__table input { height: 35px; }
#contact__table textarea { width: 575px; }

#mail-submit {
  background: -moz-linear-gradient(top,#FFCC00 0%,#FF6600 50%,#FF8533);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFCC00),color-stop(0.50, #FF6600),to(#FF8533));
  border: 2px solid #ff6600;
  border-radius: 7px;
  color: #fff;
  cursor:pointer;
  font-size: 30px;
  letter-spacing: 3px;
  margin: 20px auto;
  padding: 10px 0;
  text-shadow: 2px 2px 5px rgba(102,051,000,1),0px 1px 0px rgba(255,255,255,0);
    -moz-box-shadow: 0px 2px 4px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(255,255,255,0);
    -webkit-box-shadow: 0px 2px 4px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(255,255,255,0);
  width: 385px;
}

/* サイトマップ */
#sitemap .dis-tbl {
  border-bottom: 3px solid #0085b2;
  margin: 0 0px 20px 0;
  padding: 0 0 20px 20px;
  width: 710px;
}

#sitemap .dis-tbl-c { width: 33%; }

#sitemap #content-right a {
  color: #009040;
  padding: 0 5px;
  text-decoration: underline;
  line-height: 3;
}

#sitemap #content-right a:hover { text-decoration: none; }

/* 自動参考見積り */
.wid-100pct { width: 100%; }

.plan-title {
  font-weight: bold;
  margin: 20px 0 0;
  overflow: hidden;
  padding: 10px;
}

.plan-title--wall-paint { background: #bfdee8; }
.plan-title--roof-paint { background: #c6eb94; }

.plan-title dt {
  color: #fff;
  font-size: 28px;
  padding: 25px 0;
  text-align: center;
  vertical-align: middle;
  width: 185px;
}

#plan__wall, .plan-info--wall { background: #51a4bf; }
#plan__roof, .plan-info--roof { background: #7dc124; }

.plan-title dd {
  font-size: 19px;
  margin: 0 0 0 15px;
  padding: 20px 0 0;
  vertical-align: middle;
  width: 500px;
}

.plan-title dt, .plan-title dd, .plan-info { float: left; }
.plan-title:after, .plan-bg:after {
  clear: both;
  content: "";
}

.plan-bg {
  margin: 0 0 15px;
  overflow: hidden;
  padding: 20px 0 10px;
}

.plan-bg--wall-paint { background: #e0eff3; }
.plan-bg--roof-paint { background: #ecf9db; }

.plan-info {
  font-weight: bold;
  margin: 0 10px 10px;
  padding: 4px;
  width: 215px;
}

.plan-info dt {
  color: #fff;
  font-size: 28px;
  text-align: center;
}

.plan-info__dt--pad-tb20 { padding: 20px 0; }

.plan-info dd {
  background: #fff;
  padding: 20px 10px;
}

.plan-info dd:nth-last-child(1) { padding: 20px 0; }
.plan-info__subtitle, .plan-info__subtitle--fs-16 { color: #ff8c24; }
.plan-info__subtitle { font-size: 23px; }
.plan-info__subtitle--fs-16 { font-size: 16px; }

.plan-info__icon {
  background: #d93600;
  border-radius: 7px;
  color: #fff;
  margin: 0 5px 10px 0;
  padding: 5px 10px;
  text-align: center;
}

.fs-19 { font-size: 19px; }
.pad-0 { padding: 0; }

.estimate__contact-title {
  color: #51a4bf;
  font-size: 42px;
  margin: 50px 0 0;
  font-weight: bold;
}


/* カテゴリーページ
-------------------------------------------- */

/* 施工実績 */
#result-choice__title {
  background: #00afea; /* Old browsers */
  background: -moz-linear-gradient(top,  #00afea 1%, #0085b2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#00afea), color-stop(100%,#0085b2));
  background: -webkit-linear-gradient(top,  #00afea 1%,#0085b2 100%);
  background: -o-linear-gradient(top,  #00afea 1%,#0085b2 100%);
  background: -ms-linear-gradient(top,  #00afea 1%,#0085b2 100%);
  background: linear-gradient(to bottom,  #00afea 1%,#0085b2 100%);
  color: #fff;
  font-size: 31px;
  font-weight: bold;
  padding: 15px 20px;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00afea', endColorstr='#0085b2',GradientType=0 );
}

#result-choice .dis-tbl {
  background: #f5f5ed;
  border-right: 6px solid #00afea;
  border-bottom: 6px solid #00afea;
  border-left: 6px solid #00afea;
  padding: 10px 5px;
  text-align: center;
  width: 708px;
}

.cat__result {
  border: 3px solid #acac9d;
  height: 315px;
  margin: 20px 2px;
  padding: 10px 5px;
  vertical-align: top;
  width: 218px;
}

.cat__result h3 { text-decoration: underline; }

.cat__result:hover {
  border: 3px solid #009042;
  text-decoration: none;
}

.cat__result img { border: 1px solid #acac9d; }
.cat__title--result { margin: 5px 3px 0; }

/* お役立ち情報 */
.cat__knowledge {
  border-left: 5px solid #009042;
  margin: 0 0 20px;
  padding: 5px 0 5px 15px;
}

.fs-13 { font-size: 13px; }
.gray { color: #999; }
.cat__knowledge a { text-decoration: underline; }
.cat__knowledge a:hover { text-decoration: none; }

/* 単一記事ページ
-------------------------------------------- */
.single-result__bg {
  background: url(../../../../img/result/single-result__bg.png) no-repeat 0 0;
  height: 55px;
  padding: 15px 30px 0;
  text-align: center;
  width: 165px;
}

#single__result__table {
  width: 100%;
  margin: 40px 0;
}

#single__result__table th {
  background: #eee;
  font-weight: bold;
  text-align: center;
}

#single__result__table th, #single__result__table td {
  border: 1px solid #ccc;
  padding: 30px;
  vertical-align: middle;
}

.single-result--even { padding: 20px 0; }
.single-result--odd { padding: 20px 20px 20px 0; }

/* ページナビ（カテゴリー） */
.cat__pnavi { margin: 20px 0; }

.cat__pnavi a, .cat__pnavi .pages, .cat__pnavi .current {
  border: 1px solid #ccc;
  padding: 3px;
  margin: 3px;
}

/* ページナビ（単一ページ） */
.s__pagenavi-outer { margin: 50px 0; }
.single-pagenavi-btn { width: 195px; }