/*
Theme Name: rooming
Author: bob(09works)
Author URI: http://www.09works.net/
Description: アトリエ ルーミング オリジナルテーマ
License: copylight 09works
version: 1.0

@charset "UTF-8";
/* CSS Document */

body { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:14px; line-height:200%; font-weight:normal; color:#FFF; background:#B5B5B6;}
p, li { text-align:justify; text-justify:inter-ideograph;}
strong, b { font-weight:bold;}
em { font-style:normal;}
a:link, a:active { text-decoration:none; color:#E4007F;}
a:hover, a:visited:hover { text-decoration:none; color:#E4007F;}
a:visited { text-decoration:none; color:#E4007F;}
caption { color:#666; margin:5px 0;}

.clearfix:after { font-size:1px; content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { zoom:1;}

@media screen and (max-width:655px){
/* Header ++++++++++++++++++++ */
div.wrap {}
header#top-header { width:100%; display:block; overflow:hidden;}
header#top-header h1 a { width:140px; height:140px; margin:0 auto; display:block; overflow:hidden; text-indent:-9999px; background:url(/images/bg_h1_logo.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}

div.sub-wrap { padding:40px 0 0;}
header#sub-header { width:100%; margin:0 0 60px; display:block; overflow:hidden;}
header#sub-header h1 a { width:200px; height:22px; margin:0 auto 15px; display:block; overflow:hidden; text-indent:-9999px; background:url(/images/phone/bg_h1_subLogo.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}


nav { width:100%; margin:0 auto; padding:5px 0; display:block; overflow:hidden; background:#B5B5B6;}
nav ul { width:100%; margin:0; display:block; overflow:hidden; }
nav ul li { list-style:none;}
nav ul li a { float:left; display:block; overflow:hidden; text-indent:-9999px;}
a.nv-1 { background:url(/images/phone/bg_nav1.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
a.nv-2 { background:url(/images/phone/bg_nav2.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
a.nv-3 { background:url(/images/phone/bg_nav3.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
a.nv-4 { background:url(/images/phone/bg_nav4.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
a.nv-5 { background:url(/images/phone/bg_nav5.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
a.nv-6 { background:url(/images/phone/bg_nav6.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}

a.btn-facebook { width:30px; height:30px; display:block; overflow:hidden; text-indent:-9999px; background:url(/images/phone/bg_btn_facebook.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; position:fixed; top:0; right:0; z-index:9999;}


/* Contents ++++++++++++++++++++ */
/* Index ---------- */
div.contents-wrap { width:100%; display:block; overflow:hidden; background:#B5B5B6;}
div.contents { width:100%; margin:0 auto; padding:0 15px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}

div.topExplanation { width:100%; height:auto; margin:80px auto 80px; display:block; overflow:hidden;}

section.blogFeed { width:100%; margin:0 auto 100px; display:block; overflow:hidden; position:relative;}
section.blogFeed h1 { width:68px; height:50px; margin:0 auto 30px; display:block; overflow:hidden; text-indent:-9999px; background:url(/images/phone/bg_h1_blogFeed.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
section.blogFeed ul { width:90%; min-height:640px; line-height:160%;}
section.blogFeed ul li { padding:8px 0; border-bottom:1px dotted #988C82;}
section.blogFeed ul li a { display:block; overflow:hidden;}

a.btn-allView { width:55px; height:29px; display:block; overflow:hidden; text-indent:-9999px; background:url(/images/phone/bg_btn_allView.png) no-repeat; position:absolute; top:17px; right:0; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}


section.worksFeed { width:100%; margin:0 auto 100px; display:block; overflow:hidden; position:relative;}
section.worksFeed h1 { width:96px; height:50px; margin:0 auto 30px; display:block; overflow:hidden; text-indent:-9999px; background:url(/images/phone/bg_h1_worksFeed.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}

section.worksFeed ul { display:block; overflow:hidden;}
section.worksFeed ul li { list-style:none; float:left; margin:0 15px 15px 0; padding:2px; display:block; overflow:hidden; background:#FFF; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
section.worksFeed ul li a h2 { display:none;}
section.worksFeed ul li a img { display:block; overflow:hidden;}


a.btn-pagetop { width:35px; height:25px; margin:0 auto 80px; display:block; overflow:hidden; text-indent:-9999px; background:url(/images/phone/bg_btn_pagetop.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}


/* Sub ---------- */
section div.child { margin:0 0 100px; display:block; overflow:hidden;}
section div.child .child-L { display:block; overflow:hidden;}
section div.child .child-R { display:block; overflow:hidden;}
section div.child div.child2 { margin:0 0 60px;}
section div.child div.child2:last-child { margin:0 !important;}


/* works 施工事例 */
section.works {}
section.works h1 { width:85px; height:40px; margin:0 auto 40px; display:block; overflow:hidden; text-indent:-9999px; background:url(/images/phone/bg_h1_works.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
section.works h2.h2-archive { margin:0 auto 25px; font-size:14px; text-align:center;}

ul.works-list { margin:0 0 60px; display:block; overflow:hidden;}
ul.works-list li { list-style:none; float:left; margin:0 15px 15px 0; display:block; overflow:hidden;}
ul.works-list li div.thumImg { padding:2px; display:block; overflow:hidden; background:#FDF7F0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
ul.works-list ul li a img { display:block; overflow:hidden; -moz-filter:grayscale(100%); -webkit-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%);}

section.works-single, section.blog-single { display:block; overflow:hidden;}
section.works-single .child-R, section.blog-single .child-R { width:100%; margin:0; display:block; overflow:hidden;}
section.works-single article, section.blog-single article { margin:0 0 60px; padding:0 0 60px; border-bottom:1px dotted #988C82;}

aside.sidebar { width:100%; margin:0 0 60px; display:block; overflow:hidden;}
div.side-menu { margin:0 0 20px; display:block; overflow:hidden;}
div.side-menu h2 { height:21px; margin:0 0 16px; display:block; overflow:hidden; text-indent:-9999px;}
div.side-category h2 { width:130px; background:url(/images/phone/bg_h2_sideCategory.png) no-repeat;background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
div.side-m-archive h2 { width:130px; background:url(/images/phone/bg_h2_sideMonthry.png) no-repeat;background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
div.side-recent h2 { width:190px; background:url(/images/phone/bg_h2_sideRecent.png) no-repeat;background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
div.side-menu ul { width:100%; display:block; overflow:hidden;}
div.side-menu ul li { margin:0 0 12px; padding:0 0 0 2px; line-height:160%; font-size:14px;}
div.side-menu select {margin:0 0 24px 0; display:block; overflow:hidden; font-size:14px;}


/* design デザインについて */
section.design {}
section.design h1 { width:96px; height:40px; margin:0 auto 40px; display:block; overflow:hidden; text-indent:-9999px; background:url(/images/phone/bg_h1_design.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}

section.design h2 { height:39px; margin:0 0 30px; display:block; overflow:hidden; text-indent:-9999px;}
h2.h2-design1 { width:149px; background:url(/images/phone/bg_h2_design_workflow.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
h2.h2-design2 { width:149px; background:url(/images/phone/bg_h2_design_fee.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}

section.design h3 { margin:0 0 6px; display:block; overflow:hidden; font-size:16px;}
section.design h4 { width:100%; margin:0 0 8px; padding:0 0 7px; border-bottom:1px dotted #988C82; display:block; overflow:hidden; font-size:14px;}


/* profile プロフィール */
section.profile {}
section.profile h1 { width:96px; height:40px; margin:0 auto 40px; display:block; overflow:hidden; text-indent:-9999px; background:url(/images/phone/bg_h1_profile.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}

section.profile table { width:100%; margin:0 0 0; display:block; border-collapse:separate; border-spacing: 10px 0;}
section.profile table th { width:65px; padding:15px 0 15px; border-top:1px dotted #988C82; font-weight:bold; vertical-align:top;}
section.profile table td { padding:15px 0 15px; border-top:1px dotted #988C82;}
section.profile table tr:last-child th, section.profile table tr:last-child td { border-bottom:1px dotted #988C82;}
section.profile table input { width:100%; padding:5px; background:#EFEFEF; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
section.profile table textarea { width:100%; padding:5px; background:#EFEFEF; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}


/* blog ブログ */
section.blog { width:100%;}
section.blog h1 { width:62px; height:40px; margin:0 auto 40px; display:block; overflow:hidden; text-indent:-9999px; background:url(/images/phone/bg_h1_blog.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
section.blog h2.h2-archive { margin:0 auto 25px; font-size:14px; text-align:center;}

ul.blog-list { margin:0 0 60px; display:block; overflow:hidden;}
ul.blog-list li { margin:0 0 40px; display:block; overflow:hidden;}
ul.blog-list div.thumImg { float:left; width:80px; height:80px; padding:2px; display:block; overflow:hidden; background:#FDF7F0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
ul.blog-list div.thumImg img { width:76px; height:76px; display:block; overflow:hidden;}
ul.blog-list div.article-list-R { float:right; display:block; overflow:hidden;}
ul.blog-list div.article-list-R h2 { line-height:160%;}
ul.blog-list div.article-list-R p.naiyo { display:none;}


/* contact お問い合わせ */
section.contact {}
section.contact h1 { width:110px; height:40px; margin:0 auto 40px; display:block; overflow:hidden; text-indent:-9999px; background:url(/images/phone/bg_h1_contact.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
section.contact p.form-setsumei { margin-bottom:24px;}
section.contact p.setsumei-thanks { text-align: center;}
section.contact table { width:100%; margin:0 0 40px; border-collapse:collapse; font-size:14px; line-height:160%; table-layout:fixed; box-sizing:border-box;}
section.contact table th { width:100%; padding:8px 0 1px; display: block; overflow: hidden; box-sizing:border-box;}
section.contact table td { width:100%; padding:1px 0 8px; display: block; overflow: hidden; box-sizing:border-box;}
section.contact table td p.p-float { float:left; margin:0 4px; font-size:12px; line-height:180%;}
section.contact table input { margin:4px 2px; padding:4px 6px; border:none; border:1px solid #DDD; background:#FFF; box-sizing:border-box;}
section.contact table ul { display:block; overflow:hidden;}
section.contact table ul li { float:left; margin:0 12px 0 0;}
section.contact table select { float:left; display: block;
font-size: 12px;
line-height: 1.3;
padding: 2px 16px 2px 6px;
box-sizing: border-box;
margin: 0;
border: 1px solid #aaa;
box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
border-radius: .5em;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-color: #fff;
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
  linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
background-repeat: no-repeat, repeat;
background-position: right .7em top 50%, 0 0;
background-size: 6px auto, 100%;}
section.contact table .input25 { width:40%;}
section.contact table .input50 { width:99%;}
section.contact table .input75 { width:99%;}
section.contact table .input100 { width:99%;}
section.contact table textarea { width:99% !important; min-height:200px !important; margin:2px; padding:2px 4px; border:1px solid #DDD; background:#FFF; box-sizing:border-box; resize:vertical;}
section.contact div.mfp_buttons { width:200px; margin:0 auto; display:block; overflow:hidden;}
section.contact div.mfp_buttons button { width:180px; height:60px; display:block; overflow:hidden; text-indent:-9999px; box-sizing:border-box; cursor:pointer;}
section.contact button#btn-submit { margin:0 0 20px; border:none !important; background:url(/images/contact/bg_btn_submit@2x.png) center center no-repeat #E4007F; background-size:180px auto; transition:all 0.2s ease;}
section.contact button#btn-submit:hover { border-radius:40px; background-color: #E4007F;}
section.contact button#btn-reset { border:1px solid #333; background:url(/images/contact/bg_btn_reset@2x.png) center center no-repeat; background-size:180px auto; opacity:0.6; transition:all 0.2s ease;}
section.contact button#btn-reset:hover { border-radius:40px; opacity:1.0;}


/* 404 */
section.page404 { width:100%; margin:0 auto;}
section.page404 h1 { text-align:center;}
section.page404 p { text-align:center;}


/* Footer ++++++++++++++++++++ */
div.footer-wrap { clear:both; width:100%; display:block; overflow:hidden; background:#B5B5B6;}
footer { width:100%; margin:0 auto; padding:0 15px; display:block; overflow:hidden; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
footer h1 a { width:160px; height:17px; margin:0 auto 40px; display:block; overflow:hidden; text-indent:-9999px; background:url(/images/phone/bg_h1_footerLogo.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}

footer ul { width:100%; margin:0 0 40px; display:block; overflow:hidden; line-height:160%;}
footer ul li { list-style:none; margin:0 0 6px; display:block; overflow:hidden; text-align:center;}

footer p { width:100%; margin:0 auto; padding:40px 0; border-top:1px dotted #988C82; display:block; overflow:hidden; text-align:center; color:#FDF7F0;}
footer p small a { color:#FDF7F0 !important;}
footer p small a:hover { border-bottom:1px dotted #FDF7F0;}



}

@media screen and (min-width:656px){
	
/* Header ++++++++++++++++++++ */
/* top-header */
div.wrap { min-width:1000px;}
header#top-header { width:100%; display:block; overflow:hidden;}
header#top-header h1 a { width:240px; height:240px; margin:0 auto; display:block; overflow:hidden; text-indent:-9999px; background:url(/images/bg_h1_logo.png) no-repeat;}

header#top-header nav { width:100%; height:20px; margin:0; padding:25px 0 15px; display:block; overflow:hidden; background:#B5B5B6; position:relative;}
header#top-header nav ul { width:716px; height:20px; margin:0 auto; display:block; overflow:hidden;}
nav ul li { list-style:none;}
nav ul li a { float:left; height:20px; display:block; overflow:hidden; text-indent:-9999px;}
a.nv-1 { width:108px; background:url(/images/bg_nav.png) no-repeat; background-position:0 0;}
a.nv-1:hover { background-position:0 -20px;}
a.nv-2 { width:119px; background:url(/images/bg_nav.png) no-repeat; background-position:-108px 0;}
a.nv-2:hover { background-position:-108px -20px;}
a.nv-3 { width:123px; background:url(/images/bg_nav.png) no-repeat; background-position:-227px 0;}
a.nv-3:hover { background-position:-227px -20px;}
a.nv-4 { width:128px; background:url(/images/bg_nav.png) no-repeat; background-position:-350px 0;}
a.nv-4:hover { background-position:-350px -20px;}
a.nv-5 { width:103px; background:url(/images/bg_nav.png) no-repeat; background-position:-478px 0;}
a.nv-5:hover { background-position:-478px -20px;}
a.nv-6 { width:135px; background:url(/images/bg_nav.png) no-repeat; background-position:-581px 0;}
a.nv-6:hover { background-position:-581px -20px;}

header#top-header a.btn-facebook { width:20px; height:20px; display:block; overflow:hidden; text-indent:-9999px; background:url(/images/bg_btn_facebook.png) no-repeat; background-position:0 0; position:absolute; bottom:15px; right:20px;}
header#top-header a.btn-facebook:hover { background-position:0 -20px;}

/* sub-header */
div.sub-wrap { min-width:1000px; padding:60px 0 0; background:#B5B5B6;}
header#sub-header { width:1000px; height:130px; margin:0 auto 160px; display:block; overflow:hidden; position:relative;}
header#sub-header h1 a { width:130px; height:130px; margin:0 auto; display:block; overflow:hidden; text-indent:-9999px; background:url(/images/bg_h1_subLogo.png) no-repeat; position:absolute; top:0; left:435px;}

header#sub-header nav {}
header#sub-header nav ul { width:960px; height:20px; margin:110px 0 0 50px; display:block; overflow:hidden;}
header#sub-header nav ul a.nv-3 { width:123px !important; margin:0 198px 0 0;}
header#sub-header nav ul a.nv-4 { width:129px !important; margin:0; background-position:-349px 0;}
header#sub-header nav ul a.nv-4:hover { background-position:-349px -20px;}

header#sub-header a.btn-facebook { width:20px; height:20px; display:block; overflow:hidden; text-indent:-9999px; background:url(/images/bg_btn_facebook.png) no-repeat; background-position:0 0; position:absolute; bottom:0; right:0;}
header#sub-header a.btn-facebook:hover { background-position:0 -20px;}




/* Contents ++++++++++++++++++++ */
/* Index ---------- */
div.contents-wrap { width:100%; display:block; overflow:hidden; background:#B5B5B6;}
div.contents { width:1000px; margin:0 auto 120px; display:block; overflow:hidden;}

div.topExplanation { width:900px; height:auto; margin:100px auto 100px; display:block; overflow:hidden;}
div.topExplanation p { color:#FFF;}

section.blogFeed { width:430px; margin:0 auto 200px; display:block; overflow:hidden; position:relative;}
section.blogFeed h1 { width:68px; height:50px; margin:0 auto 58px; display:block; overflow:hidden; text-indent:-9999px; background:url(/images/bg_h1_blogFeed.png) no-repeat;}
section.blogFeed ul { width:400px; min-height:275px;}
section.blogFeed ul li a { color:#FDF7F0;}
section.blogFeed ul li a:hover { border-bottom:1px dotted #FDF7F0;}
a.btn-allView { width:85px; height:15px; display:block; overflow:hidden; text-indent:-9999px; background:url(/images/bg_btn_allView.png) no-repeat; background-position:0 0; position:absolute; top:35px; right:0;}
a.btn-allView:hover { background-position:0 -15px;}

section.worksFeed { width:1000px; margin:0 auto; display:block; overflow:hidden; position:relative;}
section.worksFeed h1 { width:98px; height:50px; margin:0 auto 58px; display:block; overflow:hidden; text-indent:-9999px; background:url(/images/bg_h1_worksFeed.png) no-repeat;}
section.worksFeed ul { display:block; overflow:hidden;}
section.worksFeed ul li { list-style:none; float:left; width:204px; height:204px; margin:0 40px 40px 0; padding:8px; display:block; overflow:hidden; background:#FDF7F0; position:relative;}
section.worksFeed ul li a h2 { width:150px; margin:0 35px; padding:3px 5px 1px; line-height:140%; text-align:center; display:block; overflow:hidden; color:#333; background:url(/images/bg_worksFeed_listmark.png) right center no-repeat #E4007F; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; position:absolute; top:99px; left:0; z-index:9999;}
section.worksFeed ul li a:hover h2 { color:#FFF; background:url(/images/bg_worksFeed_listmark.png) right center no-repeat #E4007F;}

section.worksFeed ul li a img { display:block; overflow:hidden;}
section.worksFeed ul li a:hover img { display:block; overflow:hidden;}


/* Sub ---------- */
section div.child { margin:0 0 100px; display:block; overflow:hidden; background:url(/images/bg_child.png) repeat-y; font-size:12px;}
.child-L { float:left; max-width:175px; margin:5px 0 0; display:block; overflow:hidden;}
.child-R { float:right; width:780px; display:block; overflow:hidden;}
section div.child div.child2 { margin:0 0 40px 36px;}


/* works 施工事例 */
section.works { width:1000px; min-height:420px; margin:0 auto; display:block; overflow:hidden; position:relative;}
section.works div.child .child-R { float:right; width:616px; display:block; overflow:hidden;}
section.works h1 { width:175px; height:46px; display:block; overflow:hidden; text-indent:-9999px; background:url(/images/bg_h1_works.png) no-repeat;}
section.works h2.h2-archive { margin:0 0 25px 40px; font-size:14px;}

ul.works-list { padding:0 0 0 40px; display:block; overflow:hidden;}
ul.works-list li { list-style:none; float:left; margin:0 40px 40px 0; position:relative;}
ul.works-list li:nth-child(3n) { margin:0 0 40px 0 !important;}
ul.works-list li div.thumImg { padding:8px; display:block; overflow:hidden; background:#FDF7F0;}
ul.works-list li h2 a { width:150px; margin:0 35px; padding:3px 5px 1px; line-height:140%; text-align:center; display:block; overflow:hidden; color:#333; background:url(/images/bg_worksFeed_listmark.png) right center no-repeat #E4007F; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; position:absolute; top:99px; left:0; z-index:9999;}
ul.works-list li:hover h2 a { color:#FFF; background:url(/images/bg_worksFeed_listmark.png) right center no-repeat #E4007F;}

section.works-single { width:1000px; display:block; overflow:hidden; background:url(/images/bg_child.png) repeat-y;}
section.works-single .child-R { width:740px; padding:0 0 0 40px; display:block; overflow:hidden;}

aside.sidebar { width:130px; display:block; overflow:hidden; position:absolute; top:100px; left:0;}
div.side-menu { margin:0 0 40px; display:block; overflow:hidden;}
div.side-menu h2 { height:14px; margin:0 0 16px; display:block; overflow:hidden; text-indent:-9999px;}
div.side-category h2 { width:90px; background:url(/images/bg_h2_sideCategory.png) no-repeat;}
div.side-m-archive h2 { width:90px; background:url(/images/bg_h2_sideMonthry.png) no-repeat;}
div.side-recent h2 { width:130px; background:url(/images/bg_h2_sideRecent.png) no-repeat;}
div.side-menu ul { width:130px; display:block; overflow:hidden;}
div.side-menu ul li { margin:0 0 12px; padding:0 0 0 2px; line-height:160%; font-size:12px;}
div.side-menu select {margin:0 0 24px 0; display:block; overflow:hidden; font-size:12px;}


/* design デザインについて */
section.design { width:836px; margin:0 auto;}
section.design div.child .child-R { float:right; width:616px; display:block; overflow:hidden;}
section.design h1 { width:98px; height:46px; display:block; overflow:hidden; text-indent:-9999px; background:url(/images/bg_h1_design.png) no-repeat;}

section.design h2 { width:120px; height:46px; display:block; overflow:hidden; text-indent:-9999px;}
h2.h2-design1 { background:url(/images/bg_h2_design_workflow.png) no-repeat;}
h2.h2-design2 { background:url(/images/bg_h2_design_fee.png) no-repeat;}
section.design h3 { width:780px; height:22px; margin:0 0 7px; display:block; overflow:hidden; text-indent:-9999px;}
h3.h3-design1-1 { background:url(/images/bg_h3_design_workflow1.png) no-repeat;}
h3.h3-design1-2 { background:url(/images/bg_h3_design_workflow2.png) no-repeat;}
h3.h3-design1-3 { background:url(/images/bg_h3_design_workflow3.png) no-repeat;}
h3.h3-design1-4 { background:url(/images/bg_h3_design_workflow4.png) no-repeat;}
section.design h4 { margin:0 0 4px; display:block; overflow:hidden; font-size:14px;}


/* profile プロフィール */
section.profile { width:836px; margin:0 auto;}
section.profile div.child .child-R { float:right; width:616px; display:block; overflow:hidden;}
section.profile h1 { width:110px; height:46px; display:block; overflow:hidden; text-indent:-9999px; background:url(/images/bg_h1_profile.png) no-repeat;}

section table { width:616px; margin:0; border-collapse:collapse;}
section table th { width:120px; padding:5px 15px 15px; font-weight:normal; vertical-align:top;}
section table td { padding:5px 15px 15px;}
section table input { padding:5px; background:#EFEFEF; border:none;}
section table textarea { width:100%; padding:5px; background:#EFEFEF; border:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
section table br.phone-only { display:none;}


/* weblog ブログ */
section.blog { width:1000px; min-height:600px; margin:0 auto; display:block; overflow:hidden; background:url(/images/bg_child.png) repeat-y; position:relative;}
section.blog div.child .child-R { float:right; width:616px; display:block; overflow:hidden;}
section.blog h1 { width:175px; height:46px; display:block; overflow:hidden; text-indent:-9999px; background:url(/images/bg_h1_blog.png) no-repeat;}
section.blog h2.h2-archive { margin:0 0 25px 40px; font-size:14px;}

ul.blog-list { width:740px; padding:0 0 0 40px; display:block; overflow:hidden;}
ul.blog-list li { list-style:none; width:740px; margin:0 0 60px 0; display:block; overflow:hidden;}
ul.blog-list li div.thumImg { float:left; width:180px; height:180px; display:block; overflow:hidden; background:#FDF7F0;}
ul.blog-list li div.thumImg img { width:164px; height:164px; padding:8px; display:block; overflow:hidden;}
div.article-list-R { float:right; width:520px; padding:8px 0 0; display:block; overflow:hidden;}
div.article-list-R h2 { margin:0 0 8px; font-size:14px;}
div.article-list-R p.date-category { margin:0 0 8px; font-size:12px;}
div.article-list-R p.naiyo { margin:0 0 8px; font-size:12px;}
div.article-list-R a.link-article { font-size:12px;}


/* contact お問い合わせ */
section.contact { width:836px; margin:0 auto;}
section.contact div.child .child-R { float:right; width:616px; display:block; overflow:hidden;}
section.contact h1 { width:120px; height:46px; display:block; overflow:hidden; text-indent:-9999px; background:url(/images/bg_h1_contact.png) no-repeat;}
section.contact p.form-setsumei { margin-bottom:24px;}
section.contact p.setsumei-thanks { text-align: center;}
section.contact table { width:100%; margin:0 0 40px; border-collapse:collapse; font-size:14px; line-height:160%; table-layout:fixed; box-sizing:border-box;}
section.contact table th { width:180px; padding:22px 0 12px; vertical-align:top; box-sizing:border-box;}
section.contact table td { padding:12px 0; vertical-align:top; box-sizing:border-box;}
section.contact table tr:last-child td { padding-top:22px;}
section.contact table td p.p-float { float:left; margin:0 4px; font-size:12px; line-height:180%;}
section.contact table input { margin:4px 2px; padding:4px 6px; border:none; border:1px solid #DDD; background:#FFF; box-sizing:border-box;}
section.contact table ul { display:block; overflow:hidden;}
section.contact table ul li { float:left; margin:0 12px 0 0;}
section.contact table select { float:left; display: block;
font-size: 12px;
line-height: 1.3;
padding: 2px 16px 2px 6px;
box-sizing: border-box;
margin: 0;
border: 1px solid #aaa;
box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
border-radius: .5em;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-color: #fff;
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
  linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
background-repeat: no-repeat, repeat;
background-position: right .7em top 50%, 0 0;
background-size: 6px auto, 100%;}
section.contact table .input25 { width:29%;}
section.contact table .input50 { width:60%;}
section.contact table .input75 { width:60%;}
section.contact table .input100 { width:99%;}
section.contact table textarea { width:99% !important; min-height:200px !important; margin:2px; padding:2px 4px; border:1px solid #DDD; background:#FFF; box-sizing:border-box; resize:vertical;}
section.contact div.mfp_buttons { width:420px; margin:0; display:block; overflow:hidden;}
section.contact div.mfp_buttons button { float:left; width:200px; height:80px; display:block; overflow:hidden; text-indent:-9999px; box-sizing:border-box; cursor:pointer;}
section.contact button#btn-submit { margin:0 20px 0 0; border:none !important; background:url(/images/contact/bg_btn_submit@2x.png) center center no-repeat #E4007F; background-size:180px auto; transition:all 0.2s ease;}
section.contact button#btn-submit:hover { border-radius:40px; background-color: #E4007F;}
section.contact button#btn-reset { border:1px solid #333; background:url(/images/contact/bg_btn_reset@2x.png) center center no-repeat; background-size:180px auto; opacity:0.6; transition:all 0.2s ease;}
section.contact button#btn-reset:hover { border-radius:40px; opacity:1.0;}


/* 404 */
section.page404 { width:1000px; margin:0 auto;}
section.page404 h1 { text-align:center;}
section.page404 p { text-align:center;}


a.btn-pagetop { width:35px; height:25px; margin:0 auto 75px; display:block; overflow:hidden; text-indent:-9999px; background:url(/images/bg_btn_pagetop.png) no-repeat;}


/* Footer ++++++++++++++++++++ */
div.footer-wrap { clear:both; width:100%; display:block; overflow:hidden; background:#B5B5B6;}
footer { width:1000px; margin:0 auto; display:block; overflow:hidden;}
footer h1 a { float:left; width:120px; height:33px; display:block; overflow:hidden; text-indent:-9999px; background:url(/images/bg_h1_footerLogo.png) no-repeat;}
footer ul { float:right; width:856px; height:23px; margin:0 0 60px; padding:10px 0 0; display:block;}
footer ul li { list-style:none; float:left; height:23px; padding:0 16px; border-left:1px solid #FFF; display:block;}
footer ul li:last-child { border-right:1px solid #FFF;}
footer ul li.email a:hover { border-bottom:1px dotted #FFF;}
footer ul li br { display:none;}

footer p { width:1000px; margin:0 auto 60px; display:block; overflow:hidden; text-align:center; color:#FDF7F0;}
footer p small a { color:#FDF7F0 !important;}
footer p small a:hover { border-bottom:1px dotted #FDF7F0;}

}


/* 背景全画面 supersized ++++++++++++++++++++ */
#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(/images/progress.gif) no-repeat center center;}

#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }

#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url(/images/progress.gif) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }

/* 文字装飾 ++++++++++++++++++++ */
.red { color:#C33;}

/* 記事装飾 ++++++++++++++++++++ */
article h2 { font-size:18px; margin:0 0 15px; display:block; overflow:hidden;}
article p.date-category { font-size:12px; margin:0 0 25px 0;}

article div.honbun { font-size:14px;}
article div.honbun p { margin:0;}
article div.honbun img { max-width:100%; height:auto; display:block; margin:20px auto;}

article div.honbun ul, #blog-main ol { margin:0 0 15px;}
article div.honbun ul li { margin:0 0 0 20px; list-style:disc;}
article div.honbun ol li { margin:0 0 0 20px; list-style:decimal;}
article div.honbun em { font-style:italic;}