main { background: #f0f0f0; }

body.all #box-nav li.all a, body.housing #box-nav li.housing a, body.store #box-nav li.store a, body.office #box-nav li.office a, body.others #box-nav li.others a, body.media #box-nav li.media a, body.event #box-nav li.event a, body.info #box-nav li.info a { font-weight: bold; }

body#index #section-head { margin: 120px auto 0; width: 1000px; }

body#index #box-nav { margin: 40px auto 20px auto; padding-top: 20px; text-align: center; }

body#index #box-nav h3 { margin-bottom: 15px; font-size: 1.6rem; letter-spacing: 1px; }

body#index #box-nav .h { float: left; font-weight: bold; font-size: 1.8rem; margin: 10px 0 0 0; }

body#index #box-nav ul { border-bottom: 1px solid #eeeeee; padding-bottom: 20px; }

body#index #box-nav ul li { display: inline-block; }

body#index #box-nav ul li a { color: #333333; font-size: 16px; margin: 0 20px 0; text-decoration: none; }

body#index #box-nav ul li:after { content: "/"; display: inline-block; padding: 0 10px; font-size: 20px; color: #999999; }

body#index #section-body { margin: 0 auto; padding-bottom: 50px; }

body#index #section-body .content-body .box-text { height: 100px; }

body#detail #section-nav { margin: 0 auto; position: fixed; top: 80; left: 0px; right: 0px; background: #eeeeee; border-bottom: 1px solid #dddddd; z-index: 2; }

body#detail #section-nav #box-nav { width: 900px; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px; text-align: center; }

body#detail #section-nav #box-nav .h { display: inline-block; /*float: left;*/ font-weight: bold; font-size: 1.4rem; margin: 5px 0 0 0; /*margin: 10px 0 0 0;*/ -webkit-box-sizing: border-box; box-sizing: border-box; }

body#detail #section-nav #box-nav ul { display: inline-block; /*float: left;*/ }

body#detail #section-nav #box-nav ul li { display: inline-block; }

body#detail #section-nav #box-nav ul li a { color: #333333; font-size: 1.4rem; margin: 0 20px 0; text-decoration: none; }

body#detail #section-nav #box-nav ul li:after { content: "/"; display: inline-block; padding: 0 10px; font-size: 20px; color: #999999; }

body#detail #section-head { margin: 120px auto 0; display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 30px; }

body#detail #section-head .box-main { width: 900px; margin: 0 auto; }

body#detail #section-head .box-main h1 { font-size: 32px; font-weight: bold; margin-bottom: 20px; line-height: 1.6; }

body#detail #section-head .box-main .sub { display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: bold; color: #333333; letter-spacing: 1px; margin-bottom: 20px; }

body#detail #section-head .box-main .sub .date { font-family: "GothamBold", sans-serif; /*font-family: 'Oswald', sans-serif;*/ font-size: 14px; margin-right: 10px; letter-spacing: 1px; color: #999999; }

body#detail #section-head .box-main .box-sns { display: inline-block; margin-bottom: 30px; }

body#detail #section-head .box-main .box-sns ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; }

body#detail #section-head .box-main .box-sns ul li { margin: 0 3px 0 0; }

body#detail #section-head .box-main .box-sns a { color: #333333; display: inline-block; border: 1px solid #999999; width: 30px; height: 30px; text-decoration: none; text-align: center; font-size: 18px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 5px; }

body#detail #article-main { margin: 0 auto; padding-top: 40px; }

body#detail #article-main .box-content { width: 900px; margin: 0 auto; }

body#detail #article-main .box-content h1 { font-size: 32px; line-height: 2.2; margin-bottom: 30px; }

body#detail #article-main .box-content h2 { font-size: 24px; line-height: 2.2; margin-bottom: 30px; border-bottom: 1px solid #cccccc; }

body#detail #article-main .box-content h3 { font-size: 20px; line-height: 2.2; margin-bottom: 30px; }

body#detail #article-main .box-content h4 { font-size: 16px; line-height: 2.2; margin-bottom: 20px; }

body#detail #article-main .box-content h5 { font-size: 16px; line-height: 2.2; margin-bottom: 20px; }

body#detail #article-main .box-content p { font-size: 16px; line-height: 1.6; margin-bottom: 50px; }

body#detail #article-main .box-content ul { font-size: 16px; line-height: 1.6; margin-bottom: 50px; padding-left: 20px; }

body#detail #article-main .box-content li { list-style: circle; }

body#detail #article-main .box-content dl { font-size: 16px; line-height: 1.6; margin-bottom: 50px; }

body#detail #article-main .box-content dt { font-weight: bold; }

body#detail #article-main .box-content img { max-width: 600px; }

body#detail #article-main .box-info { border: 5px solid #cccccc; padding: 40px; width: 900px; margin: 0 auto; }

body#detail #article-main .box-info h2 { font-size: 16px; margin-bottom: 20px; }

body#detail #article-main .box-info .info { font-size: 16px; line-height: 1.8; }

body#detail #section-foot { width: 900px; margin: 50px auto 0; padding-top: 40px; padding-bottom: 60px; }

body#detail #section-foot h3 { border-bottom: 2px solid #cccccc; font-size: 22px; padding-bottom: 20px; margin-bottom: 40px; font-weight: bold; }

body#detail #section-foot h3 span { font-size: 18px; margin-bottom: 15px; font-weight: 700; position: relative; top: -1px; margin-right: 30px; letter-spacing: 1px; font-weight: normal; }

body#detail #section-foot ul { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; }

body#detail #section-foot li { width: 30%; margin: 0 5% 0 0; font-size: 16px; }

body#detail #section-foot li:nth-child(3n) { margin-right: 0; }

body#detail #section-foot li img { -webkit-box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.5); margin-bottom: 10px; }

body#detail #section-foot li a { text-decoration: none; color: #333333; font-size: 16px; line-height: 1.4; }

body#detail #section-foot li a:hover { opacity: 0.7; }

body#detail #section-foot ._btn { text-align: center; margin: 50px auto; }

body#detail #section-foot ._btn a { color: #ffffff; text-decoration: none; display: block; font-size: 1.4rem; letter-spacing: 1px; padding: 6px 0; font-weight: 700; position: relative; }

body#detail #section-foot ._btn a:before { content: ">"; position: absolute; right: 0; top: calc(50% - 11px); font-size: 2.0rem; -webkit-transform: scale(0.5, 1); transform: scale(0.5, 1); color: #ffffff; }
