@charset "utf-8";

/*==============================================================================
  
 【common.css】- 共通/テーマ別スタイルシート
  
  テーマに依存しないスタイルとファーストビューに必要なスタイルを記述しています。
  また、それぞれの項目ではスタイル上書きによる無駄な記述をさけるため、
  メディアクエリで完全にスタイルを分けて記述しています。

  <目次>
   # Reset CSS
   # Text
   # Link
   # Image
   # List
   # Table
   # From
   # Space
   # Other
   # General
   # Header
   # fixed-menu
   # Main column
  
==============================================================================*/


/*--------------------------------------
  # Reset CSS
--------------------------------------*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;}body {line-height:1;-webkit-text-size-adjust:100%;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}nav ul {list-style:none;}blockquote,q {quotes:none;}blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}a {margin:0;padding:0;text-decoration:none;vertical-align:baseline;background:transparent;cursor:text;}/* change colours to suit your needs */ins {background-color:#ff9;color:#000;text-decoration:none;}/* change colours to suit your needs */mark {background-color:#ff9;color:#000; font-style:italic;font-weight:bold;}del {text-decoration: line-through;}abbr[title],dfn[title] {border-bottom:1px dotted;cursor:help;}table {border-collapse:collapse;border-spacing:0;}/* change border colour to suit your needs */hr {display:block;height:1px;border:0; border-top:1px solid #cccccc;margin:1.5em 0;padding:0;}input,select {-webkit-appearance: none;appearance: none;vertical-align:middle;}select::-ms-expand{display: none;}ul,ol,li {list-style-type: none;}input::-ms-clear {visibility:hidden}input::-ms-reveal {visibility:hidden}h1,h2,h3,h4,h5,h6 {font-weight: normal;}*{box-sizing: border-box;margin: 0;padding: 0;font-size: 100%;font-style: normal;border: none;outline: none;}

/*--------------------------------------
  # Text
--------------------------------------*/

p {
  margin-bottom: 2rem;
}

/* indent
--------------------*/

p.indent {
  text-indent: -1em;
  padding-left: 1em;
}
p.indent2em {
  text-indent: -2em;
  padding-left: 2em;
}
p.indent2-5em {
  text-indent: -2.5em;
  padding-left: 2.5em;
}
p.indent3em {
  text-indent: -3em;
  padding-left: 3em;
}
p.indent4em {
  text-indent: -4em;
  padding-left: 4em;
}
p.indent5em {
  text-indent: -5em;
  padding-left: 5em;
}
p.indent6em {
  text-indent: -6em;
  padding-left: 6em;
}
p.indent7em {
  text-indent: -7em;
  padding-left: 7em;
}
p.indent8em {
  text-indent: -8em;
  padding-left: 8em;
}
p.indent9em {
  text-indent: -9em;
  padding-left: 9em;
}
p.indent10em {
  text-indent: -10em;
  padding-left: 10em;
}
p.indent11em {
  text-indent: -11em;
  padding-left: 11em;
}
p.indent12em {
  text-indent: -12em;
  padding-left: 12em;
}
strong {
  font-weight: bold;
}

/* align
--------------------*/

.alignright {
  text-align: right;
}
.alignleft {
  text-align: left;
}
.aligncenter {
  text-align: center;
}

@media screen and (max-width:736px) {
.sp-alignright { text-align: right !important;}
.sp-alignleft { text-align: left !important;}
.sp-aligncenter { text-align: center !important;}
}

/* font
--------------------*/

.gothic {
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "YuGothic M", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.serif {
  font-family: "游明朝", YuMincho, "游明朝 Medium", "YuMincho M", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Mincho", serif;
}
@media all and (-ms-high-contrast:none) { /* IEでの游フォントでの隙間バグ回避 */
  *,.hack-ie {
    font-family: "メイリオ","游ゴシック Medium", "Yu Gothic Medium", "YuGothic M", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
  }
}

/* size
--------------------*/

.fs-small {
  font-size: 80% !important;
}
.fs-large {
  font-size: 112% !important;
}
.fs-big {
  font-size: 125% !important;
}
.fs-bigger {
  font-size: 138% !important;
}

/* color
--------------------*/

.fc-blank {
  color: #000;
}
.fc-red {
  color: #F00;
}
.fc-orange {
  color: #e46b00;
}
.fc-blue {
  color: #00F;
}
.fc-green {
  color: #0F0;
}
.fc-gray {
  color: #999;
}
.fc-pink {
  color: #f01478;
}
.fc-brown {
  color: #4f3521;
}
.marker {
  background: rgba(255,240,0,0.4);
}

/*--------------------------------------
  # Link
--------------------------------------*/

a:not(.call-link),
body.m .call-link {
  color: #e46b00;
  text-decoration: underline;
  cursor: pointer;
}

body.dv a:hover {
  text-decoration: none;
}


/*--------------------------------------
  # Image
--------------------------------------*/

img {
  max-width: 100%;
  height: auto;
}
img.alignright,div.alignright {
  float: right;
  clear: right;
  margin: 0 0 20px 20px;
}
img.alignleft,div.alignleft {
  float: left;
  clear: left;
  margin: 0 20px 20px 0;
}
div.alignright img {
  margin-left: 10px;
}
div.alignleft img {
  margin-right: 10px;
}
img.aligncenter {
  display: block;
  margin: 0 auto;
}

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

img.alignright,div.alignright {
  width: 45%;
  margin: 0 0 10px 10px;
}
img.alignleft,div.alignleft {
  width: 45%;
  margin: 0 10px 10px 0;
}
img.aligncenter {
  float: none;
  display: block;
  width: 100%;
  margin: 0 auto;
}
div.alignright img,div.alignleft img {
  display: block;
  margin: 0 0 10px;
}

}


/*--------------------------------------
  # List
--------------------------------------*/

ul,ol {
  margin-bottom: 1.5em;
}

ul > li {
  position: relative;
  padding-left: 1em;
}

ul > li:not(:last-child),ol > li:not(:last-child) {
  margin-bottom: 0.5em;
}

ul > li:before {
  content: '';
  position: absolute;
  top: 0.8em;
  left: 0.35em;
  width: 3px;
  height: 3px;
  margin: -1px 0 0 -1px;
  background: #000;
  border-radius: 100%;
}

ol > li {
  list-style: decimal;
  margin-left: 1.5em;
}

ul.reset,ol.reset {
  margin-bottom: 0;
}

ul.reset > li,ol.reset > li {
  list-style: none;
  position: static;
  margin: 0;
  padding-left: 0;
}

ul.reset > li:before {
  content: normal;
  position: static;
  top: auto;
  left: auto;
  width: auto;
  height: auto;
  margin: 0;
  background: none;
  border-radius: 0;
}


/*--------------------------------------
  # Table
--------------------------------------*/

table {
  width: 100%;
  margin-bottom: 1.5em;
}
table.widthauto {
  width: auto;
}
table caption {
  margin: 0 0 10px;
  padding: 0 0 0 8px;
  font-size: 2.0rem;
  font-weight: bold;
  text-align: left;
  line-height: 1.2;
}
table th,table td {
  padding: 10px;
}
table th {
  text-align: left;
}
table th.nowrap,table td.nowrap {
  white-space: nowrap;
}

@media screen and (max-width:736px) {
table.widthauto {
  width: 100%;
}
div.adjust-table-sp {
  width: 100%;
  margin-bottom: 15px;
  overflow-x: scroll;
}
div.adjust-table-sp::-webkit-scrollbar {
  width: 4px;
}
div.adjust-table-sp::-webkit-scrollbar:horizontal {
  height: 4px;
}
div.adjust-table-sp::-webkit-scrollbar-thumb {
  background: #999;
  border-radius: 10px;
}
div.adjust-table-sp::-webkit-scrollbar-thumb:horizontal {
  background: #999;
  border-radius: 10px;
}
div.adjust-table-sp table {
  width: 790px;
}
table.sp-style th,table.sp-style td {
  display: block;
}
table.sp-style th {
  padding: 5px 10px;
  border-bottom: none;
}
table th.nowrap,table td.nowrap {
  white-space: normal;
}
}

/*--------------------------------------
  # Form
--------------------------------------*/

form input:not([type="radio"]):not([type="checkbox"])):not([type="submit"]):not([type="button"]),form select,form textarea {
  display: inline-block;
  padding: 8px;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "YuGothic M", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  border: 1px solid #000;
  border-radius: 3px;
  vertical-align: top;
}
form select {
  padding-right: 25px;
}
form textarea {
  display: block;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  min-height: 100px;
}
form input[type="radio"],form input[type="checkbox"] {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
	background: #FFF;
	border: 1px solid #CCC;
  vertical-align: baseline;
}
form input[type="radio"] {
	position: relative;
	border-radius: 100px;
}
form input[type="radio"]:checked {
}
form input[type="radio"]:checked:after{
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  width: 9px;
  height: 9px;
	background: #cedb0e;
	border-radius: 100px;
}
form input[type="checkbox"] {
  position:relative;
	border-radius: 3px;
}
form input[type="checkbox"]:checked {
}
form input[type="checkbox"]:checked:after{
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: 3px;
  width: 5px;
  height: 10px;
  transform: rotate(40deg);
  border-bottom: 3px solid #cedb0e;
  border-right: 3px solid #cedb0e;
}
form input[type="submit"],form input[type="button"] {
  display: inline-block;
  height: 2.5em;
  margin: 0 8px;
  padding: 0 40px;
  background: #666;
  border-radius: 3px;
  vertical-align: top;
  cursor: pointer;
}

/*--------------------------------------
  # Space
--------------------------------------*/

.mt0{margin-top:0px!important;}.mt5{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;}.mt55{margin-top:55px!important;}.mt60{margin-top:60px!important;}.mt65{margin-top:65px!important;}.mt70{margin-top:70px!important;}.mt75{margin-top:75px!important;}.mt80{margin-top:80px!important;}.mt85{margin-top:85px!important;}.mt90{margin-top:90px!important;}.mt95{margin-top:95px!important;}.mt100{margin-top:100px!important;}
.mr0{margin-right:0px!important;}.mr5{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;}.mr55{margin-right:55px!important;}.mr60{margin-right:60px!important;}.mr65{margin-right:65px!important;}.mr70{margin-right:70px!important;}.mr75{margin-right:75px!important;}.mr80{margin-right:80px!important;}.mr85{margin-right:85px!important;}.mr90{margin-right:90px!important;}.mr95{margin-right:95px!important;}.mr100{margin-right:100px!important;}
.mb0{margin-bottom:0px!important;}.mb5{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;}.mb55{margin-bottom:55px!important;}.mb60{margin-bottom:60px!important;}.mb65{margin-bottom:65px!important;}.mb70{margin-bottom:70px!important;}.mb75{margin-bottom:75px!important;}.mb80{margin-bottom:80px!important;}.mb85{margin-bottom:85px!important;}.mb90{margin-bottom:90px!important;}.mb95{margin-bottom:95px!important;}.mb100{margin-bottom:100px!important;}
.ml0{margin-left:0px!important;}.ml5{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;}.ml55{margin-left:55px!important;}.ml60{margin-left:60px!important;}.ml65{margin-left:65px!important;}.ml70{margin-left:70px!important;}.ml75{margin-left:75px!important;}.ml80{margin-left:80px!important;}.ml85{margin-left:85px!important;}.ml90{margin-left:90px!important;}.ml95{margin-left:95px!important;}.ml100{margin-left:100px!important;}
.pt0{padding-top:0px!important;}.pt5{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;}.pt55{padding-top:55px!important;}.pt60{padding-top:60px!important;}.pt65{padding-top:65px!important;}.pt70{padding-top:70px!important;}.pt75{padding-top:75px!important;}.pt80{padding-top:80px!important;}.pt85{padding-top:85px!important;}.pt90{padding-top:90px!important;}.pt95{padding-top:95px!important;}.pt100{padding-top:100px!important;}
.pr0{padding-right:0px!important;}.pr5{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;}.pr55{padding-right:55px!important;}.pr60{padding-right:60px!important;}.pr65{padding-right:65px!important;}.pr70{padding-right:70px!important;}.pr75{padding-right:75px!important;}.pr80{padding-right:80px!important;}.pr85{padding-right:85px!important;}.pr90{padding-right:90px!important;}.pr95{padding-right:95px!important;}.pr100{padding-right:100px!important;}
.pb0{padding-bottom:0px!important;}.pb5{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;}.pb55{padding-bottom:55px!important;}.pb60{padding-bottom:60px!important;}.pb65{padding-bottom:65px!important;}.pb70{padding-bottom:70px!important;}.pb75{padding-bottom:75px!important;}.pb80{padding-bottom:80px!important;}.pb85{padding-bottom:85px!important;}.pb90{padding-bottom:90px!important;}.pb95{padding-bottom:95px!important;}.pb100{padding-bottom:100px!important;}
.pl0{padding-left:0px!important;}.pl5{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;}.pl55{padding-left:55px!important;}.pl60{padding-left:60px!important;}.pl65{padding-left:65px!important;}.pl70{padding-left:70px!important;}.pl75{padding-left:75px!important;}.pl80{padding-left:80px!important;}.pl85{padding-left:85px!important;}.pl90{padding-left:90px!important;}.pl95{padding-left:95px!important;}.pl100{padding-left:100px!important;}


/*--------------------------------------
  # Other
--------------------------------------*/

.clear {
  clear: both;
}

iframe {
  display: block;
}

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

.hide-d {
  display: none !important;
}

}

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

.hide-m {
  display: none !important;
}

}

/*--------------------------------------
  # General
--------------------------------------*/

html {
  font-size: 62.5%;
  overflow-y: scroll;
  word-break: break-all;
  line-break:strict;
}
@-moz-document url-prefix() { /* FireFox */
  html {
    word-break: normal;
    word-wrap: break-word;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) { /* safari */
  _::-webkit-full-page-media, _:future, :root #container {
    word-break: normal !important;
    word-wrap: break-word !important;
  }
}
body {
  color: #000;
  font-size: 1.6rem;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "YuGothic M", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  line-height: 1.8;
  text-align: left;
}

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

html {
  font-size: 55%;
}

}

/*--------------------------------------
  # Header
--------------------------------------*/

@media print, screen and (min-width:737px) {

header#header {
  position: relative;
  width: 100%;
  height: 0;
	margin-bottom: 30px;
  padding-top: 46.8%;
  background: url(../img/header/index.jpg) no-repeat center;
  background-size: cover;
  overflow: hidden;
}
#top header#header {
	margin-bottom: 0;
}
header#header div.header-wrapper {
  position: absolute;
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
}
header#header div.header-inner {
  position: relative;
  top: auto;
  left: auto;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-align-items: center;
  align-items: center;
}
header#header div.site-title {
  width: 100%;
}
header#header div.site-title h1 {
  display: block;
  max-width: 460px;
  height: 0;
  margin: 0 auto;
  padding-top: 312px;
  background: url(../img/header/index_logo.png) no-repeat center;
  background-size: 100%;
  overflow: hidden;
}
}
@media screen and (max-width:1080px) {
header#header div.site-title h1 {
  max-width: 50%;
  padding-top: 67.8%;
}
}
@media screen and (max-width:736px) {

header#header {
  position: relative;
  width: 100%;
  height: 0;
	margin-bottom: 30px;
  padding-top: 46.8%;
  background: url(../img/header/index.jpg) no-repeat center;
  background-size: 100%;
  overflow: hidden;
}
header#header div.header-wrapper {
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: 0;
  right: 0;
}
header#header div.header-inner {
  position: relative;
  top: auto;
  left: auto;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-align-items: center;
  align-items: center;
}
header#header div.site-title {
  width: 100%;
}
header#header div.site-title h1 {
  display: block;
  max-width: 45%;
  height: 0;
  margin: 0 auto;
  padding-top: 46.8%;
  background: url(../img/header/index_logo.png) no-repeat center;
  background-size: 100%;
  overflow: hidden;
}
}

/*--------------------------------------
  # fixed-menu
--------------------------------------*/

@media print, screen and (min-width:737px) {
nav#fixed-menu {
  display: none;
}
}
@media screen and (max-width:736px) {
nav#fixed-menu {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background: rgba(26,26,26,0.9);
  z-index: 100;
}
nav#fixed-menu ul {
  text-align: center;
  letter-spacing: -.40em;
}
nav#fixed-menu ul li {
  display: inline-block;
  width: 50%;
  margin: 5px 0;
  font-size: 1.4rem;
  line-height: 1.4;
  letter-spacing: normal;
  vertical-align: middle;
  border-left: 1px solid rgba(255,255,255,0.4);
}
nav#fixed-menu ul li.tel {
  border-left: none;
}
nav#fixed-menu ul li a {
  display: block;
  padding: 10px 0 8px;
  color: #FFF;
  font-family: "游明朝", YuMincho, "游明朝 Medium", "YuMincho M", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Mincho", serif;
  font-size: 1.6rem;
  text-decoration: none;
  text-shadow: 0px 0px 0px #FFF;
}
nav#fixed-menu ul li.tel a {
	font-size: 1.8rem;
}
nav#fixed-menu ul li a:before {
  content: '';
  display: inline-block;
  width: 25px;
  height: 25px;
  margin: 0 10px 5px 0;
  vertical-align: middle;
}
nav#fixed-menu ul li.tel a:before {
  background: url(../img/icon/tel_white.svg) no-repeat 0 center;
  background-size: 100% auto;
}
nav#fixed-menu ul li.contact a:before {
  background: url(../img/icon/modelhouses_white.svg) no-repeat 0 center;
  background-size: 100% auto;
}
}

/*--------------------------------------
  # Main column
--------------------------------------*/

@media print, screen and (min-width:737px) {

/* main
--------------------*/

div#main {
  position: relative;
  clear: both;
  width: 100%;
}

/* node
--------------------*/

div#main section.node {
  clear: both;
  max-width: 1080px;
  margin: 0 auto;
  padding: 10px 0 60px;
  overflow: hidden;
}
div#main section.node.full {
  max-width: 100%;
}
div#main section.node div.node-wrapper {
  clear: both;
  padding: 0 20px;
  overflow: hidden;
}
div#main section.node.full div.node-wrapper {
  padding: 0 30px;
}
div#main section.node div.node-wrapper-odd {
  float: left;
  clear: left;
  width: 48%;
  margin-right: 2%;
}
div#main section.node div.node-wrapper-even {
  float: right;
  clear: right;
  width: 48%;
  margin-left: 2%;
}
div#main div.node-inner {
  padding: 0 15px;
  overflow: hidden;
}

/* title
--------------------*/

div#main h2 {
  position: relative;
  clear: both;
  display: block;
  margin-bottom: 30px;
  padding: 20px 0;
  color: #3e3e3e;
  font-family: "游明朝", YuMincho, "游明朝 Medium", "YuMincho M", "Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 3.2rem;
  text-align: center;
  text-shadow: 0px 0px 0px #3e3e3e;
  line-height: 1.4;
}
div#main h2 span.en {
  display: block;
  color: #a6937c;
  font-size: 2.0rem;
  text-shadow: none;
}

}

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

div#main {
  clear: both;
  overflow: hidden;
}

/* node
--------------------*/

div#main section.node {
  clear: both;
  padding: 10px 15px 30px;
  overflow: hidden;
}
div#main section.node div.node-wrapper {
  clear: both;
  overflow: hidden;
}
div#main section.node div.node-wrapper-odd {
  margin-bottom: 30px;
}
div#main section.node div.node-inner {
  clear: both;
  overflow: hidden;
}

/* title
--------------------*/

div#main h2 {
  position: relative;
  clear: both;
  display: block;
  margin-bottom: 30px;
  padding: 20px 0;
  color: #3e3e3e;
  font-family: "游明朝", YuMincho, "游明朝 Medium", "YuMincho M", "Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 3.0rem;
  text-align: center;
  text-shadow: 0px 0px 0px #3e3e3e;
  line-height: 1.4;
}
div#main h2 span.en {
  display: block;
  color: #a6937c;
  font-size: 1.8rem;
  text-shadow: none;
}

}