/*** for PC Browser ***/
@media (min-width:401px)
{
/* 全体設定 */
div#main_content {
	font-family: Meiryo;
	letter-spacing: +1px;
	line-height: 1.8;
	font: 15px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
	padding: 0 0 60px;
        margin: 0 auto 40px;
}

ul,dl,ol {text-indent: 0;}
li {list-style: none;}


section.content_box {
 width: 900px;
 margin: 0 auto 90px;
}

/*------clearfix-----------*/

/* For modern browsers */
.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
/* For IE 6/7 (trigger hasLayout) */
.clearfix { zoom:1; }


/*----------------------------------------------------------------------------
     トップ
----------------------------------------------------------------------------*/
div#content_top {
 width: 900px;
 margin: 0 auto;
}

section#lead {
 text-align: center;
 margin: 60px 0;
}

p#lead_top {
 color: #004898;
 font-size: 260%;
 line-height: 1.9;
}

p#lead_text {
 font-size: 150%;
 font-weight: bold;
 line-height: 1.8;
}


/*----------------------------------------------------------------------------
     コンテンツ
----------------------------------------------------------------------------*/
h3 {
 display: block;
 width: 900px;
 text-align: center;
 font-size: 225%;
 color: white;
 background-color: #DDC300;
 border-radius: 20px;
 padding: 10px 0;
 margin-bottom: 50px;
}


/* サンドのラッピングトレイン */
picture#bus {
 display: block;
 width: 800px;
 margin: 0 auto;
}

div#busimgs {
 width: 800px;
 margin: 0 auto 30px;
}

picture.busimg {
 display: block;
 width: 400px;
 float: left;
 margin: 0;
}

picture.busimg img {
 width: 400px;
 margin: 0;
 padding: 0;
}

div.content_A {
 width: 800px;
 margin: 0 auto;
}

div.inner_l {
 float: left;
 width: 400px; 
}

div.inner_r {
 float: right;
 width: 400px; 
}

p.text_bus {
 width: 300px;
 font-size: 112.5%;
 padding-left: 50px;
 margin: 45px 0 55px;
}

span.bold {
 font-weight: bold;
}

p.btn {
 display: block;
 width: 300px;
 font-size: 113%;
 text-align: center;
 background-color: #A0D2F2;
 border-radius: 20px;
 padding: 15px;
 margin: 10px auto 20px;
}

p#sub {
 font-size: 87.5%;
 line-height: 1.7;
 text-align: center;
}

/* 運行期間等 */
div.center {
 width: 500px;
 margin: 0 auto;
}

h5.h5_center {
 font-size: 150%;
 font-weight: bold;
 margin: 0 0 22px 30px;
}

p.content_text2 {
 margin: 0 0 50px 30px;
 font-size: 112.5%;
 line-height: 1.9;
}

/* 関連イベント */
h4.event {
  position: relative;/*相対位置*/
  padding: 0 10px 10px 64px;/*アイコン分のスペース*/
  margin-left: 50px;
  line-height: 1.4;/*行高*/
  color: black;/*文字色*/
  font-size: 175%;/*サイズ*/
}

h4.event::before {
  content: '';/*アイコンのユニコード*/
  position: absolute;/*絶対位置*/
  border-radius: 100%;
  top: -10px;
  left: 0px;
  width: 48px;
  height: 48px;
  background-color: #DDC300;
}

div.content_B {
 width: 800px;
 margin: 0 auto 77px;
}

picture#nurie {
}

p.content_text {
 width: 340px;
 margin: 30px 0 50px 30px;
 font-size: 112.5%;
 line-height: 1.9;
}

h5 {
 font-size: 150%;
 font-weight: bold;
 margin: 0 0 30px 30px;
 width: 340px;
}

p.text_day {
 font-size: 131.3%;
 font-weight: bold;
 margin-left: 30px;
 width: 340px;
}

/* トリパス */

picture#toripass {
 margin-left: 40px;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
/* 全体設定 */
div#main_content {
	font-family: Meiryo;
	letter-spacing: +1px;
	line-height: 1.8;
	font: 15px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
	padding: 0 0 60px;
        margin: 0 auto 40px;
}

ul,dl,ol {text-indent: 0;}
li {list-style: none;}


section.content_box {
 width: 320px;
 margin: 0 auto 70px;
}



/*----------------------------------------------------------------------------
     トップ
----------------------------------------------------------------------------*/
div#content_top {
 width: 320px;
 margin: 0 auto;
}

section#lead {
 text-align: center;
 margin: 50px 0 60px;
}

p#lead_top {
 color: #DDC300;
 font-size: 225%;/*32px*/
 line-height: 1.9;
}

p#lead_text {
 font-size: 125%;/*20px*/
 font-weight: bold;
 line-height: 1.8;
}


/*----------------------------------------------------------------------------
     コンテンツ
----------------------------------------------------------------------------*/
h3 {
 display: block;
 width: 320px;
 text-align: center;
 font-size: 187.5%;
 color: white;
 background-color: #DDC300;
 border-radius: 20px;
 padding: 10px 0;
 margin-bottom: 30px;
}


/* サンドのラッピングトレイン */
picture#bus {
 display: block;
 width: 320px;
 margin: 0 auto 0px;
}

picture#bus img {
 width: 320px;
}

div#busimgs {
 width: 320px;
 margin: 0 auto 20px;
}

picture.busimg {
 display: block;
 width: 320px;
}

picture.busimg img {
 width: 320px;
}


div.content_A {
 width: 320px;
 margin: 0 auto;
}

div.inner_l {
margin-bottom: 60px;
}

div.inner_r {
}

p.text_bus {
 width: 300px;
 font-size: 112.5%;
 padding-left: 10px !important;
 margin: 30px 0 30px !important;
 line-height: 1.9;
}

span.bold {
 font-weight: bold;
}

p.btn {
 display: block;
 width: 300px;
 font-size: 113%;
 text-align: center;
 background-color: #A0D2F2;
 border-radius: 20px;
 padding: 15px 10px !important;
 margin: 10px auto 20px !important;
}

p#sub {
 font-size: 87.5%;
 line-height: 1.6;
 text-align: center;
}

/* 運行期間等 */
h5.h5_center {
 font-size: 150%;
 font-weight: bold;
 margin: 0 0 22px 10px;
 width: 300px;
}

p.content_text2 {
 width: 300px;
 margin: 0 0 30px 10px !important;
 font-size: 112.5%;
 line-height: 1.7;
}

/* 関連イベント */
h4.event {
  position: relative;/*相対位置*/
  padding: 0 10px 10px 64px;/*アイコン分のスペース*/
  margin-left: 0px;
  line-height: 1.4;/*行高*/
  color: black;/*文字色*/
  font-size: 175%;/*サイズ*/
}

h4.event::before {
  content: '';/*アイコンのユニコード*/
  position: absolute;/*絶対位置*/
  border-radius: 100%;
  top: -10px;
  left: 0px;
  width: 48px;
  height: 48px;
  background-color: #DDC300;
}

div.content_B {
 width: 800px;
 margin: 0 auto 50px;
}

picture#nurie {
}

p.content_text {
 width: 300px;
 margin: 30px 0 30px 10px !important;
 font-size: 112.5%;
 line-height: 1.7;
}

h5 {
 font-size: 150%;
 font-weight: bold;
 margin: 0 0 30px 10px;
 width: 300px;
}

p.text_day {
 font-size: 131.3%;
 font-weight: bold;
 margin-left: 10px !important;
 width: 300px;
}

/* トリパス */

picture#toripass {
 margin-left: 60px;
}
}