@charset "UTF-8"; 
/*====================================

	----------------------------------
Structure
 	----------------------------------
 	0. General
 	1. Header
 	2. Main
 	3. Footer
 	4. Page
 	----------------------------------

Change Log
 	----------------------------------

	-2017/07/31	 Fixed all
	-2017/10/17	 modify use EN site

====================================*/

/*====================================

	0. General

====================================*/
html { font-size: 62.5%; }
body { position: relative; background: #ffffff; color: #333333; font-size: 1.0rem; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

img { vertical-align: bottom; }
a { color: #333333; text-decoration: none; }
a.pdf1 { position: relative; padding-left: 6vw; display: block; }
a.pdf1:before { background: url(/common/img/icon24.png) 0 0 no-repeat / 4vw auto; position: absolute; top: 50%; left: 0; margin-top: -2.5vw; content: ""; width: 5vw; height: 5vw; }
ul, ol { list-style: none; }
.pcOnly { display: none !important; }
#side_main { display: none !important; }


/*====================================

	1. Header

====================================*/
header { display: block; overflow: hidden; background: linear-gradient(to bottom,#F6F6F6,#CCCCCC); }
header h1 { float: left; padding: 10px 0 0 10px; }
header h1 img { width: 89px; height: auto; vertical-align: top; }
header ul#navi { float: right; width: 100px; }
header ul#navi li { float: left; width: 50px; line-height: 1.3; }
header ul#navi li a { display: block; padding: 24px 0 0; border-left: 1px solid #999; text-align: center; font-size: 10px; }
html[lang=en] header ul#navi { width: 50px; }
header ul#navi li a { background-image: url(/common/sp/img/icon16.png); background-position: 50% 4px; background-size: 34px 21px; background-repeat: no-repeat; color: #333; }
header ul#navi li:last-child { background: linear-gradient(to bottom, #504F51, #333333); }
header ul#navi li:last-child a { background-image: url(/common/sp/img/icon15.png); background-position: 50% 6px; background-size: 22px 13px; background-repeat: no-repeat; color: #fff; }
div.slidemenu { position: absolute; top: 0; left: 0; z-index: 999; display: none; width: 100%; height: 100%; background: #ffffff; }
.menu_title { display: block; overflow: hidden; padding: 15px 6px 15px 10px; background: #333333; color: #ffffff; text-align: center; text-shadow: -1px -1px 2px #000000; font-weight: normal; }
.menu_title span { float: left; display: inline-block; }
#Menu1 .menu_title span { padding: 0 0 0 30px; background: url(/common/sp/img/icon15.png) no-repeat 0 47% / 22px 13px; font-size: 1.6rem; }
#Menu2 .menu_title span { padding: 3px 0 3px 45px; background: url(/common/sp/img/icon17.png) no-repeat 0 47% / 37px 22px; font-size: 1.4rem; }
.menu_title a.bt { float: right; display: inline-block; padding: 3px 12px; -webkit-border-radius: 5px; border-radius: 5px; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(50%,#b8babc), color-stop(100%,#bcbec1)); background: -webkit-linear-gradient(top, #FFF 0%,#CCC 100%); background: -moz-linear-gradient(top, #FFF 0%,#CCC 100%); background: -o-linear-gradient(top, #FFF 0%,#CCC 100%); background:  linear-gradient(to bottom, #FFF 0%,#CCC 100%); text-shadow: 1px 1px 1px #ffffff; font-weight: bold; font-size: 1.4rem; }
/* -------------------------------------------------------
メニューリスト
------------------------------------------------------- */
div.menuList { font-size: 1.4rem; }
div.menuList li { border-bottom: 1px solid #8F8F8F; }
div.menuList li a { position: relative; display: block; padding: 15px; }
div.menuList .icon01 a:after { position: absolute; top: 50%; right: 10px; margin-top: -5px; width: 12px; height: 10px; background: url(/common/sp/img/icon6.png) no-repeat 0 0 / 12px 10px; content: ""; }
div.menuList .icon02 a:after { position: absolute; top: 50%; right: 10px; margin-top: -7px; width: 16px; height: 14px; background: url(/common/sp/img/icon_pc.svg) no-repeat 0 0 / 16px 14px; content: ""; }
div.menuList .category li div { padding: 3px 0 3px 28px; background-position: 0 50%; background-size: 20px 20px; background-repeat: no-repeat; }
div.menuList .category li.n1 div { background-image: url(/common/sp/img/menu_icon1.png); }
div.menuList .category li.n2 div { background-image: url(/common/sp/img/menu_icon2.png); }
div.menuList .category li.n3 div { background-image: url(/common/sp/img/menu_icon3.png); }
div.menuList .category li.n4 div { background-image: url(/common/sp/img/menu_icon4.png); }
div.menuList .category li.n5 div { background-image: url(/common/sp/img/menu_icon5.png); }
div.menuList .category li.n6 div { background-image: url(/common/sp/img/menu_icon6.png); }
div.menuList .category li.n7 div { background-image: url(/common/sp/img/menu_icon7.png); }
div.menuList .category li.n8 div { background-image: url(/common/sp/img/menu_icon8.png); }
div.menuList .category li.n9 div { background-image: url(/common/sp/img/menu_icon9.png); }
div.menuList .category li.n10 div { background-image: url(/common/sp/img/menu_icon10.png); }
html[lang=en] div.menuList .category a:after { position: absolute; top: 50%; right: 10px; margin-top: -5px; width: 12px; height: 10px; background: url(/common/sp/img/icon6.png) no-repeat 0 0 / 12px 10px; content: ""; }
div.menuList .lang { display: block; overflow: hidden; }
div.menuList .lang li { width: 50%; display: inline-block; float: left; text-align: center; }
div.menuList .lang li:first-child { border-right: 1px solid #8F8F8F; }

/*====================================

	2. Main

====================================*/
main { font-size: 1.2rem; }



/*====================================

	3. Footer

====================================*/
footer { display: block; overflow: hidden; margin: 30px 0 0; background: #CBCBCB; font-size: 1.2rem; }
html[lang=en] footer { margin: 0; }
/* -------------------------------------------------------
フッター お問い合わせ/お客様サポートボタン
------------------------------------------------------- */
footer ul.fnavi { display: block; overflow: hidden; padding: 10px 0 0 10px; }
footer ul.fnavi li { float: left; width: 50%; }
footer ul.fnavi li a { display: block; margin-right: 10px; padding: 7px; padding: 10px; border: #999999 2px solid; -webkit-border-radius: 5px; border-radius: 5px; background: linear-gradient(to bottom, #ffffff 0%,#ffffff 1%,#f6f6f6 1%,#cccccc 100%); color: #333333; text-align: center; text-shadow: 1px 1px 1px #ffffff; }
footer ul.fnavi li span { position: relative; }
footer ul.fnavi li span:before { position: absolute; top: 50%; left: 0; display: inline-block; }
footer ul.fnavi li:nth-child(1) span { padding-left: 25px; }
footer ul.fnavi li:nth-child(1) span:before { margin-top: -6px; width: 19px; height: 12px; background: url(/common/sp/img/icon4.png) no-repeat 0 0 / 19px 12px; content: ""; }
footer ul.fnavi li:nth-child(2) span { padding-left: 17px; }
footer ul.fnavi li:nth-child(2) span:before { margin-top: -8px; width: 12px; height: 16px; background: url(/common/sp/img/icon5.png) no-repeat 0 0 / 12px 16px; content: ""; }
footer dl.fnavi { display: block; overflow: hidden; margin: 10px; -webkit-border-radius: 3px; border-radius: 3px; background: #ffffff; }
footer dl.fnavi dt { padding: 10px; background: linear-gradient(to bottom, #ffffff 0%,#ffffff 1%,#f6f6f6 1%,#cccccc 100%); text-align: center; font-weight: bold; font-size: 1.6rem; }
footer dl.fnavi dd { padding: 10px 0 0; text-align: center; font-weight: bold; font-size: 2.4rem; }
footer dl.fnavi dd a { text-decoration: underline; }
footer dl.fnavi dd.btn { padding: 10px; }
footer dl.fnavi dd.btn a { display: inline-block; padding: 7px; border: #999999 2px solid; -webkit-border-radius: 5px; border-radius: 5px; background: linear-gradient(to bottom, #ffffff 0%,#ffffff 1%,#f6f6f6 1%,#cccccc 100%); color: #333333; text-align: center; text-decoration: none; text-shadow: 1px 1px 1px #ffffff; font-weight: normal; font-size: 1.6rem; }
footer dl.fnavi span { position: relative; padding-left: 25px; }
footer dl.fnavi span:before { position: absolute; top: 50%; left: 0; display: inline-block; margin-top: -6px; width: 19px; height: 12px; background: url(/common/sp/img/icon4.png) no-repeat 0 0 / 19px 12px; content: ""; }

/* -------------------------------------------------------
フッター リンクリスト
------------------------------------------------------- */
footer ul.linkList { display: block; overflow: hidden; margin: 5px 10px; }
footer ul.linkList li { float: left; padding: 5px 0 0; width: 50%; }
footer ul.linkList li:last-child { width: 100%; }
html[lang=en] footer ul.linkList li:last-child { width: 50%; }
footer ul.linkList li a { display: inline-block; padding: 0 0 5px 28px; background: url(/common/sp/img/icon_pc.svg) no-repeat 7px 2px / 15px 13px; line-height: 1.2; }
html[lang=en] footer ul.linkList li a { display: block; padding: 0 0 5px 0; background: none; text-align: center; }

/* -------------------------------------------------------
フッター ページの先頭へ
------------------------------------------------------- */
footer div.bt1 { font-size: 1.4rem; }
footer div.bt1 a { display: block; display: block; overflow: hidden; margin: 10px; padding: 7px; padding: 10px; border-radius: 5px; background: linear-gradient(to bottom, #504f51 0%,#333333 100%); color: #ffffff; text-align: center; text-shadow: -1px -1px 2px #000000; }
footer div.bt1 a span { position: relative; display: inline-block; padding-left: 20px; }
footer div.bt1 a span:before { position: absolute; top: 50%; left: 0; margin-top: -4px; width: 12px; height: 8px; background: url(/common/sp/img/icon1.png) no-repeat 0 0 / 12px 8px; content: ""; }
/* -------------------------------------------------------
フッター PCサイト
------------------------------------------------------- */
div.bt2 { font-size: 1.4rem; }
div.bt2 a { display: block; padding: 7px; padding: 14px; border-top: #8F8F8F 2px solid; background: linear-gradient(to bottom, #ffffff 0%,#ffffff 1%,#f6f6f6 1%,#cccccc 100%); color: #333333; text-align: center; text-shadow: 1px 1px 2px #ffffff; }
div.bt2 a span { position: relative; display: inline-block; padding-left: 25px; }
div.bt2 a span:before { position: absolute; top: 50%; left: 0; margin-top: -8px; width: 19px; height: 16px; background: url(/common/sp/img/icon_pc.svg) no-repeat 0 0 / 19px 16px; content: ""; }
/* -------------------------------------------------------
フッター INQUIRIES
------------------------------------------------------- */
div.bt3 { font-size: 1.4rem; margin: 10px; }
div.bt3 a { display: block; padding: 7px; padding: 14px; background: linear-gradient(to bottom, #d83538 0%,#af1f1f 100%); color: #ffffff; text-align: center; text-shadow: 1px 1px 2px #ffffff; border-radius: 5px; }
/* -------------------------------------------------------
フッター copyright
------------------------------------------------------- */
footer div.copyright { display: block; overflow: hidden; padding: 10px 10px 15px; border-top: 1px solid #A89171; background: #333333; color: #ffffff; }
footer div.copyright address { float: left; font-style: normal; line-height: 1.4; }
footer div.copyright div.sns { float: right; }
footer div.copyright a { color: #ffffff; }







/*====================================

	4. Page

====================================*/


/*
 	4.1 TOP
====================================*/
div.catalogBtn { margin: 5vw; text-align: center; }
div.catalogBtn img { width: 100%; height: auto; max-width: 600px; }
section.topSlide { display: block; overflow: hidden; }
section.topSlide img { width: 100%; height: auto; }
section.topSlide .slick-dots { background: #e0e0e0; }
section.topSlide .slick-next {  }
section.topSlide .slick-prev {  }
.en .main_wrap { margin: 3vw; }
.en .main_wrap img { width: 100%; height: auto; }

.en .main_wrap img.new { width: auto; margin-left: 8px; transform:translateY(-2px);}

.en #list_img1 ul { display:-webkit-box; display:-webkit-flexbox; display:-webkit-flex; display:flex; text-align: center; -webkit-box-lines:multiple; flex-wrap:wrap; }
.en #list_img1 li { margin-right: 2vw; margin-bottom: 2vw; width: 30vw; }
.en #list_img1 li:nth-child(3n) { margin-right: 0; }

#footentry div.newslist ul { margin-bottom: 5vw; }
#footentry div.newslist li { display: block; overflow: hidden; padding: 10px; border-bottom: 1px solid #8F8F8F; }
#footentry div.newslist div.thumbnail { float: left; display: block; margin-right: 10px; padding: 0 0 1px 0; width: 70px; text-align: center; }
#footentry div.newslist div.txt { line-height: normal; }







/*
 	4.2 PRODUCTS
====================================*/
section.catalogListA { margin-bottom: 5vw; }
section.catalogListA ul { display:-webkit-box; display:-moz-box; display:-ms-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; margin-right: 3vw; text-align: center; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-bottom: 8vw; }
section.catalogListA li { margin-top: 3vw; margin-left: 3vw; width: 45.5vw; text-align: center; }
section.catalogListA li img { width: 100%; height: auto; }
section.catalogListA dt { margin-bottom: 1.5vw; }
section.catalogListA dd { font-size: 1.6rem; line-height: 1.2; }

section.catalogListB { margin-bottom: 5vw; }
section.catalogListB h3 { margin: 4vw 3vw 2vw; padding-bottom: 1vw; border-bottom: 2px solid #393939; text-align: center; font-weight: normal; font-size: 2rem; }
section.catalogListB ul { display:-webkit-box; display:-moz-box; display:-ms-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; margin-right: 3vw; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; }
section.catalogListB li a { display: block; }
section.catalogListB li { margin-top: 3vw; margin-left: 3vw; width: 45.5vw; vertical-align: middle; }
section.catalogListB li span { display: inline-block; margin-left: 2vw; width: 33vw; vertical-align: middle; font-size: 1.4rem; line-height: 1.2; }
section.catalogListB li span.img { position: relative; margin-left: 0; width: 10vw; height: 10vw; border: 1px solid #cccccc; }
section.catalogListB li span.img img { position: absolute; top: 50%; left: 50%; max-width: 90%; max-height: 90%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%); }

section.catalogListC { margin-bottom: 5vw; }
section.catalogListC h3 { margin: 4vw 3vw 2vw; padding-bottom: 1vw; border-bottom: 2px solid #393939; text-align: center; font-weight: normal; font-size: 2rem; }
section.catalogListC ul { display:-webkit-box; display:-moz-box; display:-ms-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; margin-right: 3vw; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; }
section.catalogListC li a { display: block; }
section.catalogListC li { display: block; overflow: hidden; margin-top: 3vw; margin-left: 3vw; padding-bottom: 2vw; width: 45.5vw; border-bottom: 1px solid #cccccc; vertical-align: middle; }
section.catalogListC li span { display: inline-block; margin-left: 2vw; width: 33vw; vertical-align: middle; font-size: 1.4rem; line-height: 1.2; }
section.catalogListC li span.img { position: relative; margin-left: 0; width: 10vw; height: 10vw; }
section.catalogListC li span.img img { position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%); }

section.catalogItem h3 { margin: 4vw 3vw 2vw; padding-bottom: 1vw; border-bottom: 2px solid #393939; font-weight: normal; font-size: 2rem; }
section.catalogItem .layout { position: relative; margin: 3vw; }
section.catalogItem .layout a { color: #666; }
section.catalogItem .slide { display: none; }
section.catalogItem .slider { padding: 3vw; border: 1px solid #cecece; }
section.catalogItem .slide li { list-style: none; }
section.catalogItem .slide.slick-initialized { display: block; }
section.catalogItem .slider img { max-width: 100%; max-height: 100%; }
section.catalogItem .slick-dotted.slick-slider { margin-bottom: 20vw; }
section.catalogItem .slick-dots { bottom: -15vw !important; left: 0; display: flex; margin-top: 5px; justify-content: left; }
section.catalogItem .slick-dots li { display: inline-block; margin: 0 10px 0 0; width: 12vw; height: 12vw; border: 1px solid #cecece; list-style: none; }
section.catalogItem .slick-dots li img { width: 100%; height: auto; }
section.catalogItem .slick-dots li.slick-active { border: 1px solid #cb0101; }
section.catalogItem p { margin: 0 3vw; font-size: 1.6rem; line-height: 1.5; }
section.catalogItem ul.dimensions { display:-webkit-box; display:-moz-box; display:-ms-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; margin: 8vw 2vw; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; }
section.catalogItem ul.dimensions li { position: relative; margin: 0 1vw; width: 46vw; height: 46vw; border: 1px solid #cecece; }
section.catalogItem ul.dimensions li img { position: absolute; top: 50%; left: 50%; max-width: 90%; max-height: 90%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%); }
section.estimateBlock { margin: 0 3vw; }
section.estimateBlock p.notice { color: #c00; font-size: 1.6rem; line-height: 1.5; }
section.estimateBlock div.btn { margin: 5vw 0; text-align: center; }
section.estimateBlock div.btn input { display: inline-block; margin-bottom: 2vw; padding: 2vmin; width: 50vw; border-radius: 5px; background: #d83538; background: -moz-linear-gradient(top, #d83538 0%, #af1f1f 100%); background: -webkit-linear-gradient(top, #d83538 0%,#af1f1f 100%); background: linear-gradient(to bottom, #d83538 0%,#af1f1f 100%); color: #ffffff; font-size: 1.6rem; }
section.estimateBlock div.item { overflow: hidden; margin: 0 0 5vw; padding: 3vw 3vw 0; background: #f0f0f0;}
section.estimateBlock div.item label { display: block; margin-bottom: 3vw; font-size: 2rem; }
section.estimateBlock div.item label span { margin: 0 4vw; font-weight: bold; }
section.estimateBlock div.item label input { margin-left: 2vw; border: 1px solid #666666; border-radius: 3px; -webkit-transform: scale(2); transform: scale(2); }
section.estimateBlock div.item dl { font-size: 1.6rem; }
section.estimateBlock div.item dt { position: relative; padding: 3vw; border-top: 1px solid #bbbbbb; text-align: center; }

section.estimateBlock div.item dt:before { position: absolute; top: 50%; left: 32%; margin-top: -1.7vw; width: 4vw; height: 4vw; background: url(../img/arrow_bottom_gray.svg) no-repeat 0 50%; content: ""; }
section.estimateBlock div.item dt.open { background: #333333; color: #ffffff; }
section.estimateBlock div.item dt.open:before { background: url(../img/arrow_top.svg) no-repeat 0 50%; }


section.estimateBlock div.item li { padding: 2vw 0; border-bottom: 1px solid #bbbbbb; }
section.estimateBlock div.item div.close { margin: 3vw 0; text-align: center; }
section.estimateBlock div.item div.close span { position: relative; display: inline-block; margin-bottom: 3vw; padding: 2vw 10vw 2vw 15vw; background: #333333; color: #ffffff; }
section.estimateBlock div.item div.close span:before { position: absolute; top: 50%; left: 10%; margin-top: -2.5vw; width: 4vw; height: 4vw; background: url(../img/arrow_top.svg) no-repeat 0 50%; content: ""; }

div#dimensionsOverlay { position: fixed; top: 0; left: 0; z-index: 100; background: #ffffff; box-shadow: 0 10px 5px rgba(0,0,0,0.3); }
div#dimensionsOverlay dt { position: relative; padding: 3vw; width: 100vw; background: #333333; color: #ffffff; text-align: center; font-weight: bold; font-size: 2rem; }
div#dimensionsOverlay dt:before { position: absolute; top: 50%; left: 20%; margin-top: -2.5vw; width: 5vw; height: 5vw; background: url(../img/arrow_bottom.svg) no-repeat 0 50% / 5vw auto; content: ""; animation: arrow .5s infinite; animation-duration: 3s; }
div#dimensionsOverlay dt:after { content: "寸法図を見る"; }
div#dimensionsOverlay dt.open:before { background: url(../img/arrow_top.svg) no-repeat 0 50% / 5vw auto; animation: none; }
div#dimensionsOverlay dt.open:after { content: "寸法図を閉じる"; }
div#dimensionsOverlay ul.dimensions { margin: 2vw; }
@keyframes arrow {
  from{ top: 50%; }
  10% { top: 60%; }
  20% { top: 50%; }
  to{ top: 50%; }
}
html[lang=en] div#dimensionsOverlay dt:after { content: "View dimension"; }
html[lang=en] div#dimensionsOverlay dt.open:after { content: "Close dimension"; }


/*
 	4.3 お問い合わせ & 見積カート
====================================*/
section.contactBlock { margin-bottom: 5vw; }
section.contactBlock h3 { margin: 4vw 3vw 3vw; padding-bottom: 1vw; border-bottom: 2px solid #393939; font-weight: normal; font-size: 1.9rem; }
section.contactBlock ul { margin: 2vw 3vw; font-weight: bold; font-size: 2rem; }
section.contactBlock li { margin-bottom: 3vw; padding-bottom: 3vw; border-bottom: 1px solid #e0e0e0; text-align: center; }
section.contactBlock li a { text-decoration: underline; }
section.contactBlock p { margin: 0 3vw; font-size: 1.6rem; line-height: 1.5; }

section.contactForm { margin: 0 3vw; }
section.contactForm a { text-decoration: underline; }
section.contactForm h3 { margin: 4vw 0 2vw; padding-bottom: 1vw; border-bottom: 2px solid #393939; font-weight: normal; font-size: 2rem; }
section.contactForm p { margin-bottom: 1em; font-size: 1.6rem; line-height: 1.5; }
section.contactForm ul.catalogSelect { margin-bottom: 5vw; border-top: 1px solid #e0e0e0; }
section.contactForm ul.catalogSelect li { padding: 3vw 0; border-bottom: 1px solid #e0e0e0; }
section.contactForm ul.catalogSelect label { display:-webkit-box; display:-moz-box; display:-ms-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; }
section.contactForm ul.catalogSelect input[type=checkbox] { margin-right: 2vw; border: 1px solid #666666; border-radius: 3px; -webkit-transform: scale(1.5); transform: scale(1.5); }
section.contactForm ul.catalogSelect label span { display: inline-block; font-size: 1.6rem; }
section.contactForm ul.catalogSelect label span:nth-child(1) { margin-top: 7vw; width: 8vw; }
section.contactForm ul.catalogSelect label span:nth-child(2) { margin-top: 7vw; width: 62vw; }
section.contactForm ul.catalogSelect label span:nth-child(3) { width: 24vw; text-align: right; }
section.contactForm ul.catalogSelect label span.mt3vw { margin-top: 3vw; }
section.contactForm ul.catalogSelect label span img { width: auto; height: 20vw; }
section.contactForm ul.styleDisc { margin-bottom: 0.5em; margin-left: 1em; list-style: disc; font-size: 1.6rem; }
section.contactForm ul.styleDisc li { margin-bottom: 0.5em; }
section.contactForm .required { color: #cc0000; }
section.contactForm dl { margin-bottom: 5vw; border: 1px solid #cccccc; font-size: 1.6rem; }
section.contactForm dt { padding: 2vw; border-bottom: 1px solid #cccccc; background: #f0f0f0; }
section.contactForm dd { padding: 3vw 2vw; border-bottom: 1px solid #cccccc; }
section.contactForm dd p { margin-bottom: 0.5em; }
section.contactForm dd textarea { height: 8em; }
section.contactForm dd textarea,
section.contactForm dd input[type=text],
section.contactForm dd input[type=number],
section.contactForm dd input[type=tel],
section.contactForm dd input[type=url],
section.contactForm dd input[type=email] { padding: 2vw; width: 100%; border: 1px solid #666666; border-radius: 3px; }
section.contactForm dd input#zip { margin-right: 5vw; width: 50%; }
section.contactForm dd input[type=checkbox] { margin-right: 2vw; border: 1px solid #666666; border-radius: 3px; -webkit-transform: scale(1.5); transform: scale(1.5); }
section.contactForm dd label { display: block; padding: 2vw 1vw 2vw 1.9em; text-indent: -1.5em; }
section.contactForm dd ul { display:-webkit-box; display:-moz-box; display:-ms-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; }
section.contactForm dd li { width: 50%; }
section.contactForm dd select { padding: 2vw; width: 100%; border: 1px solid #666666; border-radius: 3px; background: url(../img/arrow_bottom_gray.svg) no-repeat 97% 50% / 5vw auto; }
section.contactForm dd button { padding: 2vw 4vw; background: #333333; color: #ffffff; font-size: 1.4rem; }
section.contactForm div.btn { margin: 5vw 0; text-align: center; }
section.contactForm div.btn input { display: inline-block; margin-top: 2vw; padding: 2vmin; width: 50vw; border-radius: 5px; background: #d83538; background: -moz-linear-gradient(top, #d83538 0%, #af1f1f 100%); background: -webkit-linear-gradient(top, #d83538 0%,#af1f1f 100%); background: linear-gradient(to bottom, #d83538 0%,#af1f1f 100%); color: #ffffff; font-size: 1.6rem; }
section.contactForm div.btn a { display: block; margin-top: 4vw; font-size: 1.6rem; }
section.contactForm div.btnTop { margin: 5vw 0; text-align: center; }
section.contactForm div.btnTop a { display: inline-block; margin-bottom: 2vw; padding: 2vmin; width: 45vw; border-radius: 5px; background: #5f5f5f; background: -moz-linear-gradient(top, #5f5f5f 0%, #474747 100%); background: -webkit-linear-gradient(top, #5f5f5f 0%,#474747 100%); background: linear-gradient(to bottom, #5f5f5f 0%,#474747 100%); color: #ffffff; text-decoration: none; font-size: 1.6rem; }

section.estimateForm { margin: 0 3vw 5vw; font-size: 1.6rem; }
section.estimateForm li { margin-bottom: 0.5em; }
section.estimateForm p { margin-bottom: 1em; }
section.estimateForm h3 { margin: 4vw 0 2vw; padding-bottom: 1vw; border-bottom: 2px solid #393939; font-weight: normal; font-size: 2rem; }
section.estimateForm dl { margin-bottom: 3vw; border: 1px solid #cccccc; font-size: 1.6rem; }
section.estimateForm dt { padding: 2vw; border-bottom: 1px solid #cccccc; background: #f0f0f0; }
section.estimateForm dt span { display: inline-block; margin-left: 2vw; width: 75vw; vertical-align: middle; line-height: 1.2; }
section.estimateForm dt span.img { position: relative; margin-left: 0; width: 10vw; height: 10vw; border: 1px solid #cccccc; background: #ffffff; }
section.estimateForm dt span.img img { position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%); }
section.estimateForm dd { padding: 3vw 2vw; border-bottom: 1px solid #cccccc; }
section.estimateForm dd input[type=text] { padding: 2vw; width: 20vw; border: 1px solid #666666; border-radius: 3px; }
section.estimateForm dd div.delBtn { margin-top: 3vw; padding-top: 3vw; border-top: 1px solid #bbbbbb; text-align: center; }
section.estimateForm dd div.delBtn input { display: inline-block; padding: 2vmin; width: 30vw; border-radius: 5px; background: #fcfcfc; background: -moz-linear-gradient(top, #fcfcfc 0%, #cfcfcf 100%); background: -webkit-linear-gradient(top, #fcfcfc 0%,#cfcfcf 100%); background: linear-gradient(to bottom, #fcfcfc 0%,#cfcfcf 100%); font-size: 1.6rem; }
section.estimateForm div.addEstimate { margin: 4vw 0; text-align: center; }
section.estimateForm div.addEstimate a { position: relative; display: inline-block; padding: 2vw 10vw 2vw 14vw; border-radius: 5px; background: #606060; background: -moz-linear-gradient(top, #606060 0%, #474848 100%); background: -webkit-linear-gradient(top, #606060 0%,#474848 100%); background: linear-gradient(to bottom, #606060 0%,#474848 100%); color: #ffffff; font-size: 1.6rem; }
section.estimateForm div.addEstimate a:before { position: absolute; top: 50%; left: 8vw; margin-top: -0.75em; width: 3vw; height: 3vw; color: #ffffff; content: "＋"; font-weight: bold; }


/*
 	4.4 ASANO'S VALUABLE CREATIONS
====================================*/
#productDev div.blockTop { padding: 8vw 5vw 5vw; width: 100vw; background: #000 url(/common/img_main/en/productdev_top_bg.png) no-repeat 50% 50%; color: #ffffff; }
#productDev div.blockTop h1 { margin-bottom: 5vw; }
#productDev div.blockTop h1 img { width: 100%; height: auto; }
#productDev div.blockTop li {  margin-top: 4vw; padding: 3vw; background: linear-gradient(to bottom,rgba(240,240,240,0.2),rgba(24,24,24,0.2)); }
#productDev div.blockTop h2 { margin-bottom: 3vw; }
#productDev div.blockTop h3 { margin-bottom: 10px; font-size: 1.8rem; line-height: 1.2; }
#productDev div.blockTop p { font-size: 1.4rem; line-height: 1.4; }
#productDev div.blockTop .moreBtn { margin-top: 3vw; font-size: 1.6rem; }
#productDev div.blockTop .moreBtn a { display: block; padding: 2vw 0; border-radius: 4px; background: linear-gradient(to bottom,  #616161 0%,#464646 100%); color: #FFF; text-align: center; }
#productDev div.devTitle { margin-bottom: 10vw; padding: 8vw 5vw; color: #ffffff; }
#productDev div.devTitle h1 { margin-bottom: 3vw; }
#productDev div.devTitle h2 { margin-bottom: 3vw; font-size: 2.4rem; line-height: 1.2; }
#productDev div.devTitle p { font-size: 1.6rem; line-height: 1.4; }
#productDev div.devTitle.method { background: #000 url(/common/img_main/en/productdev_bg_method.png) no-repeat 90% 0 / 140% auto; }
#productDev div.devTitle.material { background: #000 url(/common/img_main/en/productdev_bg_material.png) no-repeat 95% 0 / auto 100%; }
#productDev div.devTitle.design { background: #000 url(/common/img_main/en/productdev_bg_design.png) no-repeat 100% 0 / 140% auto; }

#productDev div.block01 { margin: 0 5vw 5vw; }
#productDev div.block01 h2 { margin-bottom: 3vw; font-size: 1.8rem; }
#productDev div.block01 p { margin-bottom: 5vw; font-size: 1.4rem; line-height: 1.6; }
#productDev div.block01 p a { text-decoration: underline; }
#productDev div.block01 img { width: 100%; height: auto; display: block; margin: 0 auto; }
#productDev div.block01 img.wSmall { width: 70%; height: auto; }
#productDev div.block02 { margin:0 0 5vw; padding: 5vw; background: #000000; color: #ffffff; }
#productDev div.block02 h2 { margin-bottom: 3vw; font-size: 1.8rem; }
#productDev div.block02 p { margin-bottom: 5vw; font-size: 1.4rem; line-height: 1.6; }
#productDev div.block03 { margin:0 0 5vw; padding: 5vw; background: #000000; color: #ffffff; }
#productDev div.block03 p { font-size: 1.4rem; line-height: 1.6; }
#productDev div.block04 { margin-bottom: 5vw; padding: 8vw 5vw; background: #000000 url(/common/img_main/en/productdev_img013.png) no-repeat 95% 0 / 160% auto; color: #ffffff; }
#productDev div.block04 h2 { margin-bottom: 3vw; font-size: 1.8rem; }
#productDev div.block04 p { font-size: 1.4rem; line-height: 1.6; }
#productDev div.block05 { margin: 0 5vw 5vw; padding: 3vw; border: 1px solid #cccccc; text-align: center; }
#productDev div.block05 h2 { margin-bottom: 3vw; font-size: 1.8rem; }
#productDev div.block05 p { font-size: 1.4rem; line-height: 1.6; }
#productDev div.block05 a { text-decoration: underline; font-weight: bold; }
#productDev div.block06 { margin: 0 5vw 5vw; }
#productDev div.block06 h2 { margin-bottom: 3vw; font-size: 1.8rem; }
#productDev div.block06 p {  font-size: 1.4rem; line-height: 1.6; }
#productDev div.block06 img { width: 100%; height: auto; }
#productDev div.block07 { margin: 0 5vw 5vw; }
#productDev div.block07 h2 { margin-bottom: 3vw; font-size: 1.8rem; }
#productDev div.block07 li { padding: 3vw; background:#f0f0f0; }
#productDev div.block07 dt { margin-bottom: 5vw; padding: 3vw; background: #ffffff; text-align: center; }
#productDev div.block07 dd h3 { margin-bottom: 3vw; font-size: 1.6rem; }
#productDev div.block07 dd p { font-size: 1.4rem; line-height: 1.6; }
#productDev div.block07 a { text-decoration: underline; }
#productDev div.block07 img { width: auto; height: 30vw; }
#productDev div.block08 { margin: 0 5vw 5vw; }
#productDev div.block08 h2 { margin-bottom: 3vw; font-size: 1.8rem; }
#productDev div.block08 p { font-size: 1.4rem; line-height: 1.6; }
#productDev div.block08 img { width: 100%; height: auto; display: block; margin: 0 auto; }
#productDev div.block08 img.wSmall { width: 70%; height: auto; }

#productDev div.blockNav { margin: 5vw auto; padding: 3vw 0; border-top: 1px solid #cccccc; }
#productDev div.blockNav h2 { margin-bottom: 3vw; text-align: center; font-weight: bold; font-size: 2rem; }
#productDev div.blockNav ul { display:-webkit-box; display:-webkit-flexbox; display:flex; -webkit-box-lines:multiple; flex-wrap:wrap; }
#productDev div.blockNav li { padding-top: 10px; width: 33.3vw; }
#productDev div.blockNav a { height: 100%; padding: 3vw 0; border-right: 1px solid #ffffff; background: #cccccc; color: #333333; text-align: center; text-decoration: none; display: flex; justify-content: center; align-items: center; }
#productDev div.blockNav a:hover { text-decoration: underline; }
#productDev div.blockNav li.current { background: url(/common/img_main/en/productdev_icon_arrow.png) no-repeat 50% 0; }
#productDev div.blockNav li.current a { background: #000000; color: #ffffff; }





/*
 	4.5 CATALOG DOWNLOAD
====================================*/
.downloadBlock1 { padding: 5vw 3vw; font-size: 1.4rem; }
.downloadBlock1 h3 { text-align: center; margin-bottom: 5vw; }
.downloadBlock1 dl { display: block; overflow: hidden; }
.downloadBlock1 dt { float: left; width: 30vw; }
.downloadBlock1 dt img { width: 100%; height: auto; }
.downloadBlock1 dd { margin-left: 35vw; margin-bottom: 2vw; }
.downloadBlock2 { background: #F0F0F0; font-size: 1.4rem; padding: 0 5vw 5vw; margin-bottom: 5vw; }
.downloadBlock2 h4 { background: #3A3A3A; color: #ffffff; text-align: center; padding: 2vw; margin-bottom: 5vw; }
.downloadBlock2 p { margin-bottom: 5vw; }
.downloadBlock2 ul { display:-webkit-box; display:-webkit-flexbox; display:flex; -webkit-box-lines:multiple; flex-wrap:wrap; }
.downloadBlock2 li { width: 40vw; margin: 0 2.5vw 3vw; }
.downloadBlock2 li img { width: 100%; height: auto; }

/*
 	4.6 ABOUT US
====================================*/
.aboutUs { font-size: 1.6rem; }
.aboutUs h3 { background: #f0f0f0; border-top: 2px solid #666666; font-size: 1.8rem; padding: 2vw; margin: 3vw 0; }
.aboutUs table { margin: 0 0 5vw; } 
.aboutUs th,
.aboutUs td { display: block; width: 100%; text-align: left; margin-bottom: 1vw; }
.aboutUs th:before { content: "●"; }
.aboutUs .listStyle td { padding-left: 1em; margin-bottom: 0; text-indent: -1em; }
.aboutUs .listStyle td:before { content: "・"; }
.aboutUs img.addressImg { height: 1.4rem; width: auto; }
.aboutUs iframe { width: 100%; height: 50vw;}
.aboutUs .box_type13 { display:-webkit-box; display:-webkit-flexbox; display:flex; -webkit-box-lines:multiple; flex-wrap:wrap; }
.aboutUs .box_type13 div { width: 40vw; margin: 0 2.5vw 3vw; vertical-align: top; }
.aboutUs .box_type13 div div { width: 18.5vw; margin: 0 0.5vw 0 0; display: inline-block; vertical-align: top; }
.aboutUs .box_type13 img { width: 100%; height: auto; margin-bottom: 1vw; }


/*
 	4.7 PRIVACY POLICY
====================================*/
.privacyPolicy { font-size: 1.6rem; line-height: 1.4; margin-bottom: 5vw; }
.privacyPolicy h2 { font-size: 2rem; }


/*
 	4.7 TRANSPORTATION COST
====================================*/
.costBlock { font-size: 1.6rem; margin-bottom: 5vw; }
.costBlock h3 { background: #f0f0f0; border-top: 2px solid #666666; font-size: 1.8rem; padding: 2vw; margin: 3vw 0; }
.costBlock table { margin: 0 0 5vw; } 
.costBlock th,
.costBlock td { display: block; width: 100%; text-align: left; margin-bottom: 1vw; }
.costBlock th:before { content: "●"; }

/*
 	4.9 SITEMAP
====================================*/
#sitemap { font-size: 1.6rem; }
#sitemap .box { margin-top: 30px; }
#sitemap ul { padding: 2px 0 0; }
#sitemap li { margin: 7px 0 0; }
#sitemap li a { display: inline-block; padding-left: 13px; background: url(/common/img_main/arrow_r.gif) 0 5px no-repeat; line-height: 1.3; }
#sitemap .title-style1 { border-top: 2px solid #666; padding: 2vw 0 2vw 4vw; background: #F0F0F0; font-weight: bold; }
#sitemap .title-style1 span { padding-left: 25px; position: relative; }
#sitemap .title-style1 span:before { position: absolute; content: ""; top: 50%; left: 0; width: 5vw; height: 5vw; margin-top: -2.5vw; background: url(/common/img_main/icon58.png) no-repeat 0 0 / 5vw 5vw;  }






/* -------------------------------------------------------
タイトル
------------------------------------------------------- */
.title-base { padding: 6px; background: #333333; color: #ffffff; text-align: center; font-weight: normal; font-size: 1.8rem; }
.title-base.left { padding-left: 13px; text-align: left; }


/*色*/
.block .title-base { background-color: #6AB5B5; }
.rigging .title-base { background-color: #2284B3; }
.ship .title-base { background-color: #2284B3; }
.bird .title-base { background-color: #9F89AB; }
.fall .title-base { background-color: #978135; }
.bracket .title-base { background-color: #83BE5F; }
.display .title-base { background-color: #C46F6F; }
.handrail .title-base { background-color: #8395AF; }
.sports .title-base { background-color: #EF8E4E; }
.nozzle .title-base { background-color: #3173C4; }
.prevention .title-base { background-color: #978135; }
.wire .title-base { background-color: #9F89AB; }
.play .title-base { background-color: #EF8E4E; }
.tennis .title-base { background-color: #328B5F; }


.title-base.page { background-color: #333 !important; }
.title-base2 { padding: 8px 15px; background: #E0E0E0; color: #333333; font-weight: normal; font-size: 1.4rem; }
.c01 { padding: 6px; background: #333333; color: #ffffff; text-align: center; text-shadow: -1px -1px 2px #000000; font-weight: normal; font-size: 1.8rem; }
.c02 { padding: 8px 15px; border-top: #8F8F8F 1px solid; background: #2284B3; color: #ffffff; font-weight: normal; font-size: 18px; }

.title-base3 { margin: 0 10px; padding: 0px 0px 5px; border-bottom: #333 3px solid; color: #333333; font-weight: normal; font-size: 18px; }

.block .title-base3 { border-bottom: #6AB5B5 3px solid; }
.rigging .title-base3 { border-bottom: #2284B3 3px solid; }
.ship .title-base3 { border-bottom: #2284B3 3px solid; }
.bird .title-base3 { border-bottom: #9F89AB 3px solid; }
.fall .title-base3 { border-bottom: #978135 3px solid; }
.bracket .title-base3 { border-bottom: #83BE5F 3px solid; }
.display .title-base3 { border-bottom: #C46F6F 3px solid; }
.handrail .title-base3 { border-bottom: #8395AF 3px solid; }
.sports .title-base3 { border-bottom: #EF8E4E 3px solid; }
.nozzle .title-base3 { border-bottom: #3173C4 3px solid; }


/* -------------------------------------------------------
一覧へのボタン
------------------------------------------------------- */


div.bt-base { text-align: center; }
div.bt-base a { padding: 6px 20px 6px 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; 
border-radius: 5px; 
 background: #504f51; /* Old browsers */
background: -moz-linear-gradient(top, #504f51 0%, #333333 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#504f51), color-stop(100%,#333333)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #504f51 0%,#333333 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #504f51 0%,#333333 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #504f51 0%,#333333 100%); /* IE10+ */
background: linear-gradient(to bottom, #504f51 0%,#333333 100%); /* W3C */
 color: #ffffff; text-align: center;
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#504f51', endColorstr='#333333',GradientType=0 ); /* IE6-9 */ }
div.more { margin-top: 20px; margin-bottom: 20px; text-align: center; 	}
div.more a { padding: 6px 20px 6px 20px; border: #CCCCCC 1px solid; 
-webkit-border-radius: 5px; -moz-border-radius: 5px; 
border-radius: 5px; 
 background: #504f51; /* Old browsers */
background: -moz-linear-gradient(top, #504f51 0%, #333333 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#504f51), color-stop(100%,#333333)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #504f51 0%,#333333 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #504f51 0%,#333333 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #504f51 0%,#333333 100%); /* IE10+ */
background: linear-gradient(to bottom, #504f51 0%,#333333 100%); /* W3C */
color: #ffffff; text-align: center; font-size: 18px;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#504f51', endColorstr='#333333',GradientType=0 ); /* IE6-9 */ }






/* -------------------------------------------------------
カテゴリリスト
------------------------------------------------------- */
div.CategoryList { }
div.CategoryList ul { }
div.CategoryList li { padding: 10px; border-bottom: #8F8F8F 1px solid; list-style: none; }
div.CategoryList li a { display: block; background: url(/common/sp/img/icon6.png) no-repeat right 50%; background-size: 12px 10px; text-decoration: none; }
div.CategoryList li a span { display: inline-block; margin-right: 10px; vertical-align: middle; }
div.CategoryList li a img { vertical-align: middle; }



/* -------------------------------------------------------
実績 写真一覧
------------------------------------------------------- */
.photo { text-align: center; }
.photo ul { display:-webkit-box; display:-moz-box; display:-ms-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; margin: 10px auto 0 auto; width: 310px; text-align: left; text-align: center; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; }
.photo li { float: left; margin: 0px 4px 5px 4px; width: 145px; text-align: left; }
.photo li img { display: block; margin: 0 auto; }
.photo li div { overflow: hidden; width: 145px; height: 110px; }
.photo li p { }


/* -------------------------------------------------------
カテゴリ詳細
------------------------------------------------------- */
.Details { margin: 15px 10px 20px 10px; }
.Details img { margin: 0 auto 10px auto; width: 100%; height: auto; max-width: auto; }


/* -------------------------------------------------------
使用製品
------------------------------------------------------- */
.use { margin: 0 10px 10px 10px; }
.use li { 	padding: 10px 0; border-bottom: #8F8F8F 1px solid; list-style: none; }
.use li a { display: block; background: url(/common/sp/img/icon_pc.svg) no-repeat right 50%; background-size: 16px 14px; text-decoration: none; }
.use li a span { display: inline-block; margin-right: 10px; vertical-align: middle; }
.use li a img { width: 52px; height: auto; vertical-align: middle; }


/* ------- ○○情報 ----- */

div.info { }
div.info.line { border-top: 1px solid #8F8F8F; }
div.info a { }
div.info dl { display: block; overflow: hidden; padding: 10px; border-bottom: 1px solid #8F8F8F; }
div.info.noline dl { padding-bottom: 0px; border-bottom: 0px; }
div.info dt { float: left; display: block; margin-right: 10px; padding: 0 0 1px 0; width: 70px; text-align: center; }
div.info dt img { }
div.info dd { line-height: normal; }
div.info dd span { display: inline-block; margin-right: 5px; padding: 0px 5px 0 0; color: #333333; vertical-align: middle; }
div.info dd img { margin-right: 3px; height: 20px; vertical-align: middle; }


/*NEWアイコン*/
div.info dd img.new { height: 12px; }
div.info dd.day { }
div.info dd.txt { padding: 3px 0 0 0; }


/* -------------------------------------------------------
○○情報 シングル
------------------------------------------------------- */

div.info_single { background: #E0E0E0; }
div.info_single dl { padding: 10px; line-height: normal; }
div.info_single dl img { margin-right: 8px; height: 20px; vertical-align: middle; }
div.info_single dd { margin-top: 5px; }

#Entry { padding: 20px 10px 20px 10px; }









/* -------------------------------------------------------
選択
------------------------------------------------------- */
#select { padding: 10px 0 10px 13px; }
#select span { display: inline-block; width: 5em; }
#select select { padding: 3px; width: 12em; border: 1px solid #CCC; }
#select div { margin: 3px 0 0 0; }


/* -------------------------------------------------------
ページング
------------------------------------------------------- */
div.paging { display: block; overflow: hidden; margin: 15px 5px; text-align: center; }
div.paging .prev { float: left; }
div.paging .next { float: right; }
div.paging .prev { display: inline-block; padding: 3px 4px 3px 2px; border: 1px solid #2e363f; -webkit-border-image: url(/common/sp/img/btn_prev.png) 2 5 4 12 / 2px 5px 4px 12px stretch; -moz-border-image: url(/common/sp/img/btn_prev.png) 2 5 4 50 / 2px 5px 4px 50px stretch; -o-border-image: url(/common/sp/img/btn_prev.png) 2 5 4 12 / 2px 5px 4px 12px stretch; color: #ffffff; text-shadow: -1px -1px 2px #000000; }
div.paging .next { display: inline-block; padding: 3px 2px 3px 4px; border: 1px solid #2e363f; -webkit-border-image: url(/common/sp/img/btn_next.png) 2 14 4 3 / 2px 14px 4px 3px stretch; -moz-border-image: url(/common/sp/img/btn_next.png) 2 14 4 40 / 2px 14px 4px 40px stretch; -o-border-image: url(/common/sp/img/btn_next.png) 2 14 4 3 / 2px 14px 4px 3px stretch; color: #ffffff; text-shadow: -1px -1px 2px #000000; }
div.paging .number a,
div.paging .current { display: inline-block; margin: 0 3px; width: 2.2em; height: 2.2em; -webkit-border-radius: 3px; border-radius: 3px; color: #fff; text-align: center; line-height: 2.2em; }
div.paging .number a { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#504F51), color-stop(100%,#333)); background: -webkit-linear-gradient(top, #504F51, #333); background: -moz-linear-gradient(top, #504F51, #333); background: -o-linear-gradient(top, #504F51, #333); background:  linear-gradient(to bottom, #504F51, #333); color: #fff; text-shadow: -1px -1px 1px #000000; }
div.paging .number.single a { padding-right: 15px; padding-left: 15px; width: 3.2em; }
div.paging .current { background-color: #CC0000; }



/*==============================
余白
==============================*/
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt45 { margin-top: 45px; }
.mt50 { margin-top: 50px !important; }
.mt55 { margin-top: 55px; }
.mt60 { margin-top: 60px; }

.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }
.mb55 { margin-bottom: 55px; }
.mb60 { margin-bottom: 60px; }

.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr35 { margin-right: 35px; }
.mr40 { margin-right: 40px; }
.mr45 { margin-right: 45px; }
.mr50 { margin-right: 50px; }
.mr55 { margin-right: 55px; }
.mr60 { margin-right: 60px; }

.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml35 { margin-left: 35px; }
.ml40 { margin-left: 40px; }
.ml45 { margin-left: 45px; }
.ml50 { margin-left: 50px; }
.ml55 { margin-left: 55px; }
.ml60 { margin-left: 60px; }

.st5 { padding-top: 5px; }
.st10 { padding-top: 10px; }
.st15 { padding-top: 15px; }
.st20 { padding-top: 20px; }
.st25 { padding-top: 25px; }
.st30 { padding-top: 30px; }
.st35 { padding-top: 35px; }
.st40 { padding-top: 40px; }
.st45 { padding-top: 45px; }
.st50 { padding-top: 50px; }
.st55 { padding-top: 55px; }
.st60 { padding-top: 60px; }

.sb5 { padding-bottom: 5px; }
.sb10 { padding-bottom: 10px; }
.sb15 { padding-bottom: 15px; }
.sb20 { padding-bottom: 20px; }
.sb25 { padding-bottom: 25px; }
.sb30 { padding-bottom: 30px; }
.sb35 { padding-bottom: 35px; }
.sb40 { padding-bottom: 40px; }
.sb45 { padding-bottom: 45px; }
.sb50 { padding-bottom: 50px; }
.sb55 { padding-bottom: 55px; }
.sb60 { padding-bottom: 60px; }

.sr5 { padding-right: 5px; }
.sr10 { padding-right: 10px; }
.sr15 { padding-right: 15px; }
.sr20 { padding-right: 20px; }
.sr25 { padding-right: 25px; }
.sr30 { padding-right: 30px; }
.sr35 { padding-right: 35px; }
.sr40 { padding-right: 40px; }
.sr45 { padding-right: 45px; }
.sr50 { padding-right: 50px; }
.sr55 { padding-right: 55px; }
.sr60 { padding-right: 60px; }

.sl5 { padding-left: 5px; }
.sl10 { padding-left: 10px; }
.sl15 { padding-left: 15px; }
.sl20 { padding-left: 20px; }
.sl25 { padding-left: 25px; }
.sl30 { padding-left: 30px; }
.sl35 { padding-left: 35px; }
.sl40 { padding-left: 40px; }
.sl45 { padding-left: 45px; }
.sl50 { padding-left: 50px; }
.sl55 { padding-left: 55px; }
.sl60 { padding-left: 60px; }

.we1 { width: 1em; }
.we2 { width: 2em; }
.we3 { width: 3em; }
.we4 { width: 4em; }
.we5 { width: 5em; }
.we6 { width: 6em; }
.we7 { width: 7em; }
.we8 { width: 8em; }
.we9 { width: 9em; }
.we10 { width: 10em; }
.we11 { width: 11em; }
.we12 { width: 12em; }
.we13 { width: 13em; }
.we14 { width: 14em; }
.we15 { width: 15em; }
.we16 { width: 16em; }
.we17 { width: 17em; }
.we18 { width: 18em; }
.we19 { width: 19em; }
.we20 { width: 20em; }
.we21 { width: 21em; }
.we22 { width: 22em; }
.we23 { width: 23em; }
.we24 { width: 24em; }
.we25 { width: 25em; }
.we26 { width: 26em; }
.we27 { width: 27em; }
.we28 { width: 28em; }
.we29 { width: 29em; }
.we30 { width: 30em; }
.we31 { width: 31em; }
.we32 { width: 32em; }
.we33 { width: 33em; }
.we34 { width: 34em; }
.we35 { width: 35em; }
.we36 { width: 36em; }
.we37 { width: 37em; }
.we38 { width: 38em; }
.we39 { width: 39em; }
.we40 { width: 40em; }

.we1-5 { width: 1.5em; }
.we2-5 { width: 2.5em; }
.we3-5 { width: 3.5em; }
.we4-5 { width: 4.5em; }
.we5-5 { width: 5.5em; }
.we6-5 { width: 6.5em; }
.we7-5 { width: 7.5em; }
.we8-5 { width: 8.5em; }
.we9-5 { width: 9.5em; }




/*==============================
ブログ本文
==============================*/
#Entry { }
#Entry: before,
#Entry: after { display: table; content: ""; }
#Entry: after { clear: both; }
#Entry { zoom: 1; }
#Entry ul { padding: 10px 0 10px 17px; }
#Entry ul li { list-style: disc; }
#Entry ol { padding: 10px 0 10px 24px; }
#Entry ol li { list-style: decimal; }
#Entry a { text-decoration: underline; }
#Entry h1,
#Entry h2,
#Entry h3,
#Entry h4,
#Entry h5,
#Entry h6 { font-weight: bold; }
#Entry h1 { font-size: 150%; }
#Entry h2 { font-size: 140%; }
#Entry h3 { font-size: 130%; }
#Entry h4 { font-size: 120%; }
#Entry h5 { font-size: 110%; }
#Entry h6 { font-size: 100%; }
#Entry p { margin-bottom: 1em; }

/* 画像最大サイズ 20130830 */
#Entry.blog-body img { height: auto; max-width: 310px; }