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

title : ホテル多度温泉
scope : 観光　>　コース散策

last modify : 2018/02/07 319_shimizu サイクリングコース改修

memo  : 
2016/10/25 285_inose 大幅にデザイン修正
2016/09/28 285_inose 新規作成

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

#top p {
	 width: 760px;
	 margin: 0 auto;
	 padding: 20px 0;
	 font-size: 16px;
	 letter-spacing: 1px;
	 line-height: 1.5;
}
	
section p, figure.banner figcaption {
	 font-size: 16px;
	 letter-spacing: 1.2px;
	 line-height: 1.5;
}

figure.banner figcaption { text-align: center; }

#top { clear: both; }

a{ cursor:pointer; }

	
/* -- -- -- -- -- -- -- -- -- --
   section
　-- -- -- -- -- -- -- -- -- -- */
	
#maincolumn section {
	 margin: 0 auto 80px;
	 width: 1022px;
	 box-sizing: border-box;
}
	
/* -- -- -- -- -- -- -- -- -- --
  　 地図配置用
　-- -- -- -- -- -- -- -- -- -- */
	
.map,
.number { position: relative; }
	
.map p {
	 position: absolute;
	 line-height: 24px;
	 letter-spacing: 1.5px;
}

.map p img { padding-right: 2px; }
.map ul li { position: absolute; }
	
/* -- -- -- -- -- -- -- -- -- --
  　 地図配置用
　　　（ホテル多度温泉の）
　-- -- -- -- -- -- -- -- -- -- */
	
/*  A1  */ #up_area .map ul.number li:nth-child(1) { top: 192px; left: 418px; }
/*  A2  */ #up_area .map ul.number li:nth-child(2) { top: 466px; left: 726px; }
/*  B   */ #up_area .map ul.number li:nth-child(3) { top: 138px; left: 442px; }
/*  C   */ #up_area .map ul.number li:nth-child(4) { top: 63px; left: 504px; }
/*  D   */ #up_area .map ul.number li:nth-child(5) { top: 170px; left: 528px; }
/*  E   */ #up_area .map ul.number li:nth-child(6) { top: 209px; left: 597px; }
/*  F   */ #up_area .map ul.number li:nth-child(7) { top: 330px; left: 718px; }
/*  G   */ #up_area .map ul.number li:nth-child(8) { top: 428px; left: 780px; }
/*  H   */ #up_area .map ul.number li:nth-child(9) { top: 518px; left: 888px; }
/*  I   */ #up_area .map ul.number li:nth-child(10) { top: 375px; left: 930px; }
/*  J   */ #up_area .map ul.number li:nth-child(11) { top: 414px; left: 930px; }
/*  K   */ #up_area .map ul.number li:nth-child(12) { top: 547px; left: 824px; }
/*  L   */ #up_area .map ul.number li:nth-child(13) { top: 505px; left: 497px; }
/*  M   */ #up_area .map ul.number li:nth-child(14) { top: 387px; left: 684px; }
/*  N   */ #up_area .map ul.number li:nth-child(15) { top: 171px; left: 585px; }
/*  O   */ #up_area .map ul.number li:nth-child(16) { top: 358px; left: 42px; }

#up_area .map ul.side li:nth-child(1) { top: 341px; left: 351px; }
#up_area .map ul.side li:nth-child(2) { top: 649px; left: 682px; }
#up_area .map ul.side li:nth-child(3) { top: 304px; left: 771px; }
#up_area .map ul.side li:nth-child(4) { top: 97px; left: 469px; }
#up_area .map ul.side li:nth-child(5) { top: 467px; left: 904px; }
#up_area .map ul.side li:nth-child(6) { top: 478px; left: 620px; }
	
/* -- -- -- -- -- -- -- -- -- --
   section
   #up_area #wide_area
-- -- -- -- -- -- -- -- -- -- */

#up_area h2{ margin: 0 auto 30px;}
#wide_area h2{ padding: 0 30px; }
#up_area .map, #wide_area .map {
	 width: 1022px;
	 height: 720px;
}

/* -- -- -- -- -- -- -- -- -- --
   section
   #up_area
　-- -- -- -- -- -- -- -- -- -- */
#up_area .map {
	 border: 1px solid #ccc;
	 background: url("../image/course_map_up.png") no-repeat 0 0;
	}

#up_area .map p.annotation{
	 top: 20px;
	 left: 40px;
	 padding: 15px 20px;
	 background: rgba(255,255,255,0.9);
	 border-radius: 10px;
}

#up_area .map p.btn{
	 bottom: 30px;
	 left: 30px;
}


#up_area figure{
	width:920px;
	text-align:right;
	margin:30px auto 100px;
	position:relative;
}

#up_area figure figcaption{
	width:240px;
	height:1em;
	margin:6px 0;
	font-size:15px;
	text-align:center;
	right:0;
	position:absolute;	
}


/* -- -- -- -- -- -- -- -- -- --
   section
   #up_area
   #course
　-- -- -- -- -- -- -- -- -- -- */
#course {
	 position: relative;
	 width: 920px;
	 margin: 50px auto 20px;
	 border-radius: 5px;
	 box-shadow: 0px 0px 5px 2px #ccc;
	 -moz-box-shadow: 0px 0px 5px 2px #ccc;
	 -webkit-box-shadow: 0px 0px 5px 2px #ccc;
	 background: url("../image/course_bg.png") repeat;
}

/* タイトル部分 */
#course h2 img { position: absolute; }
#course h2 img:nth-of-type(1) { top: -22px; left: 25px; }
#course h2 img:nth-of-type(2) { top: 40px; left: 280px; }
#course h2 img:nth-of-type(3) { top: -30px; right: 150px; }

/*3列並べ*/
#course #line_box {
	 padding: 90px 25px 40px;
	 display: -webkit-box;/* Android4.3以前ブラウザ用 */
	 display: -ms-flexbox;/*--- IE10 ---*/
	 display: -webkit-flex;/*--- safari（PC/iOS8以前）用 ---*/
	 display: flex;
	 -webkit-box-pack: space-between;/* Android4.3以前ブラウザ用 */
	 -webkit-justify-content: space-between;/* safari（PC/iOS8以前）用 */
	 justify-content: space-between;
}

#course #line_box li {
	 width: 275px;
	 padding: 0 12px;
	 border-left: 1px solid #FFF;
	 border-right: 1px solid #d0ce9e;
}

#course #line_box li:nth-child(1) {
	 padding-left: 0;
	 border-left: none;
}

#course #line_box li:nth-child(3) {
	 padding-right: 0;
	 border-right: none;
}

/* --------------- 
 列の中身・共通
 --------------- */
	
#course #line_box dl {
	 width: 240px;
	 margin: 0 auto;
	 padding-top: 12px;
	 min-height: 295px;
}

#course #line_box dl.last_box { min-height: 290px; }
#course #line_box dl.short_arrow { min-height: 247px; }

/*説明文の部分*/
#course #line_box p:first-of-type {
	 min-height: 120px;
	 margin: 15px auto 20px;
	 width:250px;
}

/*短い矢印*/ #course #line_box li .arrow_s { background: url("../image/arrow_short.png") no-repeat center bottom; }
/*長い矢印*/ #course #line_box li .arrow_l { background: url("../image/arrow_long.png") no-repeat center bottom; }

/*各見出し？部*/#course #line_box dl dt, #course #line_box p.btn_club {
	 color: #fff;
	 font-weight: bold;
	 font-size: 17px;
	 text-align: center;
	 padding: 12px 0 10px;
	 line-height: 1;
	 letter-spacing: 1.3px;
}

/*文字数が多いとき調整*/
#course #line_box dl dt span { letter-spacing: -1px; }

/*「詳細はこちら」ボタン*/
#course #line_box p.more {
	 width: 180px;
	 background: #fff;
	 border-radius: 5px;
	 margin: -83px auto 45px;
}

/*「クラブハウス本館」*/
#course #line_box p.btn_club {
	 width: 240px;
	 margin: 8px 17.5px;
	 display: inline-block;
}

/* --------------- 
 dlの列・色別
 --------------- */
	
#course #line_box dl.red dt, #course #line_box p.btn_club.red {
	 background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #b81c25), color-stop(1, #c64951));
	 background: -webkit-linear-gradient(top, #c64951 0%, #b81c25 100%);
	 background: -moz-linear-gradient(top, #c64951 0%, #b81c25 100%);
	 background: -o-linear-gradient(top, #c64951 0%, #b81c25 100%);
	 background: -ms-linear-gradient(top, #c64951 0%, #b81c25 100%);
	 background: linear-gradient(to bottom, #c64951 0%, #b81c25 100%);
}

#course #line_box dl.red dd {
	 background: #b81c25;
	 border: 2px solid #b81c25;
}

/* --------------- */
	
#course #line_box dl.blue dt, #course #line_box p.btn_club.blue {
	 background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #55568f), color-stop(1, #2e2f75));
	 background: -webkit-linear-gradient(top, #55568f 0%, #2e2f75 100%);
	 background: -moz-linear-gradient(top, #55568f 0%, #2e2f75 100%);
	 background: -o-linear-gradient(top, #55568f 0%, #2e2f75 100%);
	 background: -ms-linear-gradient(top, #55568f 0%, #2e2f75 100%);
	 background: linear-gradient(to bottom, #55568f 0%, #2e2f75 100%);
}

#course #line_box dl.blue dd {
	 background: #2E2F75;
	 border: 2px solid #2E2F75;
}

/* --------------- */
#course #line_box dl.pink dt, #course #line_box p.btn_club.pink {
	 background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #e486a9), color-stop(1, #dd6893));
	 background: -webkit-linear-gradient(top, #e486a9 0%, #dd6893 100%);
	 background: -moz-linear-gradient(top, #e486a9 0%, #dd6893 100%);
	 background: -o-linear-gradient(top, #e486a9 0%, #dd6893 100%);
	 background: -ms-linear-gradient(top, #e486a9 0%, #dd6893 100%);
	 background: linear-gradient(to bottom, #e486a9 0%, #dd6893 100%);
}

#course #line_box dl.pink dd {
	 background: #dd6893;
	 border: 2px solid #dd6893;
}


/* -- -- -- -- -- -- -- -- -- --
   section
   #wide_area
　-- -- -- -- -- -- -- -- -- -- */
	
#wide_area .map {
	background: url("../image/course_map.png") no-repeat 0 0;
}

#wide_area .map p.lead{
	 top: 20px;
	 left: 62px;
}

#wide_area .map p.annotation{
	 top: 92px;
	 left: 278px;
	 padding: 15px 20px;
	 background: rgba(235,229,217,0.9);
	 border-radius: 10px;
}

#wide_area .map figure{
	position:absolute;
	top:596px;
	left:730px;
}

#wide_area .map figure figcaption{
	width:240px;
	height:1em;
	margin:6px 0;
	font-size:15px;
	text-align:center;
}

#wide_area figure.bnr{
	width:700px;
	margin:60px auto 80px;
}

/* -- -- -- -- -- -- -- -- -- --
  　 地図配置用
　　（東建多度CCコース内の～）
　-- -- -- -- -- -- -- -- -- -- */
	
/*  P   */ #wide_area .map ul.number li:nth-child(1) { top: 202px; left: 25px; }
/*  Q1  */ #wide_area .map ul.number li:nth-child(2) { top: 155px; left: 160px; }
/*  Q2  */ #wide_area .map ul.number li:nth-child(3) { top: 228px; left: 161px; }
/*  R   */ #wide_area .map ul.number li:nth-child(4) { top: 391px; left: 175px; }
/*  S   */ #wide_area .map ul.number li:nth-child(5) { top: 265px; left: 513px; }
/*  T1  */ #wide_area .map ul.number li:nth-child(6) { top: 281px; left: 770px; }
/*  T2  */ #wide_area .map ul.number li:nth-child(7) { top: 304px; left: 826px; }
/*  U   */ #wide_area .map ul.number li:nth-child(8) { top: 342px; left: 866px; }
/*  V   */ #wide_area .map ul.number li:nth-child(9) { top: 381px; left: 860px; }
/*  W   */ #wide_area .map ul.number li:nth-child(10) { top: 256px; left: 723px; }
/*  X   */ #wide_area .map ul.number li:nth-child(11) { top: 99px; left: 775px; }
/*  Y   */ #wide_area .map ul.number li:nth-child(12) { top: 242px; left: 656px; }

#wide_area .map ul.side li:nth-child(1) { top: 435px; left: 275px; }
#wide_area .map ul.side li:nth-child(2) { top: 608px; left: 425px; }
#wide_area .map ul.side li:nth-child(3) { top: 413px; left: 587px; }
#wide_area .map ul.side li:nth-child(4) { top: 300px; left: 417px; }
#wide_area .map ul.side li:nth-child(5) { top: 450px; left: 758px; }
#wide_area .map ul.side li:nth-child(6) { top: 498px; left: 472px; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	
 モーダル用
	 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.modal_content {
    position:fixed;
    display:none;
    z-index:2;
    width:920px;
    margin:30px 0 auto;
}

.modal_content .inner{ background:url("../image/modal_text_bg.png") no-repeat center bottom #f5f4e8; }
.modal_content .inner.m_one{ min-height:620px; }
.modal_content .inner.m_two{ min-height:550px; }

.modal_content .inner dl{ padding-top:20px; }

.modal_content .inner dl dt{
	width:740px;
	height:54px;
	margin:0 auto;
	display:-webkit-box;/* Android4.3以前ブラウザ用 */
	display:-ms-flexbox;/*--- IE10 ---*/
	display:-webkit-flex;/*--- safari（PC/iOS8以前）用 ---*/
	display:flex;
	-webkit-box-pack:center;/* Android4.3以前ブラウザ用 */
	-webkit-justify-content:center;/* safari（PC/iOS8以前）用 */
	justify-content: center;
	-webkit-align-content: center;/* safari（PC/iOS8以前）用 */
	align-items: center;	background: #e8e4c2;
	background: -moz-linear-gradient(top,  #e8e4c2 0%, #d1c884 100%);
	background: -webkit-linear-gradient(top,  #e8e4c2 0%,#d1c884 100%);
	background: linear-gradient(to bottom,  #e8e4c2 0%,#d1c884 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e4c2', endColorstr='#d1c884',GradientType=0 );
}

.modal_content .inner dl dt img{
	margin-right:1em;
	width:31px;
	height:31px;
}

.modal_content .inner dl dt span{
	vertical-align:super;
	color:#956134;
	font-weight:bold;
	font-size:22px;
}

.modal_content .inner div{
	width:740px;
	margin:0 auto;
}
.modal_content .inner div.modal_image{
	box-sizing:border-box;
	margin:20px auto;
}

.modal_content .inner.m_two div.modal_image {
	display:-webkit-box;/* Android4.3以前ブラウザ用 */
	display:-ms-flexbox;/*--- IE10 ---*/
	display:-webkit-flex;/*--- safari（PC/iOS8以前）用 ---*/
	display:flex;
	-webkit-box-pack:space-between;/* Android4.3以前ブラウザ用 */
	-webkit-justify-content:space-between;/* safari（PC/iOS8以前）用 */
	justify-content: space-between;
	-webkit-align-content: center;/* safari（PC/iOS8以前）用 */
	align-items: center;
}

.modal_content .inner.m_one div.modal_image {
	text-align:center;
}

.modal_content .inner dd div.modal_image img{
	border:#fff 6px solid;
	box-shadow: 4px 10px 6px -5px #ccc;
}

.modal_content .inner dd div.modal_text{
	background:url("../image/modal_bg.png")repeat;
	min-height:130px;
	position:relative;
}

.modal_content .inner dd div.modal_text p:nth-of-type(1){
	padding:20px 40px;
	font-size:16px;
	letter-spacing:1px;
	line-height:1.3;
	position:static;
}

.modal_content .inner dd div.modal_text p:nth-of-type(2){
	right:10px;
	bottom:10px;
	height:31px;
	padding-top:20px;
	display:inline-block;
	position:absolute;
}

.modal_content .inner dd div.modal_text p span{
	letter-spacing:2px;
}

.modal_content p.close_btn{
	width:126px;
	margin:30px auto 0;
	padding:0;
}

.modal_content p.close_btn a{ 
	text-align:center;
	background:#fff;
	display:inline-block;
	margin-bottom:30px;
}

.modal_overlay {
    z-index:1;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,1);
}
	

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	
 コースウォーキング以下
	 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#walking_area, #cart_area {
	 width: 962px;
	 padding: 0 30px;
}

#walking_area, #cart_area .cart_top {
	 display: -webkit-box;/* Android4.3以前ブラウザ用 */
	 display: -ms-flexbox;/*--- IE10 ---*/
	 display: -webkit-flex;/*--- safari（PC/iOS8以前）用 ---*/
	 display: flex;
	 -webkit-box-pack: space-between;/* Android4.3以前ブラウザ用 */
	 -webkit-justify-content: space-between;/* safari（PC/iOS8以前）用 */
	 justify-content: space-between;
	 -ms-flex-wrap: wrap;/*--- IE10用 ---*/
	 -webkit-flex-wrap: wrap;/* safari（PC/iOS8以前）用 */
	 flex-wrap: wrap;
}

#walking_area h2, #cart_area h2 { margin: 0 auto 30px; }
#walking_area div, #cart_area .cart_top div:nth-of-type(1) { padding: 0 0 0 20px; }
#walking_area .first, #cart_area .cart_top .first {
	 width: 430px;
	 margin: 0 auto;
	 padding: 0 0 20px;
}

#walking_area figure:first-of-type, #cart_area .cart_top figure:first-of-type { padding-right: 25px; }
#walking_area figure.banner { 
	 width: 600px;
	 margin: 30px auto;
}

#walking_area div .individual,
#cart_area .cart_top div .individual,
#cart_area .cycling_segway .individual {
	 font-size: 16px;
	 display: inline-block;
	 letter-spacing: 0.1em;
	 padding: 4px;
	 background: #c1e0b0;
	 width: 120px;
	 text-align: center;
	 line-height: 1.5;
}

#walking_area div dl, #cart_area .cart_top div dl {
	 width: 450px;
	 margin: 0 auto;
}

#walking_area div dl dd, #cart_area .cart_top div dl dd { padding: 15px 0 20px 0; }

#walking_area div dl dd p, #cart_area .cart_top div dl dd p { text-indent: 1.5em; }

#walking_area div dl dd ul li, #cart_area .cart_top div dl dd ul li {
	 display: -webkit-box;/* Android4.3以前ブラウザ用 */
	 display: -ms-flexbox;/*--- IE10 ---*/
	 display: -webkit-flex;/*--- safari（PC/iOS8以前）用 ---*/
	 display: flex;
	 margin: 0 15px 15px;
}

#walking_area div dl dd ul li p,
#cart_area .cart_top div dl dd ul li p,
#cart_area .cycling_segway ul li p {
	 margin: 5px 0;
}

#cart_area .cart_top div .short_bar {
	 display: -webkit-box;/* Android4.3以前ブラウザ用 */
	 display: -ms-flexbox;/*--- IE10 ---*/
	 display: -webkit-flex;/*--- safari（PC/iOS8以前）用 ---*/
	 display: flex;
	 -webkit-box-pack: space-between;/* Android4.3以前ブラウザ用 */
	 -webkit-justify-content: space-between;/* safari（PC/iOS8以前）用 */
	 justify-content: space-between;
	 width: 450px;
	 padding: 0!important;
}

#cart_area .cart_top div .short_bar dl {
	 width: 220px;
	 margin: 0;
}

/*-- サイクリング・セグウェイ --*/
	
#cart_area .cycling_segway {
	 width: 850px;
	 background: #f2f7eb;
	 margin: 15px auto;
	 padding: 30px 20px;
	 border-radius: 5px;
}

#cart_area .cycling_segway .cycling, #cart_area .cycling_segway .segway {
	 display: -webkit-box;/* Android4.3以前ブラウザ用 */
	 display: -ms-flexbox;/*--- IE10 ---*/
	 display: -webkit-flex;/*--- safari（PC/iOS8以前）用 ---*/
	 display: flex;
	 -ms-flex-wrap: wrap;/*--- IE10用 ---*/
	 -webkit-flex-wrap: wrap;/* safari（PC/iOS8以前）用 */
	 flex-wrap: wrap;
	 justify-content: space-around;
	 margin: 0 0;
}

#cart_area .cycling_segway .cycling p, #cart_area .cycling_segway .segway p {
	 letter-spacing: 1.8px;
	 text-align: justify;
}

#cart_area .cycling_segway h3 {
	margin-bottom: 1em;
}

#cart_area .cycling_segway .box_lead {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  margin: 0 auto 2em;
  width: 815px;
}

#cart_area .cycling_segway .box_lead p {
	width: 485px;
}

#cart_area .cycling_segway .box_lead p span {
	display: block;
	margin-top: 1em;
}

#cart_area .cycling_segway .box_lead figure {
	width: 300px;
}


#cart_area .cycling_segway .box_cyclingroot,
#cart_area .cycling_segway .box_tourroot {
	margin: 0 auto 3em;
	width: 800px;
}

#cart_area .cycling_segway .box_cyclingroot h4,
#cart_area .cycling_segway .box_tourroot h4 {
	background: #c4d26e;
	border-left: 7px solid #6e7b17;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5em;
	margin-bottom: 1em;
	padding: 0.5em 0 0.5em 0.5em;
	width: 100%;
}

#cart_area .cycling_segway .box_cyclingroot h4 span,
#cart_area .cycling_segway .box_tourroot h4 span {
	background: #fff;
	border-radius: 50%;
	color: #2d5a05;
	display: inline-block;
	height: 1.5em;
	margin-right: 0.5em;
	text-align: center;
	width: 1.5em;
}

#cart_area .cycling_segway .box_tourroot p {
	margin-bottom: 1em;
	padding: 0 1em;
}

#cart_area .cycling_segway .box_tourroot p small {
	font-size: 14px;
}


#cart_area .cycling_segway .left {
	margin: 0 auto;
	 width: 780px;
}

#cart_area .cycling_segway .segway .left {
	margin: 0 0 0 20px;
	width: 460px;
}

#cart_area .cycling_segway .segway figure {
	margin: 0 20px 0 0;
}

/*#cart_area .cycling_segway .left div {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}*/

#cart_area .cycling_segway .left div small {
	display: block;
}

#cart_area .cycling_segway .left dl {
	align-items: center;
	 display: -webkit-box;/* Android4.3以前ブラウザ用 */
	 display: -ms-flexbox;/*--- IE10 ---*/
	 display: -webkit-flex;/*--- safari（PC/iOS8以前）用 ---*/
	 display: flex;
	 margin: 15px 0;
}

#cart_area .cycling_segway .left dl dt {
	color: #302D25;
	font-feature-settings: "palt";
	font-size: 16px;
	font-weight: bold;
	padding-left: 0.7em;
	position: relative;
	width: 120px;
}

#cart_area .cycling_segway .left dl dt:before {
	background: #6e7b17;
	content: "";
	height: 1em;
	left: 0;
	position: absolute;
	width: 0.4em;
}

#cart_area .cycling_segway .left dl dd {
	padding-left: 1em;
	text-align: justify;
	position: relative;
}

#cart_area .cycling_segway .left dl dd p {
	display: inline-block;
	margin: 0;
	padding: 0;
}

#cart_area .cycling_segway .left dl dt:after {
	 content: "\FF1A";
	 font-size: 16px;
	 right: 0;
	 position: absolute;
}

#cart_area .cycling_segway figure.img_map {
	margin: 1.5em auto 0;
	width: 790px;
}

#cart_area .cycling_segway figure.bnr {
	 width: 650px;
	 display: block;
	 margin: 2em auto 0;
}

#cart_area .cycling_segway figure.bnr a {
	 background: #FFF;
	 height: 100px;
	 display: inline-block;
	 border-radius: 3px;
}

#cart_area .cycling_segway figure.bnr figcaption {
	 font-size: 16px;
	 margin: 8px auto;
	 text-align: center;
}

#cart_area .cycling_segway ul {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-around;
}

#cart_area .cycling_segway ul li {
	align-items: center;
	 display: -webkit-box;/* Android4.3以前ブラウザ用 */
	 display: -ms-flexbox;/*--- IE10 ---*/
	 display: -webkit-flex;/*--- safari（PC/iOS8以前）用 ---*/
	 display: flex;
}

#cart_area .cycling_segway .individual {
	display: inline-block;
	 letter-spacing: 0.001em;
	 padding: 0.3em 1em;
	 width: 70px;
}

#cart_area .cycling_segway ul li p {
	 text-indent: .6em;
	 letter-spacing: .4px!important;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	
	 東建多度CCで見られる植物たち
	 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#flower {
	 width: 801px;
	 margin: 50px auto;
	 border: 1px solid #a38e47;
	 border-radius: 10px;
	 overflow: hidden;
	 /zoom:1;
}

#flower .flower_list {
	 width: 721px;
	 margin: 0 auto;
	 display: -webkit-box;/* Android4.3以前ブラウザ用 */
	 display: -ms-flexbox;/*--- IE10 ---*/
	 display: -webkit-flex;/*--- safari（PC/iOS8以前）用 ---*/
	 display: flex;
	flex;
	 -ms-flex-wrap: wrap;/*--- IE10用 ---*/
	 -webkit-flex-wrap: wrap;/* safari（PC/iOS8以前）用 */
	 flex-wrap: wrap;
	 -webkit-box-pack: space-between;/* Android4.3以前ブラウザ用 */
	 -webkit-justify-content: space-between;/* safari（PC/iOS8以前）用 */
	 justify-content: space-between;
}

#flower h3 {
	 position: relative;
	 height: 60px;
	 margin-bottom: 15px;
}

#flower h3 img:last-of-type {
	 position: absolute;
	 left: 70px;
	 top: 45px;
}

#flower .flower_list dl dd ul {
	 display: -webkit-box;/* Android4.3以前ブラウザ用 */
	 display: -ms-flexbox;/*--- IE10 ---*/
	 display: -webkit-flex;/*--- safari（PC/iOS8以前）用 ---*/
	 display: flex;
}

#flower .flower_list dl dd img {
	 margin: 10px 5px 0;
	 padding: 3px 3px 2em;
	 border: #E8E8E8 1px solid;
	 box-shadow: 3px 3px 8px -1px #333;
	 -moz-box-shadow: 3px 3px 8px -1px #333;
	 -webkit-box-shadow: 3px 3px 8px -1px #333;
}

#flower .flower_list dl dd p {
	 margin: -21px 5px 20px;
	 font-size: 10px;
	 width: 90px;
	 text-align: center;
	 letter-spacing: -1px;
	 text-indent: 4px;
	 transform: scale( 1, 1.3 );
}

#flower .flower_list dl dt {
	 background: #f1e0b4;
	 box-sizing: border-box;
	 border-top: none;
	 border-bottom: none;
	 border: 6px solid #fff;
	 color: #b18349;
	 font-weight: bold;
	 text-align: center;
	 font-size: 14px;
	 margin: 0 0 -10px;
	 padding: 2px 0;
	 letter-spacing: 1px;
}

#flower figure {
	 width: 460px;
}

#flower figure:first-of-type {
	 margin: 30px auto 0;
}

#flower figure:last-of-type {
	 margin: 20px auto 40px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	
	 注意事項
	 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#notes_area p {
	 width: 850px;
	 margin: 20px auto 30px;
}

#notes_area div {
	 margin: 0 auto;
	 width: 750px;
	 padding: 20px;
	 border: 2px solid #cf9f0d;
	 border-radius: 20px;
}

#notes_area div h4 {
	 font-size: 18px;
	 position: relative;
	 height: 1.7em;
	 text-indent: 50px;
	 border-bottom: dotted 2px #000;
}

#notes_area div h4 img {
	 position: absolute;
	 top: -5px;
	 left: 5px;
}

#notes_area div ul {
	 margin: 2em 5em 1em 4em;
	 font-size: 16px;
}

#notes_area div ul li {
	 margin: 0 0 .4em 1em;
}

#notes_area div ul li:before {
	 margin-left: -1em;
	 content: "\30FB";
}

#notes_area div ul li:last-child {
	 margin: 0 0 0 1em;
}


/*iPad対策*/
@media only screen and (min-device-width:1061px){
p a img:hover,
figure a img:hover{ 
	opacity:0.7;
}

}