@charset "utf-8";
/* style.css */
/*************************************************************
	default
*************************************************************/
html, body {
	margin: 0;
	padding: 0;
	color: #323333;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.8;
	-webkit-text-size-adjust: 100%;
	background: url(../../images/body_bg.jpg) top center;
}
img{border:0;}
a{color:#00F;text-decoration:underline;}
a:hover{color:#F00;text-decoration:none;}
strong{font-weight:normal;}
p{max-height:999999px;}

/*************************************************************
	style
*************************************************************/

/*	common
------------------------------------------------------------*/
article { margin: 0 auto; padding: 40px 10px; }
footer { margin: 0 auto; padding: 40px 0; }
#bread { margin-bottom: 30px; }
footer #footerCopy { padding-bottom: 10px; border-bottom: 1px solid #221814; }
footer #footerContact { margin-bottom: 20px; padding-bottom: 10px; }
footer #footerContact a { color: #323333; text-decoration: none; }
footer #footerContact a:hover { text-decoration: underline; }
footer #footerContact a.telhref:hover { text-decoration: none; }
footer #footerContact span { font-size: 2em;/* letter-spacing: -1.8px;*/ }
footer #copyright { margin-top: 30px; font-size: 0.9em; text-align: center; }
/*	slider	*/
.camera_prev, .camera_next { opacity: 0.8 !important; }
.camera_prev > span, .camera_next > span { background-color: #fff !important; }

/*	header
------------------------------------------------------------*/
header #headerInner { position: relative; }
.secondPage header #headerInner { background-size: cover; background-position: center; background-repeat: no-repeat; }
.secondPage header #headerInner h3 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 100%; height: 160px; color: #fff; text-align: center; }
/*	brandPage	*/
#brandPage header #headerInner { background-image: url(../../images/slide/002.jpg); }
/*	showroomPage	*/
#showroomPage header #headerInner { background-image: url(../../images/showroom_image.jpg); }
/*	usedPage	*/
#usedPage header #headerInner { background-position: center top; background-image: url(../../images/wood_image.jpg); }
/*	workPage	*/
#workPage header #headerInner { background-position: center; background-image: url(../../images/work_image.jpg); }
/*	lifePage	*/
#lifePage header #headerInner { background-position: center; background-image: url(../../images/life_image02.jpg); }
/*	greetingPage	*/
#greetingPage header #headerInner { background-position: center; background-image: url(../../images/greeting_image.jpg); }
/*	aboutPage & contactPage	*/
#aboutPage header #headerInner, #contactPage header #headerInner { margin-bottom: 20px; height: auto !important; }

/*	indexPage
------------------------------------------------------------*/
#indexPage h3 { margin-bottom: 20px; margin-right: auto; margin-left: auto; text-align: center; }
#indexPage .indexLineup {}
#indexPage .indexLineup h4 { margin: 0 0 1em; padding: 10px 0; text-align: center; line-height: 1; border-top: 2px solid #040000; border-bottom: 2px solid #040000; }
#indexPage .indexLineup p { margin: 0 0 1em; text-align: center; }
#indexPage .indexLineup p img { border: 2px solid #fff; }
#indexPage .indexLineup dl {}
#indexPage .indexLineup dl dt { padding: 2px; background: #fff; }
#indexPage .indexLineup dl dt b { display: block; padding: 8px 8px 8px 35px; line-height: 1; border: 1px solid #b4b5b5; background: url(../../images/icon01.jpg) 8px center no-repeat; }
#indexPage .indexLineup dl dd { margin-bottom: 20px; padding: 5px 2px; }
/*
#indexPage .indexLineup dl dd ul li { margin-top: 10px; padding-top: 10px; border-top: 1px dotted #221814; }
#indexPage .indexLineup dl dd ul li:first-child { margin-top: 0; padding-top: 0; }
#indexPage .indexLineup dl dd ul li:first-child,
#indexPage .indexLineup dl dd ul li.pcOnly { border-top: none; }
*/
#indexPage .indexLineup dl dd ul li { display: inline-block; *display: inline; *zoom: 1; padding: 10px 1.6666%; width: 30%; text-align: center; }
#indexPage .indexLineup dl dd ul li a { display: block; height: 50px; background-size: contain; background-position: center; background-repeat: no-repeat; text-indent: -9999px; }

/*	secondPage & blogPage
------------------------------------------------------------*/
/*	aboutPage & contactPage	*/
#aboutPage article h3, #contactPage article h3 { margin-bottom: 30px; padding: 10px 10px 10px 20px; font-size: 1.5em; font-weight: bold; background: rgba(98,72,47,0.5); }
#aboutPage article h3 span, #contactPage article h3 span { display: inline-block; margin-left: 1em; color: #fff; font-size: 0.8em; font-weight: normal; }
/*	aboutPage	*/
#aboutPage article section dl dt, #aboutPage article section dl dd { padding: 10px; border-top: 1px solid #221814; }
/*	contactPage	*/
#contactPage article section dl dt, #contactPage article section dl dd { padding: 10px; border-top: 1px solid #221814; }
#contactPage article section dl.dlLast dt, #contactPage article section dl.dlLast dd { border-bottom: 1px solid #221814; }
#contactPage article section dl dt { background: #dcdcdd; }
#contactPage dl dt.hissu:after{ content: " ※必須"; color: #c30d22; font-size: 0.9em; }
#contactPage form dl input, #contactPage form dl textarea { width: 100%; }
#contactPage form dl textarea { height: 100%; }
#contactPage form p input { padding: 0.5em 1em; }
/*	brandPage	*/
#brandPage article section { margin-bottom: 30px; padding-bottom: 50px; border-bottom: 1px solid #221814; }
.showroomName { position: relative; margin-bottom: 20px; padding: 18px 0 10px; border-top: 1px solid #221814; border-bottom: 1px solid #221814; font-weight: bold; text-align: center; }
/*
.showroomName span { margin: 2px 0; padding: 10px 0; }
.showroomName span.access { padding-right: 1em; padding-left: 1em; background: rgba(98,72,47,0.5); }
.showroomName span.access a { padding-right: 20px; color: #221814; text-decoration: none; background: url(../../images/arrow02.png) right center no-repeat; }
.showroomName span.access b { display: inline-block; margin-right: 1em; padding-right: 1em; border-right: 1px solid #221814; }
.showroomTheme { margin-bottom: 20px; text-align: center; font-size: 2em; font-weight: bold; }
*/
.showroomTheme { position: relative; margin: 0 auto 20px; }
#indexPage .indexLineup dl dd ul li a#theme001, .showroomTheme#theme001 { background-image: url(../../images/brand_logo/scan.png); }
#indexPage .indexLineup dl dd ul li a#theme002, .showroomTheme#theme002 { background-image: url(../../images/brand_logo/vermont_castings.png); }
#indexPage .indexLineup dl dd ul li a#theme003, .showroomTheme#theme003 { background-image: url(../../images/brand_logo/jetlandstove.png); }
#indexPage .indexLineup dl dd ul li a#theme004, .showroomTheme#theme004 { background-image: url(../../images/brand_logo/jotul.png); }
#indexPage .indexLineup dl dd ul li a#theme005, .showroomTheme#theme005 { background-image: url(../../images/brand_logo/contura.png); }
#indexPage .indexLineup dl dd ul li a#theme006, .showroomTheme#theme006 { background-image: url(../../images/brand_logo/dutch_west.png); }
#indexPage .indexLineup dl dd ul li a#theme007, .showroomTheme#theme007 { background-image: url(../../images/brand_logo/charnwood.png); }
#indexPage .indexLineup dl dd ul li a#theme008, .showroomTheme#theme008 { background-image: url(../../images/brand_logo/charnwood.png); }
#indexPage .indexLineup dl dd ul li a#theme009, .showroomTheme#theme009 { background-image: url(../../images/brand_logo/jotul.png); }
#indexPage .indexLineup dl dd ul li a#theme010, .showroomTheme#theme010 { background-image: url(../../images/brand_logo/charnwood.png); }
#indexPage .indexLineup dl dd ul li a#theme011, .showroomTheme#theme011 { background-image: url(../../images/brand_logo/dutch_west.png); }
#indexPage .indexLineup dl dd ul li a#theme012, .showroomTheme#theme012 { background-image: url(../../images/brand_logo/dovre.png); }
#indexPage .indexLineup dl dd ul li a#theme013, .showroomTheme#theme013 { background-image: url(../../images/brand_logo/charnwood.png); }
#indexPage .indexLineup dl dd ul li a#theme014, .showroomTheme#theme014 { background-image: url(../../images/brand_logo/dovre.png); }
.showroomTheme span { display: block; text-align: center; }
.showroomTheme b { font-size: 1.2em; }
.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont { background: none !important; }
/*	blogPage	*/
.blogPage article .mainArea h4 { margin-bottom: 30px; padding: 10px 10px 10px 20px; font-size: 1.5em; font-weight: bold; background: rgba(98,72,47,0.5); }
.blogPage article .mainArea h4 span { display: inline-block; margin-left: 1em; color: #fff; font-size: 0.8em; font-weight: normal; }
.blogPage article .mainArea section { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #221814; }
.blogPage article .mainArea section .leftArea h5 { position: relative; font-size: 1.5em; font-weight: bold; line-height: 1.2; }
.blogPage article .mainArea section .leftArea h5 span { padding: 8px 1em 5px; color: #fff; font-size: 0.6em; font-weight: bold; line-height: 1; background: #c30d22; }
.blogPage article .mainArea section .leftArea .blogDate { margin-bottom: 20px; font-size: 1.2em; }
.blogPage article .mainArea section .leftArea .blogText {}
.blogPage article .mainArea section .blogPhoto img { width: 100%; height: auto; }
.blogPage article .sideNavi section { margin-bottom: 30px; }
.blogPage article .sideNavi section .sideNaviTitle { margin-bottom: 10px; padding: 10px 10px 10px 20px; font-size: 1.2em; font-weight: bold; background: rgba(98,72,47,0.5); }
.blogPage article .sideNavi section .sideNaviTitle span { display: inline-block; margin-right: 1em; padding-right: 1em; color: #fff; border-right: 1px solid #fff; }
.blogPage article .sideNavi section#recentWrap ul li { padding: 10px; border-bottom: 1px dotted #221814; }
.blogPage article .sideNavi section#archiveWrap a { display: inline-block; margin-right: 1em; white-space: nowrap; }
/*	greetingPage	*/
#greetingPage #questionArea { padding: 30px; background: rgba(255,255,255,0.5); }
#greetingPage #greetingArea h5 { margin-bottom: 10px; padding-top: 30px; font-size: 1.3em; font-weight: bold; line-height: 1.4; }
#greetingPage #questionArea dl { margin-bottom: 30px; padding-bottom: 30px; background: url(../../images/border_bottom_dotted.png) left bottom repeat-x; }
#greetingPage #questionArea dl dt, #greetingPage #questionArea dl dd { padding-left: 60px; min-height: 50px; height: auto !important; height: 50px; }
#greetingPage #questionArea dl dt { background: url(../../images/question.png) left top no-repeat; }
#greetingPage #questionArea dl dd { background: url(../../images/answer.png) left top no-repeat; }

/*************************************************************
	SmartPhone
*************************************************************/

@media only screen and (max-width: 768px){

/*	common
------------------------------------------------------------*/
.pcOnly { display: none !important; }
img.imageFull { width: 100% !important; height: auto !important; }
img.imageMax { max-width: 100% !important; height: auto !important; }
footer #footerContact a.telhref { display: block; }

#snsButtonSP { position: fixed; bottom: 0; right: 0; width: 100%; background: rgba(34,24,20,0.5); }
#snsButtonSP .clearfix { padding: 5px 10px 0 10px; }

#aboutPage article, #contactPage article { padding-top: 10px; }

/*	header
------------------------------------------------------------*/
.secondPage header #headerInner { display: none; }
#workPage header #headerInner,
#usedPage header #headerInner,
#showroomPage header #headerInner,
#greetingPage header #headerInner,
#brandPage header #headerInner,
#lifePage header #headerInner { display: block; height: 200px !important; }

header h2 { padding-top: 10px; text-align: center; }
header h2 img { height: 60px; }
#spMenuList ul li { display: inline-block; *display: inline; *zoom: 1; width: 50%; }
#spMenuList ul li a { display: block; margin: 2%; color: #fff; font-size: 0.9em; text-align: center; text-decoration: none; }
#spMenuList ul li a span { display: block; padding: 10px; background: #230c06; }
#spMenuList ul li.listParent { position: relative; }
#spMenuList ul li.listParent ul.child { display: none; position: absolute; margin-top: -2%; width: 100%; }
#spMenuList ul li.listParent ul.child li { display: block; width: 100%; }
#spMenuList ul li.listParent ul.child li a { margin: 0 2%; color: #000; }
#spMenuList ul li.listParent ul.child li a span { background: #ccc; border-bottom: 1px dotted #000; }
/*	menuList	*/
.mean-container .mean-bar #spLogo { padding-top: 10px; text-align: center; }
.mean-container .mean-bar #spLogo img { height: 60px; }
.mean-container .mean-bar { !important; padding: 0px !important; background: none !important; }
.mean-container a.meanmenu-reveal { width: 30px !important; padding-top: 30px !important; color: #230c06 !important; }
.mean-container a.meanmenu-reveal span { margin-top: 4px !important; }
.mean-container a.meanmenu-reveal span, .mean-container .mean-nav { background: #230c06 !important; }
.mean-container .mean-nav { margin-top: 10px !important; }
.mean-container .mean-nav ul li a.mean-expand { height: 29px !important; }

/*	footer
------------------------------------------------------------*/
footer > div.clearfix, footer #copyright { padding-right: 10px; padding-left: 10px; }
footer nav ul { background: #230c06; }
footer nav ul li a { display: block; padding: 10px; color: #fff; text-decoration: none; border-bottom: 1px dotted #fff; }

/*	indexPage
------------------------------------------------------------*/
/*	slider	*/
#indexPage .fluid_container, #camera_wrap_full { margin-bottom: 40px !important; height: 300px; }

/*	secondPage & blogPage
------------------------------------------------------------*/
/*	aboutPage & contactPage	*/
#aboutPage article section dl dt, #contactPage article section dl dt { text-align: center; }
/*	aboutPage	*/
#aboutPage article section dl dt { background: #DCDCDD; }
/*	contactPage	*/
#contactPage article section dl.dlLast dt { border-bottom: none; }
#contactPage article section dl.dlLast dd { height: 10em; }
/*	brandPage	*/
.showroomName span { display: block; }
.showroomTheme { background-position: center top; background-repeat: no-repeat; padding-top: 60px; }
/*	blogPage	*/
.blogPage article .mainArea section .leftArea h5 span { display: block; margin: 10px 0; text-align: center; }
/*	greetingPage	*/
#greetingPage #questionArea dl dt { margin-bottom: 20px; }

/* @media screen SmartPhone END */}

/*************************************************************
	 PC / 769px以上
*************************************************************/

@media screen and (min-width: 769px){

/*	common
------------------------------------------------------------*/
.spOnly { display: none !important; }
.leftArea { float: left; }
.rightArea { float: right; }
footer .leftArea { padding-right: 10%; width: 30%; }
footer .rightArea { width: 60%; }
article, footer { width: 1220px; }
footer { padding-right: 10px; padding-left: 10px; }
footer #footerContact a.telhref { margin-left: 1em; }

/*	header
------------------------------------------------------------*/
header #header { margin: 0 auto; padding: 20px 0; width: 1200px; }
header #header #headerRight { float: right; text-align: right; }
header #header #headerRight h1 { margin: 20px 0 10px; }
header #header #headerRight h1 a { color: #323333; text-decoration: none; }
header #header #headerRight h1 a:hover { text-decoration: underline; }
header #header h2 { float: left; }
.secondPage header #headerInner { height: 450px; }
/*	menuList	*/
nav#menuList { position: absolute; top: 0; z-index: 9999; padding: 0; width: 100%; background: rgba(34,24,20,0.5); }
nav#menuList ul { position: relative; margin: 0 auto; width: 1200px; }
nav#menuList ul li { display: inline-block; *display: inline; *zoom: 1; width: text-align: center; }
nav#menuList ul li#menuListContact { position: absolute; right: 0; background: #776456; }
nav#menuList ul li a { display: inline-block; padding: 10px 0; color: #fff; text-decoration: none; }
nav#menuList ul li a span { display: inline-block; padding: 0 2em; border-left: 1px solid #fff; }
nav#menuList ul li:first-child a { padding-left: 0; }
nav#menuList ul li:first-child a span, nav#menuList ul li#menuListContact a span { border-left: none; }
nav#menuList ul li#menuListContact a:last-child span { margin-right: 2em; padding-right: 20px; background: url(../../images/arrow01.png) right center no-repeat; border-left: 1px solid #fff; }
/*nav#menuList ul li#menuListContact a span b { display: inline-block; margin-right: 1em; padding-right: 1em; border-right: 1px solid #fff; }*/
nav#menuList ul li.listParent { position: relative; }
nav#menuList ul li.listParent ul.child { display: none; position: absolute; width: 100%; white-space: nowrap; background: rgba(34,24,20,0.5); border-bottom: 1px dotted #fff; }
nav#menuList ul li.listParent ul.child li { display: block; border-top: 1px dotted #fff; }
nav#menuList ul li.listParent ul.child li a span { padding: 0 1em; border: none; }

/*	indexPage
------------------------------------------------------------*/
#indexPage .indexLineup section { float: left; margin-left: 2%; width: 32%; }
#indexPage .indexLineup section:first-child { margin-left: 0; }
#indexPage .indexLineup dl dd ul li.pcOnly { text-indent: -9999px;}
#indexPage .indexLineup dl dd.bgImage01 { background: url(../../images/image01.png) right bottom no-repeat; }
/*	slider	*/
#indexPage .fluid_container, #camera_wrap_full { height: 825px; }

/*	secondPage & blogPage
------------------------------------------------------------*/
/*	aboutPage & contactPage	*/
#aboutPage article section, #contactPage article section, #showroomPage article section, #greetingPage article section { margin: 0 auto; width: 800px; }
/*	aboutPage	*/
#aboutPage article section dl{zoom:1;overflow:hidden;}#aboutPage article section dl:after{content:"";display:block;clear:both;}
#aboutPage article section dl dt { float: left; width: 240px; margin-right: 20px; }
#aboutPage article section dl dd { float: left; width: 500px; }
/*	contactPage	*/
#contactPage article section dl{zoom:1;overflow:hidden;}#contactPage article section dl:after{content:"";display:block;clear:both;}
#contactPage article section dl dt { float: left; width: 260px; }
#contactPage article section dl dd { float: left; width: 500px; }
#contactPage article section dl.dlLast dt, #contactPage article section dl.dlLast dd { height: 10em; }
/*	brandPage	*/
.showroomName span { display: inline-block; }
.showroomName span.access { position: absolute; right: 0; }
.showroomTheme { width: 844px; background-size: contain; background-position: center; background-repeat: no-repeat; }
.showroomTheme span { float: right; }
.cameraWrap { margin: 0 auto; width: 844px; }
/*	udesPage	*/
.mainArea { float: left; width: 840px; }
.sideNavi { float: right; width: 330px;}
/*	blogPage	*/
.blogPage article .mainArea .leftArea { float: left; width: 620px;}
.blogPage article .mainArea .rightArea { float: right; width: 200px; }
.blogPage article .mainArea section .leftArea h5 span { position: absolute; right: 0; bottom: 0; }
.blogPage article .sideNavi section#archiveWrap a { min-width: 5em; }
/*	greetingPage	*/
#greetingPage #greetingArea { padding-right: 260px; min-height: 325px; height: auto !important; height: 325px; background: url(../../images/greeting_image02.png) right top no-repeat; }
#greetingPage #questionArea dl dt, #greetingPage #questionArea dl dd { width: 300px; }

/* @media screen PC END */}

/*************************************************************
	reuse
*************************************************************/

/*	link
------------------------------------------------------------*/
a:hover img.alphaOn{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}

/*	font
------------------------------------------------------------*/
/* color */
.colorRed{color:#F00!important;}
.colorYellow{color:#FF0!important;}

/* size */
.fontSmall{font-size:12px!important;}
.fontNormal{font-size:14px!important;}
.fontLarge{font-size:18px!important;}

/* indent */
.textIndent1{padding-left:1em;text-indent:-1em;}
.textIndent2{padding-left:2em;text-indent:-2em;}
.textIndent3{padding-left:3em;text-indent:-3em;}

/* weight */
.fontBold{font-weight:bold!important;}
.fontBold strong{font-weight:bold!important;}

/* family */
.fontMincho {font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;font-weight:bold!important;}

/* shadow */
.textShadow {text-shadow:0 0 3px #666;}

/*	list
------------------------------------------------------------*/
ul.ulTagDefault,
ol.olTagDefault{margin-left: 2em!important;}

ul.listStyle li{padding-left:1em;text-indent:-1em;}
ul.square li:before{content: "■";}
ul.double li:before{content: "◎";}


/*	float & clearfix
------------------------------------------------------------*/
.floatLeft{float:left;}
.floatRight{float:right;}
.clearfix{zoom:1;overflow:hidden;}.clearfix:after{content:"";display:block;clear:both;}

/*	text-align
------------------------------------------------------------*/
.left{text-align:left!important;}.center{text-align:center!important;}.right{text-align:right!important;}

/*	margin
------------------------------------------------------------*/
/* all 0px～50px（10px刻み）*/
.margin00{margin:0px!important;}.margin10{margin:10px!important;}.margin20{margin:20px!important;}.margin30{margin:30px!important;}.margin40{margin:40px!important;}.margin50{margin:50px!important;}
/* top 0px～50px（5px刻み）*/
.mt00{margin-top:0px!important;}.mt05{margin-top:5px!important;}.mt10{margin-top:10px!important;}.mt15{margin-top:15px!important;}.mt20{margin-top:20px!important;}.mt25{margin-top:25px!important;}.mt30{margin-top:30px!important;}.mt35{margin-top:35px!important;}.mt40{margin-top:40px!important;}.mt45{margin-top:45px!important;}.mt50{margin-top:50px!important;}
/* right 0px～50px（5px刻み）*/
.mr00{margin-right:0px!important;}.mr05{margin-right:5px!important;}.mr10{margin-right:10px!important;}.mr15{margin-right:15px!important;}.mr20{margin-right:20px!important;}.mr25{margin-right:25px!important;}.mr30{margin-right:30px!important;}.mr35{margin-right:35px!important;}.mr40{margin-right:40px!important;}.mr45{margin-right:45px!important;}.mr50{margin-right:50px!important;}
/* bottom 0px～50px（5px刻み）*/
.mb00{margin-bottom:0px!important;}.mb05{margin-bottom:5px!important;}.mb10{margin-bottom:10px!important;}.mb15{margin-bottom:15px!important;}.mb20{margin-bottom:20px!important;}.mb25{margin-bottom:25px!important;}.mb30{margin-bottom:30px!important;}.mb35{margin-bottom:35px!important;}.mb40{margin-bottom:40px!important;}.mb45{margin-bottom:45px!important;}.mb50{margin-bottom:50px!important;}
/* left 0px～50px（5px刻み）*/
.ml00{margin-left:0px!important;}.ml05{margin-left:5px!important;}.ml10{margin-left:10px!important;}.ml15{margin-left:15px!important;}.ml20{margin-left:20px!important;}.ml25{margin-left:25px!important;}.ml30{margin-left:30px!important;}.ml35{margin-left:35px!important;}.ml40{margin-left:40px!important;}.ml45{margin-left:45px!important;}.ml50{margin-left:50px!important;}

/*	padding
------------------------------------------------------------*/
/* all 0px～50px（10px刻み）*/
.padding00{padding:0px!important;}.padding10{padding:10px!important;}.padding20{padding:20px!important;}.padding30{padding:30px!important;}.padding40{padding:40px!important;}.padding50{padding:50px!important;}
/* top 0px～50px（5px刻み）*/
.pt00{padding-top:0px!important;}.pt05{padding-top:5px!important;}.pt10{padding-top:10px!important;}.pt15{padding-top:15px!important;}.pt20{padding-top:20px!important;}.pt25{padding-top:25px!important;}.pt30{padding-top:30px!important;}.pt35{padding-top:35px!important;}.pt40{padding-top:40px!important;}.pt45{padding-top:45px!important;}.pt50{padding-top:50px!important;}
/* right 0px～50px（5px刻み）*/
.pr00{padding-right:0px!important;}.pr05{padding-right:5px!important;}.pr10{padding-right:10px!important;}.pr15{padding-right:15px!important;}.pr20{padding-right:20px!important;}.pr25{padding-right:25px!important;}.pr30{padding-right:30px!important;}.pr35{padding-right:35px!important;}.pr40{padding-right:40px!important;}.pr45{padding-right:45px!important;}.pr50{padding-right:50px!important;}
/* bottom 0px～50px（5px刻み）*/
.pb00{padding-bottom:0px!important;}.pb05{padding-bottom:5px!important;}.pb10{padding-bottom:10px!important;}.pb15{padding-bottom:15px!important;}.pb20{padding-bottom:20px!important;}.pb25{padding-bottom:25px!important;}.pb30{padding-bottom:30px!important;}.pb35{padding-bottom:35px!important;}.pb40{padding-bottom:40px!important;}.pb45{padding-bottom:45px!important;}.pb50{padding-bottom:50px!important;}
/* left 0px～50px（5px刻み）*/
.pl00{padding-left:0px!important;}.pl05{padding-left:5px!important;}.pl10{padding-left:10px!important;}.pl15{padding-left:15px!important;}.pl20{padding-left:20px!important;}.pl25{padding-left:25px!important;}.pl30{padding-left:30px!important;}.pl35{padding-left:35px!important;}.pl40{padding-left:40px!important;}.pl45{padding-left:45px!important;}.pl50{padding-left:50px!important;}

@media only screen and (max-width: 768px){
.spLeft { text-align: left !important; }
.spCenter { text-align: center !important; }
/* @media screen SmartPhone END */}