@charset "utf-8";
img, object, embed, video {
	max-width: 100%;
}
.ie6 img {
	width:100%;
}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;font-size:0.1em;line-height:0;}
.clearfix {zoom:1;}
.home .left {
	float: left;
	width: 46%;
}
/*==================================================================================================*/

/* モバイルレイアウト : 480 px およびそれ以下. */

/*==================================================================================================*/
.policy { line-height: 1.6; }
.policy dt { font-weight: bold; }
.policy dd { margin-bottom: 1.5em; }
#feature {
	line-height: 1.6;
}
.booth li:before {
	content: "";
	width: 0;
	height: 0;
	border-left: 5px solid #50a9e5;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	position: absolute;
	left: 0;
}
.booth li {
	width: 28%;
	margin: 0 2% 4% 0;
	position: relative;
	padding-left: .8em;
}
.booth li:nth-child(3n) {
	margin-right: 0;
}
.booth li.lh2 {
	height: 2.5em;
}
.booth li.lh3 {
	height: 4em;
}
.booth li.lh4 {
	height: 5.5em;
}
.eventguest li {
	width: 32%;
	margin: 0 2% 4% 0;
	float: left;
	height: 250px;
}
.eventguest li dt span {
	display: block;
	width: 20%;
}
.eventguest li dd strong {
	display: block;
	font-size: 1.2em;
}
.coursemap li {
	float: left;
	margin-right: 2em;
	width: 5em;
}
.cycletrain-mtgpl h3 {
	font-size: 1.5em;
}
.trafictab li {
	width: 32%;
	margin-right: 2%;
	float: left;
}
.eventguest li:nth-child(3n),
.trafictab li:last-child {
	margin-right: 0;
}
.trafictab li a {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 4% 0;
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	color: #fff;
	border-radius: 5px;
	background: #f5a100;
	text-decoration: none;
}
.trafictab li a.sky {
	background: #00B0F0;
}
.trafictab li a.green {
	background: #92D050;
}
.trafictab li a:hover {
	background: #ddd;
	text-decoration: underline;
}
.saigai {
	line-height: 1.8;
}
.saigai h4 {
	margin-top: 1em;
	font-size: 1.3em;
}
.saigai .ganbaro {
	width: 30%;
	margin: 3% auto 5%;
}
.saigai .font-r {
	margin: 2em 0 4em;
	text-align: right;
}
.saigai .hiroshima {
	float: left;
}
.saigai .ehime {
	float: right;
}
.saigai .hiroshima,.saigai .ehime {
	width: 49%;
	box-sizing: border-box;
	background: rgba(255,255,255,.7);
	padding: 2%;
	height: 8em;
}
.disaster {
	/*border: 1px solid #E20003;
	border-radius: 4px;*/
	margin: 3% auto;
	width: 100%;
}
/*.disaster a {
	padding: 2%;
	text-align: center;
	color: #E20003;
	display: block;
	font-size: 1.4em;
}
.disaster a:hover {
	background: #E20003;
	color: #fff;
}*/
.route a {
	line-height: 2;
}
#Entry .applyPc {
	float: none;
}
	#Entry .applyPc .btnBk {
		margin-bottom: 50px;
	}
	#Entry .applyPc th,
	#Entry .applyPc td {
		border: 1px solid #929292;
		padding: 1% 0;
	}
	#Entry .applyPc th {
		background: #000;
		color:  #fff;
		font-size: 1.2em;
	}
	#Entry td.smp {
		text-align: center;
		width: 50%;
	}
#Entry .btnGr {
	padding: 10px 0;
}
.necessary {
	background: #eee;
	padding: 2%;
	margin: 4% 0 0 0;
}
.necessary h5 {
	text-align: center;
	font-size: 1.3em;
	margin-bottom: .5em;
}
.necessary ul {
	width: 80%;
	margin: 0 auto;
}
.necessary li {
	float: left;
	margin: 0 15px 15px 0;
}
.necessary li:last-child {
	margin-right: 0;
}
.necessary li a {
	color: #000;
}
.necessary li a img {
	margin-right: 5px;
}
.color04 {
	color: #FF8500;
}

.notes li {
	margin-left: 1em;
	text-indent: -1em;
}
.Kotsu {
	border: 1px solid #ccc;
	padding: 5px;
	width: 200px;
	background: #fff;
}
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 93.1%;
	/*width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;*/
}
/*body.home  { background: #00abeb; }*/
#header {
}
.spDisNone {
	display: none;
}

/* menu */
#hdrNavUnit {
  margin: 10px auto 17px;
  float: right;
  width: 12.9%;
  max-width: 62px;
}
.panel-wrap{
  position: relative;
  float: left;
  padding: 0;
}
a.panel-btn{
  display: block;
  position: relative;
  z-index: 100;
  padding: 0;
}
a.panel-btn img {
	width: 100%;
}
.panel {
  display: none;
  position: absolute;
  top: 100%;
  right: -10px;
  z-index: 1000;
  width: 280px;
  /*height: 325px;*/
  height: 260px;
  background: url(images/bg_menu_hdr.png) no-repeat;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
}
ul.hNav {
	margin: 30px 15px 0 15px;
	border-top: solid 1px #ddd;
}
ul.hNav li {
	font-size: 14px;
	border-bottom: solid 1px #ddd;
	line-height: 2.4;
	padding: 0 15px;
	color:#999;
}
ul.hNav li a {
	font-weight: bold;
	text-decoration: none;
	display: block;
	color: #000;
	background: url(images/arw_menu_bk.gif) no-repeat right center;
}
#TextSize {
	display: none;
}
.text-red {
	color: #dd0000;
}


/* footer
---------------------------------------*/
#sNavCmn ul.hNav {
	margin: 0 0 20px;
	
}
#footer {
	color: #fff;
	font-size: 12px;
	line-height: 1.5;
	background: #00abeb;
	margin: 0 -500% 0;
	padding: 25px 500% 17px;
	clear: both;
}
#footer .logoFtr {
	float: right;
	width: 28.2%;
	margin-left: 7%;
}
#footer .copyright {
	clear: both;
	font-size: 10px;
	color: #262626;
	text-align: center;
	padding-top: 15px;
}
.LogoTrisetsu {
	position: relative;
}
.LogoMark {
	position: absolute;
	right: -80px;
	top: 0;
}

/* home
---------------------------------------*/
.home #announcement {
	background: #f00;
	padding: 15px;
	margin-bottom: 35px;
	color: #fff;
	font-size: 16px;
}
/* mainVisual */
.home #mainVisual {
	margin: 0px 0% 0px;
	clear: both;
}
.bx-controls-direction {
	display: none;
}

/* gNavSp */
#gNavSp {
	margin: 18px 0;
}
#gNavSp li {
	padding: 7px 3%;
	background: #fff;
	margin-bottom: 7px;
}
#gNavSp li img {
	width: 57.5%;
	max-width: 276px;
}
#gNavSp li a {
	display: block;
	background: url(images/arw_gnav.gif) no-repeat right center;
}

.Status {
	padding: 15px 3%;
	background: #063398;
	margin-bottom: 30px;
	color: #fff;
	line-height: 1.4;
}
.Status a {
	color: #fff;
}
.Status h3 {
	font-size: 120%;
	margin-bottom: 0.5em;
}



/* news_message
.news_message {
	width:100%;
	background:#b5e6ff;
	text-align:center;
	padding:20px 10px;
	box-sizing:border-box;
	margin:0 0 40px;
}
.news_message p{
	color:#221010;
	font-size:16px;
	text-align:left;
	display:inline-block;
}
.news_message p strong {
	color:#ffffff;
	font-size:27px;
	font-weight:bold;
	display:block;
	text-align:center;
	margin:0 0 10px;
} */


/* top-page outline
- - - - - - - - - - - - - - - - - - - - - */
dl.outline dt,
dl.outline dd {
	font-size: 120%;
	line-height: 1.5;
}
dl.outline dt {
	color: #0e61bd;
	width: 8em;
	float: left;
	clear: left;
}
dl.outline dd {
	padding: 0 0 .5em 8em;
	border-bottom: 1px solid #d7d7d7;
	margin-bottom: .5em;
}
dl.outline dd dl.course dt,
dl.outline dd dl.course dd {
	font-size: 100%;
	color: #333;
	border: none;
	float: none;
	padding: 0;
	margin: 0;
}
dl.outline dd dl.course dt {
	margin-top: 3%;
}

/* news */
#news {
	border: 3px solid #bbb;
	padding: 15px 3% 0;
	margin-bottom: 30px;
	clear: both;
	position: relative;
	background: #fff;
}
#Entry {
	border: 3px solid #bbb;
	padding: 15px 3%;
	margin-bottom: 30px;
	background: #fff;
}
#bnrArea {
	margin-bottom: 50px;
}
#bnrArea #Entry h2 {
	margin-bottom: 15px;
	float: left;
}
#bnrArea #Entry .btnEnter {
	float: right;
	font-size: 80%;
	background: #ffae00;
}
#bnrArea #Entry a.btnIcon {
	text-align: left;
}
.home #Entry h3,
#Entry dt {
	font-size: 1.25em;
	font-weight: bold;
	color: #063398;
}
#Entry dl {
	margin-bottom: 15px;
}
/*#bnrArea .topbanner { margin-bottom: 40px; }*/
#bnrArea li {
	margin-bottom: 18px;
}
#bnrArea li img {
	width: 100%;
}
.keirin li {
	width: 49%;
	margin-right: 2%;
	float: left;
}
.keirin li:last-child {
	margin-right: 0;
}
#news p {
	position: absolute;
	top: 15px;
	right: 15px;
}
#news dl {
	margin: 20px 0 0;
	overflow: scroll;
	height: 80px;
}
#news dt {
	color: #00abeb;
	font-size: .94em;
	font-weight: bold;
	margin-bottom: 5px;
}
#news dd {
	border-bottom: 1px solid #d8d8d8;
	padding-bottom: 1em;
	margin-bottom: 10px;
}
#news dd:last-child {
	border-bottom: none;
}
#news dd a {
	color: #000;
}
.LeftArea {
	width: 100%;
}
/*#Facebook iframe {
	max-width: 400px;
}*/
#Facebook {
	margin-bottom: 20px;
	max-width: 500px;
}


#Sponsors h2,
#Sponsors p {
	margin-bottom: 20px;
}
#Sponsors {
	margin-bottom: 50px;
}
#Sponsors .spDisNone,
#Sponsors .pcDisNone {
	width: 100%;
}
#Sponsors li {
	float: left;
	margin-right: 20px;
}
#Sponsors #prutinum,
#Sponsors #gold,
#Sponsors #silver,
#Sponsors #bronze
 {
	margin-bottom: 40px;
}
#Sponsors #prutinum ul,
#Sponsors #silver ul {
	margin: 0 auto;
}
#Sponsors #prutinum,
#Sponsors #gold,
#Sponsors #bronze
 {
	text-align: center;
}
#Sponsors #prutinum ul {
	width: 95%;
}/*
#Sponsors #prutinum li {
	width: 45%;
}*/
#Sponsors #silver ul {
	width: 100%;
}
#Sponsors #silver p {
	text-align: center;
}
/*#Sponsors #silver li {
	width: 28%;
	height: 40px;
}
*/
#Sponsors .Spns_btns {
	padding:30px 0 0 0;
	text-align:center;
	line-height:1.4;
}

#Sponsors .Spns_btns img{
	display:inline-block;
	margin:0 0 10px;
}
#Sponsors a {
	display: inline-block;
	margin: 0 0 10px 10px;
}


/* information */
#information {
	margin-bottom: 15px;
	clear: both;
}
#information h2 {
	background: #000;
}
#information h2 img {
	width: 35.2%;
	max-width: 162px;
}
#information p {
	background: #f5a100;
	padding: 10px 6% 10px 4%;
}
#information p img {
	width: 100%;
	max-width: 354px;
}
#announcement2016 {
	padding: 3%;
	margin: 3% 0;
	border: 1px solid #ff5e5e;
	background: #fef8f8;
}
#announcement2016 .txt strong {
	font-size: 1.5em;
}
#announcement2016 .txt p {
	margin: 2% 0;
}
#announcement2016 .txt dt {
	font-weight: bold;
}
#announcement2016 .txt dd {
	margin: 0 0 1em 2em;
}


/* sNav */
#sNav {
	margin: 0 -500%;
	padding: 25px 500%;
	background: #e0e0e0;
}
#sNav ul {
	border: 1px solid #959595;
	border-radius: 10px;
	background: #fff;
}
#sNav li {
	border-bottom: 1px solid #959595;
	padding: 0 3%;
}
#sNav li a {
	display: block;
	background: url(images/arw_gnav.gif) no-repeat right center;
	padding: 15px 0;
	color: #000;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}

/* tour
---------------------------------------*/
.tour .bgStr {
	margin-bottom: 30px;
	padding: 5%;
}
	.tour li dt {
		text-align: center;
	}
	.tour li strong {
		font-size: 1.3em;
		margin: 15px 0;
		text-align: center;
		color: #f60;
		display: block;
		height: 3em;
		vertical-align: middle;
	}
.tour #web_plan h2 span {
	font-size: .7em;
	margin-left: 1em;
}
	.tour #web_plan li {
		margin: 0 0 15px 0;
	}
	.tour #web_plan li dl {
		width: 94%;
		background: #fff;
		padding: 3%;
	}
	.tour #web_plan li .price {
		color: #f00;
		font-size: 32px;
		text-align: center;
	}
.tour #web_plan p img {
	width: 100%;
}
	.tour #sight_seeing li {
		margin: 0 0 6% 0;
		padding: 4% 4% 6% 4%;
		background: url(images/tour_dotted_u.png) repeat-x left bottom;
	}

/* pages
---------------------------------------*/
#bread {
	padding: 10px 0 15px;
	clear: both;
}
#bread li {
	float: left;
	color: #181818;
	font-size: 12px;
}
#bread li::after {
	content:"　>　";
}
#bread li:nth-last-of-type(1)::after {
	content:"";
}
#bread li a {
	color: #181818;
	text-decoration: none;
}
#bread li a:hover { text-decoration: underline; }
#mainVisual {
	margin-bottom: 18px;
}
.contTtlBl {
	color: #fff;
	background: #005ebf;
	font-weight: bold;
	padding: 10px 3%;
	margin-bottom: 17px;
	clear: both;
}
h2.contTtlBl {
	margin-bottom: 17px !important;
}
.bgStr {
	background: url(images/bg_cont.gif) repeat;
}
.bgStr .l {
	font-size: 17px;
	line-height: 1.8;
}
.about .bgStr,
.guide .bgStr,
.qa .bdGr {
	font-size: 14px;
	line-height: 1.7;
}
.home .bgStr,
.about .bgStr,
.guide .bgStr,
#LoopBus .bgStr {
	padding: 12px 3%;
	margin-bottom: 17px;
	margin-top: 17px;
}
.about h2.contTtlBl,
.guide h2.contTtlBl {
	margin-bottom: 1px !important;
}
.about .switchHat,
.guide .switchHat {
	background: #005ebf url(images/arw_right.gif) no-repeat right center;
	margin-bottom: 1px;
}
.about .switchHat.nowOpen,
.guide .switchHat.nowOpen {
	background: #005ebf url(images/arw_low.gif) no-repeat right center;
}
.btnBl {
	height: 48px;
	line-height: 48px;
	font-weight: bold;
	text-align: center;
	background: url(images/bg_btn_bl_l.gif) no-repeat right center;
	margin: 0 auto;
}
.btnBl a {
	color: #fff;
	text-decoration: none;
	font-size: 123.1%;
	display: block;
}
.btnGr {
	background: url(images/bg_btn_gr.gif) no-repeat right center;
	color: #000;
	font-size: 123.1%;
	padding: 20px 10px;
}
.btnGr a {
	color: #000;
}
.btnBlW325 a,
.btnCS2013 a {
	color: #fff;
	text-decoration: none;
	font-size: 131%;
	display: block;
}
.btnBlW325 {
	width: 80%;
	height: 48px;
	line-height: 48px;
	font-weight: bold;
	text-align: center;
	background: url(images/bg_btn_bl02.gif) no-repeat right center;
	margin: 0 auto;
	margin-top: 10px;
	padding-right: 20px;
	font-size: 90%;
}
.btnBlW268 {
	width: 268px;
}
.btnBlW444 {
	max-width: 444px;
}
.btnBlW480 {
	max-width: 480px;
}
.blBox {
	border: 2px solid #00abeb;
	border-radius: 12px;
	background: #fff;
	padding: 15px 20px;
	overflow: hidden;
}
.orBox {
	border: 2px solid #f5a100;
	background: #fff;
	padding: 15px 17px;
	overflow: hidden;
}
.blBox h4,
.orBox h4 {
	font-size: 17px;
}
.orBox h4 {
	color: #e50000;
}
.orBox span {
	color: #ff0000;
}
.qa h3 {
	margin-top: 2em;
	margin-left: 1em;
}

/* about
---------------------------------------*/
.sign {
	font-size: 30px;
}
.handle {
	margin: 1% 0;
}
.handle li {
	float: left;
	margin-right: 1%;
}
#forte h3 {
	margin: 15px 0;
}
#forte h4 {
	margin-bottom: .5em;
}
#forte p {
	margin-bottom: 1.5em;
}
.about1_h3 {
	margin-bottom: 20px;
}
.about1_img {
	text-align: center;
	margin: 0 auto 25px;
	width: 57.5%;
	max-width: 259px;
}
.about2_gaiyou,
.about3_shikaku {
	line-height: 1.5;
}
.about2_gaiyou dt,
.about3_shikaku dt,
.outline_access {
	color: #005ebf;
}
.about2_gaiyou dd,
.about3_shikaku dd {
	border-bottom: 1px solid #005ebf;
}
.about2_gaiyou dt {
	width: 7em;
	float: left;
	padding: 0.7em 0;
}
.about2_gaiyou dd {
	padding: 0.7em 0 0.7em 7em;
}
.place {
	letter-spacing: 3.5px;
}
.entry {
	letter-spacing: 4.9px;
}
.place-margin {
	margin-left: 9.9em;
}
.entry-margin {
	margin-left: 11em;
}

.about2_gaiyou2 {
	line-height: 1.5;
}
#Photo dt,
.about2_gaiyou2 dt {
	color: #005ebf;
}
#Photo dd,
.about2_gaiyou2 dd {
	border-bottom: 1px solid #005ebf;
}
#Photo dl {
	line-height: 1.8;
}
#Photo dt {
	padding-top: .5em;
}
.about2_gaiyou2 dt {
	width: 16em;
	float: left;
	padding: 0.7em 0;
}
.about2_gaiyou2 dd {
	padding: 0.7em 0 0.7em 7em;
}

.about3_shikaku dd {
	padding: 0.7em 0;
	margin-bottom: 1em;
}
.outline_access {
	margin: 10px 0;
}
.outline_access p {
	margin-bottom: 10px;
}
/* t_design
---------------------------------------*/
#premiumentry .t_design {
	padding-top: 20px;
	border-top: 1px solid #bbb;
}
#premiumentry .t-shirts .left {
	width: 70%;
}
#premiumentry .t-shirts .right {
	width: 30%;
}

.t-shirts .btnCourse img {
	width: 75%;
}
.btnCourse img {
	width: 46.8%;
	max-width: 211px;
	padding-bottom: 20px;
}
.aboutCourse {
	width: 100%;
}
.aboutCourse thead,
.aboutCourse tbody,
.aboutCourse th,
.aboutCourse td,
.aboutCourse tr {
  display: block;
}
.aboutCourse thead {
  display: none;
}
.aboutCourse tbody tr {
}
.aboutCourse tbody tr td {
  border: none;
  border-bottom: 1px solid #dfdfdf;
  position: relative;
  padding-left: 40%;
  text-align: left;
}
.aboutCourse tbody tr td:before {
  color: #888;
  position: absolute;
  top: 6px;
  left: 6px;
  width: 35%;
  padding-right: 10px;
  white-space: inherit;
  line-height: 1.3;
}

.taxi .aboutCourse tbody tr td:nth-of-type(1):before {
  content: "事業者名";
}
.taxi .aboutCourse tbody tr td:nth-of-type(2):before {
  content: "住所";
}
.taxi .aboutCourse tbody tr td:nth-of-type(3):before {
  content: "連絡先";
}
.aboutCourse tbody tr td:nth-of-type(1):before {
  content: "コース";
}
.aboutCourse tbody tr td:nth-of-type(2):before {
  content: "";
}
.aboutCourse tbody tr td:nth-of-type(3):before {
  content: "走行距離(高速道路)";
}
.aboutCourse tbody tr td:nth-child(4) {
	height: 4em;
}
.aboutCourse tbody tr td:nth-of-type(4):before {
  content: "定員　※うちプレミアムエントリー定員";
}
.aboutCourse tbody tr td:nth-child(5) {
	min-height: 4em;
}
.aboutCourse tbody tr td:nth-of-type(5):before {
  content: "参加料　※プレミアムエントリー(小中学生)";
}
.aboutCourse tbody tr td:nth-of-type(6):before {
  content: "車両規定";
}
.aboutCourse tbody tr td:nth-of-type(7):before {
  content: "スタート・フィニッシュ";
}
.aboutCourse tbody tr td:nth-child(8) {
	height: 3em;
}
.aboutCourse tbody tr td:nth-of-type(8):before {
  content: "コース上のエイドステーション";
}
.aboutCourse tbody tr td:nth-of-type(9) {
	min-height:3em;
}
.aboutCourse tbody tr td:nth-of-type(9):before {
	content: "制限時間とコース難易度";
}
  
.aboutCourse th {
	background: #d9d9d9;
	font-weight: normal;
}
.aboutCourse th,
.aboutCourse td {
	border: 1px solid #929292;
	text-align: center;
	vertical-align: middle;
	padding: 5px 2%;
}
.aboutCourse .firstTd {
	border-top: 1px solid #333 !important;
	padding-top: 10px !important;
}
.aboutCourse .firstTd:before {
	padding-top: 5px;
}
h3.cName {
	background: #000;
	color: #fff;
	text-align: left;
	font-size: 15px;
	cursor: default;
	padding: 7px 2%;
	margin-bottom: 10px;
}
.m-title {
	font-size: 28px;
}
.sub-title {
	font-size: 18px;
	color: #0e61bc;
	line-height: 1.5;
}
.notes {
	padding: 0 0 2em 0 ;
}

/* about-03
---------------------------------------*/
.bdNone {
	border: none !important;
}
.table02 {
	font-size: 0.9em;
}
.aboutCourse.table02 th,
.aboutCourse.table02 td {
	padding: 5px 0.8%;
}
.aboutCourse.table02 tbody tr td {
  border: none;
  border-bottom: 1px solid #dfdfdf;
  position: relative;
  padding-left: 40%;
  text-align: left;
}
.aboutCourse.table02 tbody tr td:before {
  color: #888;
  position: absolute;
  top: 6px;
  left: 6px;
  width: 35%;
  padding-right: 10px;
}
.aboutCourse.table02 tbody tr td:nth-of-type(1):before {
  content: none !important;
}
.aboutCourse.table02 tbody tr td:nth-of-type(2):before {
  content: "";
}
.aboutCourse.table02 tbody tr td:nth-of-type(3):before {
  content: "出发时间" !important;
}
.aboutCourse.table02 tbody tr td:nth-of-type(4):before {
  content: "高速公路 最终关门时间" !important;
}
.aboutCourse.table02 tbody tr td:nth-child(4) {
	height: 3.5em !important;
}
.aboutCourse.table02 tbody tr td:nth-of-type(5):before {
  content: "终点关闭时间" !important;
}


.hosoku li {
	margin-left: 1em;
	text-indent: -1em;
	line-height: 1.5;
}
.about03 .about2_gaiyou dt {
	width: 7em;
}
.about03 .about2_gaiyou dd {
	padding: 0.7em 0 0.7em 7.5em;
}
.dl02 {
	font-size: 14px;
	line-height: 1.5;
}
.about03 .about2_gaiyou dd .dl02 dt,
.dl02 dt {
	float: none;
	width: inherit;
	padding: 0;
	color: #007303;
}
.about03 .about2_gaiyou dd .dl02 dd,
.dl02 dd {
	border: none;
	padding: 0 0 0.5em;
}
.listCir li {
	list-style: circle inside;
	margin-left: 1em;
	text-indent: -1em;
}
.ul01 li {
	line-height: 1.78;
	font-size: 14px;
	text-indent: -1.5em;
	margin-left: 1.5em;
}
.aboutCourse.shikakuTable tbody tr td:nth-of-type(1):before {
  content: "コース";
}
.aboutCourse.shikakuTable tbody tr td:nth-of-type(2):before {
  content: "走行区間";
}
.aboutCourse.shikakuTable tbody tr td:nth-of-type(3):before {
  content: "走行距離";
}
.aboutCourse.shikakuTable tbody tr td:nth-of-type(4):before {
  content: "本線走行区間";
}
.aboutCourse.shikakuTable tbody tr td:nth-of-type(5):before {
  content: "定員";
}
.aboutCourse.shikakuTable tbody tr td:nth-of-type(6):before {
  content: "車種";
}
.aboutCourse.modelTable tbody tr td {
  border: none;
  border-bottom: 1px solid #dfdfdf;
  position: relative;
  padding-left: 0;
  text-align: left;
}
.aboutCourse.modelTable tbody tr td:before {
  display: none;
}


/* volunteer
---------------------------------------*/
.volunteer table {
	margin-bottom: 2em;
}
.volunteer .zenjitu {
	margin-bottom: 3em;
	border-bottom: 1px dotted #000;
}
.volunteer .zenjitu table {
	margin-bottom: 3em;
}
.volunteer th,
.volunteer td {
	padding: 1%;
	border: 1px solid #929292;
}
.volunteer th,
.volunteer .vol-day,
.volunteer .vol-area {
	text-align: center;
}
.volunteer th {
	background: #000;
	color: #fff;
}
.volunteer td {
	vertical-align: middle;
	background: #fff;
}
.volunteer .vol-day {
	font-size: 1.8em;
	font-weight: bold;
}
.volunteer .vol-area {
	color: #EB6769;
	font-size: 1.2em;
}
.volunteer ul {
	margin: 2% auto;
}
.volunteer li {
	margin-left: 1em;
	text-indent: -1em;
}
ul.vol-btn {
	margin: 1% auto 3%;
	width: 400px;
}
ul.vol-btn li {
	margin-bottom: 1%;
}
.vol-dl {
	margin-top: 1em;
}
.vol-dl dt {
	width: 9em;
}
.vol-dl dd {
	padding-left: 9em;
}
.vol-soroe {
	padding-left: 11.3em !important;
	text-indent: -4.3em;
}


/* premiumentry
---------------------------------------*/
.premiumE a {
	border: #ccc 1px solid;
	display: block;
}
.guide .premiumE {
	width: 50%;
	margin: 0 auto 30px;
}
#premiumentry .prem_btn {
	background:#000;
	color:#fff;
	font-size:16px;
	padding:5px 10px;
	margin:10px 0;
}
#premiumentry h3 {
	/*margin-top: 50px;*/
}
#premiumentry dl {
	margin: 10px 0 20px;
}
#premiumentry dt, #premiumentry dd {
	float: none;
}
#premiumentry dt {
	margin: 0 auto 5px;
	width: 90%;
	font-size: .8em;
}
#premiumentry dd {
	width: 100%;
}


/* guide
---------------------------------------*/
.guide .hosoku {
	margin-bottom: 2em;
}
.guide #period dt,
.guide #howto dt {
	background: #000;
	color: #fff;
	padding: 3px 5px;
	margin-bottom: .5em;
}
.guide #period dd,
.guide #howto dd {
	margin-bottom: .5em;
}
.guide h2 span {
	font-size: .6em;
	font-weight: normal;
	display: block;
}
.subt {
	font-size: 1.4em;
	color: #005ebf;
	margin-top: 20px;
	margin-bottom: 5px;
}
.adl {
	font-size: 1.4em;
	color: #000;
	padding-top: 30px;
	margin-bottom: 15px;
}
/*.guide strong {
	font-weight: normal;
	font-size: 1.25em;
}*/
.guide th {
	font-weight: normal;
}
.guide #period,
.guide #howto {
	margin-bottom: 1em;
}
.guide #schedule .event1029 {
	margin-bottom: 1em;
}
.guide #schedule h3 {
	border: 1px solid #e5e5e5;
}
.guide #schedule dt {
	background: #e5e5e5;
	padding: .5%;
}
.guide #bus-and-ships dt {
	background: #b4e5fa;
	padding: .5%;
	font-size: 1.2em;
}
.guide #schedule h3,
.guide #bus-and-ships dd {
	background: #fff;
	margin-bottom: 1%;
	padding: 1.5%;
}
.guide #jtbSS {
	background: #fff;
	padding: 15px;
	margin-bottom: 25px;
}

.guide #bnr_jtb {
}
.guide #bnr_jtb_e {
}
.guide #bnr_jtb li {
	margin-bottom: 1%;
}
.guide #bnr_jtb_e li {
	margin-bottom: 1%;
}

.placeList {
}
.placeList li span {
	padding: 2px 5px;
	background: #005ebf;
	color: #fff;
	border-radius: 1em;
	font-size: 93%;
}
.ruleList li {
	list-style: decimal inside;
	margin-left: 1em;
	text-indent: -1em;
}
.h3_icon {
	font-size: 24px;
	padding-left: 22px;
	margin-bottom: 15px;
}
.preceding,
#preceding {
	background: url(images/icon_cir_blue.png) no-repeat left center;
}
.ordinary {
}
.btnTour,
.btnEntry {
	margin: 0 auto 15px;
	max-width: 325px;
}
.jtb,.ana {
	overflow: hidden;
	width: 265px;
	margin: 10px 0 0;
}
/*.btnEntry {
	margin: 10px 0;
}*/
.btnEnter {
	padding-left: 10px;
	padding-right: 10px;
}
.btnEnter a {
	padding-right: 25px;
	color: #fff;
}
.btnBk {
	padding: 0 10px;
}
.btnGold {
	background: url(images/bg_btn_gold_stripe.gif);
	padding: 0 10px;
}
.btnBk a,
.btnGold a {
	color: #fff;
}
.btnBk a:hover,
.btnGold a:hover {
	color: #fff;
	text-decoration: underline;
}
.btnIcon {
	background: url(images/bg_btn_wb_icon.png) no-repeat right center;
	padding: 10px 0;
	text-align: center;
	display: block;
	font-size: 123.1%;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
.guide .kiyaku {
	overflow: scroll;
	height: 400px;
	border: 1px dotted #999;
	margin: 10px 0 0;
	padding: 20px;
}
.guide .kiyaku h5 {
	font-size: 120%;
}
.guide .kiyaku h5.subt {
	margin-top: 0;
}
.guide .kiyaku strong {
	font-size: 1rem;
	font-weight: bold;
}
.guide .kiyaku ul,
.guide .kiyaku p {
	margin-bottom: 1em;
	margin-left: 1em;
}
.guide .kiyaku li {
	margin-left: 2em;
	text-indent: -2em;
}
.course_name {
	width: 300px;
	margin: 10px auto;
	line-height: 1.4;
}
.guide .announce {
	font-size: 140%;
	color: #f00;
	margin-bottom: 10px;
}
.guide .announce span {
	font-size: 70%;
	display: block;
	line-height: 0.7;
}
.guide .premiumEntry {
	border: 2px solid #ffba4d;
	padding: 2%;
	background: #fff;
	border-radius: 5px;
	margin-bottom: 2%;
}
.guide .premiumEntry h4 {
	font-size: 1.5em;
	margin-bottom: 15px;
	color: #ffa618;
}
.guide .premiumEntry p {
	margin-bottom: 1em;
}
.guide .premiumEntry p strong {
	font-size: 1.1em;
	color: #00abeb;
}
.charter h2 span {
	text-align: right;
	display: block;
	font-weight: normal;
	font-size: .8em;
	float: right;
	margin-top: 3px;
}
.charter p span.bus-entry {
	display: block;
	padding: 3px 0;
}
.charter p span.bus-entry strong {
	font-weight: bold;
}
.charter .table02 td {
	text-align: left;
	padding-left: 2em;
}
.shuttlebus {
	margin-bottom: 1.5em;
}
.shuttlebus dt,
.charter-boat dt,
.cycletrain dt,
.bus-boat-service dt {
	color: #005ebf;
	padding-top: .7em;
	font-weight: bold;
}
.shuttlebus dd,
.charter-boat dd,
.cycletrain dd,
.bus-boat-service dd {
	padding: 0 0 .7em 0;
	border-bottom: 1px solid #005ebf;
}
.shuttlebus dd .w320,
.charter-boat dd .w320,
.cycletrain dd .w320,
.bus-boat-service dd .w480 {
	width: 100%;
}
.bus-boat-service dd .w480 {
	font-size: 100% !important;
}
.shuttlebus dd .btnBl,
.charter-boat dd .btnBl,
.cycletrain dd .btnBl,
.bus-boat-service dd .btnBl {
	background: #000;
}

.shuttlebus th,
.shuttlebus td,
.charter-ship th,
.charter-ship td {
	border: 1px solid #929292;
	padding: 1%;
	text-align: center;
}
.shuttlebus th,
.charter-ship th,
#schedule th {
	background: #000;
	color: #fff;
}
#schedule td {
	font-size: .9em;
	vertical-align: middle;
}
.charter-ship th {
	border-bottom: 3px double #333;
}
.shuttlebus td,
.charter-ship td {
	vertical-align: middle;
}
.charter-ship td span {
	font-size: 2em;
}
.charter-ship td.yajirushi {
	border-bottom: none;
	border-top: none;
}
.att-ship {
	margin-bottom: 1.5em;
}
.Fcourse {
	height: 5em;
}


/* guide - meeting-location
---------------------------------------*/
#meeting-location p span {
	font-size: 1.2em;
	background: linear-gradient(transparent 40%, #ffff66 0%);
}
#meeting-location dl {
	margin-bottom: 1em;
}
#meeting-location dt {
	float: left;
	width: 6em;
	color: #f00;
}
#meeting-location dd {
	padding: 0 0 .7em 6.5em;
}
#meeting-location dd span {
	text-decoration: underline;
}


/* guide - accommodation
---------------------------------------*/
#accommodation {
	font-size: 13px;
}
#accommodation h3,
#tourism_link h3,
#guideService h3 {
	border-bottom: 1px dotted #333;
	font-size: 19px;
	line-height: 1.4;
}
#accommodation .fwB {
	font-size: 17px;
}
#accommodation li {
	float: left;
	width: 48.5%;
	margin-right: 3%;
	margin-bottom: 20px;
}
#accommodation li:nth-child(2n) {
	margin-right: 0;
}
#accommodation table {
	width: 100%;
}
#accommodation th,#accommodation td {
	border: 1px solid #999;
	padding: 1%;
}

#roopbus h3 {
	border-bottom: 1px dotted #333;
	font-size: 170%;
	line-height: 1.4;
}
#roopbus .aboutCourse tbody tr td:nth-of-type(1):before {
	content: "今治駅発";
}
#roopbus .aboutCourse tbody tr td:nth-of-type(2):before {
	content: "サイクルステーション着";
}
#roopbus .aboutCourse tbody tr td:nth-of-type(3):before {
	content: "サイクルステーション発";
}
#roopbus .aboutCourse tbody tr td:nth-of-type(4):before {
	content: "受付会場着";
}
#roopbus .aboutCourse tbody tr td:nth-of-type(5):before {
	content: "受付会場発";
}
#roopbus .aboutCourse tbody tr td:nth-of-type(6):before {
	content: "今治駅着";
}
#roopbus .aboutCourse td.firstTd {
	height: 3em;
}




/* guide - tourism
---------------------------------------*/
.guide #tourism_info p {
	margin: 1em 0;
}
.guide #tourism_info strong {
	font-size: 1em;
	color: #005ebf;
	font-weight: bold;
	display: block;
}
.guide #tourism .box {
	margin-bottom: 30px;
	background: url(guide/images/bg_gourmet.gif);
	padding: 2%;
}
.guide #tourism .box dl {
	margin-bottom: 20px;
}
.guide #tourism .box dt {
	font-size: 1.5em;
	padding: 5px 4%;
	text-align: center;
	background: #ffba00;
	border: 1px solid #cf8f14;
	color: #fff;
}
.guide #tourism .box dd {
	margin-top: 20px;
}
.guide #tourism .box dd span {
	display: block;
}
.guide #tourism .box li {
	margin-bottom: 2%;
}
#tourism_link li {
	margin-bottom: 2%;
}


/* course
---------------------------------------*/
#shadow {
	opacity: 0.6;
	display: none;
	position: absolute;
	top: 0;
	width: 100%;
	background: #000;
	z-index: 1;
}
.mapWrapper {
	position: relative;
}
.mapMain {
	position: relative;
}
.courseBtn p {
	padding: 10px 2%;
	background: #fff;
	display: none;
	position: absolute;
	top: -17px;
	left: -2%;
	width: 100%;
	z-index: 2;
	text-align: center;
}
.btnClose {
	position: absolute;
	top: -30px;
	right: 0;
}

/* course-plus
---------------------------------------*/
.courseBtn {
}
.courseBtn li {
	margin-bottom: 5px;
}
.courseBtn li img {
}
.aboutCourse.courseTable tbody tr td:nth-of-type(1):before {
  content: "コース";
}
.aboutCourse.courseTable tbody tr td:nth-of-type(2):before {
  content: "";
}
.aboutCourse.courseTable tbody tr td:nth-of-type(3):before {
  content: "距離";
}
.aboutCourse.courseTable tbody tr td:nth-of-type(4):before {
  content: "高速道路走行区間";
}
.aboutCourse.courseTable tbody tr td:nth-of-type(5):before {
  content: "";
}


/* qa
---------------------------------------*/
.qa #changeArea dt {
	color: #fff;
	font-weight: bold;
	padding: 10px 3px 10px 35px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #00abeb url(images/icon_q.gif) no-repeat left center;
	-moz-background-size: 30px auto;
	-webkit-background-size: 30px auto;
	background-size: 30px auto;
	margin-bottom: 10px;
}
.qa #changeArea dd {
	background: url(images/bg_cont.gif) repeat;
	padding: 10px 3%;
	margin: 12px 0;
}

/* contact
---------------------------------------*/
.contactForm dt {
	background: #005ebf;
	color: #fff;
	padding: 7px 3%;
}
.contactForm dd {
	background: #f4f4f4;
	border-bottom: 1px solid #fff;
	padding: 15px 3%;
}
.contactForm input,
.contactForm textarea {
	width: 98%;
	padding: 2px;
}
.contactForm textarea {
	height: 5em;
}
.btnSubmit {
    border: 0px;
    width: 211px;
    height: 47px;
    background: url(images/btn_submit.gif) left top no-repeat;
}


.thanks {
	text-align: center;
}
.thanks h3 {
	font-size: 1.4em;
	color: #005ebf;
	margin: 2em 0;
}

/* privacy
---------------------------------------*/
.privacy .bdGr {
	font-size: 14px;
	line-height: 1.7;
}
.privacy dt {
	color: #005ebf;
	font-weight: bold;
}
.privacy dd {
	margin-bottom: 1em;
}

/* porilcy
---------------------------------------*/
.ol {
	margin: 0 0 1.5em .5em;
}
.ol li {
	margin-left: 1em;
	text-indent: -1em;
}

/* news
---------------------------------------*/
#mainArea {
}
.newsIndex,
#mainArea article {
	padding: 10px 4% 25px;
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 30px;
}
.newsIndex dt {
	background: url(images/icon_cir.png) no-repeat left 14px;
	padding: 10px 0 5px 25px;
	letter-spacing: 0.1em;
}
.newsIndex dd {
	border-bottom: 1px solid #00abeb;
	padding: 0 0 10px;
}
.newsIndex dd a {
	color: #0070b7;
}
.newsIndex dd a:hover,
#mainArea .backList a:hover {
}
#mainArea .backList {
	padding: 5px 0 2px;
	margin: 0;
}
#mainArea .backList a {
	color: #095eb5;
	text-decoration: none;
	font-size: 11px;
}
#mainArea article h3 {
	border-bottom: 1px solid #00abeb;
	font-size: 17px;
	background: url(images/icon_cir.png) no-repeat left 17px;
	padding: 10px 15px 10px 23px;
	font-weight: normal;
	letter-spacing: 0.1em;
}
#mainArea .articleDate {
	font-size: 12px;
	padding: 15px 0;
	margin: 0;
}
#mainArea p {
	line-height: 1.7;
	margin-bottom: 1em;
}
#mainArea img.imgLeft {
}
#sideArea {
	background: #e9e9e9;
	border-radius: 5px;
	font-size: 12px;
	padding: 17px 0 0;
}
#sideArea h3 {
	margin: 0 6% 20px;
	padding: 3px 7px;
	color: #00abeb;
	background: #fff;
	border-radius: 5px;
}
#sideArea ul {
	padding: 0 6% 20px;
}
#sideArea li {
	margin-bottom: 1em;
}
#sideArea li a {
	color: #000;
}

/* news pagenation
-------------------------------------------------------------------------------------------------*/
.pagenationWrap {
	position: relative;
	overflow: hidden;
	padding: 0;
}
.pagenation {
	margin-bottom: 20px !important;
	float: left;
	position: relative;
	left: 50%;
	overflow: visible;
	width: auto !important;
}
.pagenation li {
	border-right: 1px solid #000 !important;
	color: #ffc000;
	height: 14px;
	line-height: 14px;
	float: left;
	font-size: 108%;
	list-style: none;
	padding: 0 1em 0 !important;
	position: relative;
	left: -50%;
	width: auto !important;
	margin: 0 !important;
}
.pagenation li a {
	color: #000 !important;
	text-decoration: none;
}
.pagenation li a:hover {
	text-decoration: underline;
}
.home .dl-menuwrapper {
	top: 60px !important;
}

/* access
-------------------------------------------------------------------------------------------------*/
#spMap {
	margin-bottom: 20px;
}
#spMap p {
	margin-bottom: 5px;
}
#spMap img,
.switchDetail iframe {
	width: 99.9%;
}
.access table {
	width: 100%;
}
.access th, .access td {
	border: 1px solid #929292;
	text-align: center;
	padding: 5px 0;
}
.access th {
	background: #d9d9d9;
	font-weight: normal;
}

/* schedule
-------------------------------------------------------------------------------------------------*/
.Sche {
	margin-top: 20px;
}

.Danraku li {
	text-indent: -2em;
	padding-left: 2em;
}
.Danraku02 li {
	text-indent: -1em;
	padding-left: 1em;
}
.Green {
	color: #007303;
}
#Highway,
#Hoken,
#AidStation {
	width: 100%;
}
#Highway th,
#Highway td,
#Hoken th,
#Hoken td,
#AidStation th,
#AidStation td,
.Lodging th,
.Lodging td,
.about-outline th,
.about-outline td {
	padding: 1% 1%;
	border: 1px solid #929292;
}
#Highway th,
#Hoken th,
#AidStation th,
.Lodging th,
.about-outline th {
	background: #D9D9D9;
	font-weight: normal;
}
#Highway th span,
#AidStation th span {
	font-size: .8em;
}
.att-kiyaku li {
	margin-left: 28px !important;
	text-indent: -28px !important;
}

.aboutcs_img {
	text-align: center;
	margin: 0 auto 25px;
	width: 57.5%;
	max-width: 320px;
}
.Blue {
	color: #005ebf;
}
.Hojo {
	background: url(images/img_cs2013.gif) no-repeat right top;
	padding-right: 33%;
	background-size: 30%;
}
.Report {
	padding: 10px 0;
}
.btnCS2013 {
	width: 348px;
	height: 74px;
	line-height: 74px;
	font-weight: bold;
	text-align: center;
	background: url(images/btn_cs2013.gif) no-repeat center;
	margin-top: 10px;
	font-size: 100%;
}
.attention {
	color: #f00;
}
.tac {
	text-align: center;
}
.borderbox {
	border: 1px solid #0b308e;
	padding: 5px;
}
#ShimanamiBnr {
	margin: 20px auto;
}
#ShimanamiBnr li {
	margin-bottom: 20px;
	float: left;
	margin-right: 5%;
	width: 45%;
}
#ShimanamiBnr li img {
	width: 100%;
}
li.Last {
	margin-right: 0 !important;
}
#Tour h4 {
	background: #FFF867;
	padding: 5px 3px;
}

#Tour h3,
#Event h3 {
	padding-left: 20px;
	font-size: 150%;
}
#Tour table,
#Event table {
	margin-bottom: 20px;
}
#Tour th,
#Tour td {
	padding: 5px;
	text-align: left;
	border: 1px solid #ccc;
}
#Tour th {
	background: #FFC;
	white-space: nowrap;
	width: 20%;
}
#Tour td {
	background: #fff;
	width: 80%;
}
#Event th,
#Event td {
	border: 1px solid #a57a43;
	padding: 5px;
}
#Event th {
	background: #c9ad83;
}
#Event .blk01 {
	background: #fff;
	padding: 10px;
}
#Event .blk01 .flL {
	width: 60%;
}
#Event .blk01 .flR {
	width: 38%;
}



/* Event 2018 tuika  SP
---------------------------------*/
#Event .box {
	margin-bottom: 30px;
}
#Event .pr {
	margin: 20px 0 30px;
}
#Event li {
	float: left;
}
#Event #imabari .pr li:last-child {
	width: 50%;
}
#Event .bgStr {
	padding: 12px 3%;
}
#Event h4 {
	background: url(images/icon_cir_or.png) no-repeat left center;
	font-size: 130%;
	padding: 5px 0 5px 20px;
	border-bottom: 1px dotted #999;
	margin-bottom: 20px;
}
#Event .artist li {
	width: 49%;
	margin: 0 2% 2% 0;
}
#Event .artist li:nth-child(2n) {
	margin-right: 0;
}
#Event .facilitator dt {
	float: left;
	clear: left;
	width: 25%;
}
#Event .facilitator dd {
	margin: 0 0 1em 27%;
}
#Event .facilitator dd strong {
	padding: 1% 0 2%;
	font-size: 110%;
	border-bottom: 1px solid #a57a43;
	margin-bottom: 2%;
	display: block;
}
#Event .timeschedule h4 {
	background: none;
	padding-left: 0;
	color: #f6ab00;
}
#Event tr:nth-child(odd) {
	background: #f2ece2;
}
#Event tr:nth-child(even) {
	background: #fff;
}

#Event #kamijima .pr li {
	width: 49%;
	margin-right: 2%;
}
#Event #kamijima .pr li:last-child {
	margin-right: 0;
}
#Event #onomichi sup {
	vertical-align: middle;
	font-size: 100%;
}
#Event #onomichi td:first-child {
	white-space: nowrap;
}
#Event #onomichi td span {
	font-size: .8em;
	display: block;
}




/* kyosan
---------------------------------*/
#kyosan1 {
	padding:30px 0 0px;
}
#kyosan1 p{
	line-height:1.4;
	margin:0 0 1em;
}
#kyosan2 {
}
#kyosan2 dl{
	padding:10px;
}
#kyosan2 dt{
	font-weight:bold;
	margin:0 0 10px;
}
#kyosan2 dd{
	margin:0 0 25px 0px;
}
#kyosan2 p{
	line-height:1.4;
}
#kyosan2 p.indent1{
	text-indent:-2em;
	padding-left:4em ;
}
#kyosan2 p.indent2{
	text-indent:0em;
	padding-left:4em ;
}



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

/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */

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

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 90.675%;
}

/* header
---------------------------------------*/







/* footer
---------------------------------------*/
#footer .copyright {
	clear: none;
	text-align: left;
	margin: 2em 0 0;
}

/* home
---------------------------------------*/
#langChange ul {
	margin-top: 6px;
}
/* gNavSp */
#gNavSp {
	margin: 22px 0;
}
#gNavSp li {
	padding: 10px 3%;
	float: left;
	width: 41%;
	margin: 0 6% 16px 0;
}
#gNavSp li:nth-child(even) {
	margin-right: 0;
}
#gNavSp li img {
	width: 84%;
}
.btnBlW325 {
	width: 325px;
	height: 48px;
	line-height: 48px;
	font-weight: bold;
	text-align: center;
	background: url(images/bg_btn_bl02.gif) no-repeat center / cover;
	margin: 0 auto;
	margin-top: 10px;
	font-size: 100%;
}
/* mainVisual */
.home #mainVisual {
	margin: 0px -500% 0px;
	padding: 0 500%;
	clear: both;
}

#Sponsors .Spns_btns img{
	display:inline-block;
	margin:0 10px;
}




/* about
---------------------------------------*/
#forte .left {
	float: left;
	width: 498px;
}
#forte .right {
	float: right;
}
.aboutCourse thead {
	display: table-header-group;
}
.aboutCourse tbody {
  display: table-row-group;
}
.aboutCourse tr {
  display: table-row;
}
.aboutCourse th,
.aboutCourse td {
  display: table-cell;
}
.aboutCourse th {
	white-space: nowrap;
	background: #000;
	color: #fff;
	border-color: #fff !important;
	font-weight: normal;
	white-space: inherit;
	padding: 10px 0;
}
.aboutCourse th,
.aboutCourse td {
	border: 1px solid #000;
	text-align: center;
	vertical-align: middle;
}
.aboutCourse th span {
	display: block;
	font-size: .8em;
}
.aboutCourse {
	border: 1px solid #000;
}
.aboutCourse tbody tr td,
.aboutCourse.table03 tbody tr td,
.aboutCourse.modelTable tbody tr td {
	border: 1px solid #000;
	position: relative;
	padding: .5%;
	font-size: .9em;
}
.aboutCourse td.firstTd {
	border-right: 1px solid #000;
	text-align: center;
}
.aboutCourse.table02 tbody tr td {
	padding-left: 0.7%;
	text-align: center;
	border: 1px solid #929292;
	position: relative;
}
.redtd {
	color: #ffffff;
	background: #dd0000;
}
.td-l {
	font-size: 1.2em;
	font-weight: bold;
}
.aboutCourse.modelTable tbody tr td {
	text-align: left;
}
.aboutCourse tbody tr td:before {
  display: none;
}
.aboutCourse .firstTd {
	border-top: 1px solid #333;
	padding: 3px !important;
}
.about .courseName {
	font-size: 1.0em;
}
	.courseName span,.courseTable td span {
		font-size: 1.2em;
	}
	.blank {
		background-image: linear-gradient(-14deg, transparent 49%, #929292 49%, #929292 50%, transparent 50%, transparent);
	}
	.underline {
		text-decoration: underline;
	}
.sfont {
	font-size: 0.8em;
	line-height: 1.1;
}

.aboutCourse.modelTable tr td img {
	max-width: 17px;
}
h3.cName {
	margin-bottom: 0;
}

/* guide
---------------------------------------*/
.placeList {
	padding-left: 6em;
}
.btnTour {
	float: left;
	width: 325px;
	margin-right: 13px;
}

/* course-plus
---------------------------------------*/
.mapWrapper {
	position: relative;
}
.mapWrapper .btnPrint {
	position: absolute;
	left: 130px;
	top: 15px;
}
.courseBtn {
	overflow: hidden;
}
.courseBtn li {
	float: left;
	margin-right: 10px;
}
.courseBtn li img.viewBtn {
	max-width: inherit !important;
}
.courseBtn .switchDetail img {
	max-width: 100%;
}

/* contact
---------------------------------------*/
.contactForm dt {
	padding: 15px 2%;
	float: left;
	clear: left;
	width: 10em;
	height: 30px;
}
.contactForm dd {
	padding: 15px 3% 15px 10em;
	height: 30px;
}
.contactForm .textarea {
	height: 100px;
}
.contactForm input,
.contactForm textarea {
	width: 60%;
	margin-left: 15px;
}
.contactForm textarea {
	height: 7em;
	width: 80%;
}
.contactForm dt span {
	display: block;
}
.contactForm .size1 {
	width: 30%;
	min-width: 169px;
}
.contactForm .size2 {
	width: 50%;
	min-width: 220px;
}
.about .bgStr,
.qa .bdGr {
	font-size: 100%;
	line-height: 1.7;
}

}

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

/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

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

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 88.2%;
	max-width: 980px;
	margin: auto;
}
.pcDisNone,
button {
	display: none;
}
.spDisNone {
	display: block !important;
}
	.pc_nowrap {
		white-space: nowrap;
	}
body { background: #fff !important; }

/* header
---------------------------------------*/


/* footer
---------------------------------------*/
#footer {
	background: #e8e8e8;
	margin: 0 -500%;
	padding: 15px 500%;
	color: #6a6a6a;
	font-size: 12px;
}
#footer .gridContainer {
	position: relative;
	width: 100%;
}
#footer .btnToTop {
	position: absolute;
	right: -90px;
	top: -45px;
}
#footer nav {
	margin: 17px 0 7px;
	float: left;
	width: 750px;
}
#footer nav li {
	float: left;
	font-size: 14px;
	border-right: 1px solid #000;
	line-height: 1;
	margin-right: 1em;
	padding-right: 1em;
	margin-bottom: .7em;
	color: #000;
}
#footer nav li:last-child {
	border-right: none;
}
#footer nav li span {
	color: #777;
}
#footer nav li a {
	color: #000;
	text-decoration: none;
}
#footer .discription {
	font-size: 11px;
}
#footer nav li a:hover { text-decoration: underline; }
#footer .copyright {
	font-size: 11px;
	color: #262626;
	border-top: 1px solid #fff;
	box-shadow: 0px -1px #c6c5c5;
	width: 85%;
	clear: both;
}
#footer .logoFtr {
	width: auto;
	margin: 0;
}


/* gNavPc
---------------------------------------*/
#gNavPc {
	margin: 0 -500%;
	padding: 0 500% 52px;
	background: url(images/bg_gnav.gif) repeat-x;
	clear: both;
}
#gNavPc ul { white-space: nowrap; }

#gNavPc a:hover img{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}
/*#gNavPc .gNav0 { background: url(images/gnav_0_pc_on.png) no-repeat; width: 16%; max-width: 157px;
-moz-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; }
#gNavPc .gNav1 { background: url(images/gnav_1_pc_on.png) no-repeat; width: 20.1%; max-width: 197px;
-moz-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; }
#gNavPc .gNav2 { background: url(images/gnav_2_pc_on.png) no-repeat; width: 22.1%; max-width: 217px;
-moz-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; }
#gNavPc .gNav3 { background: url(images/gnav_3_pc_on.png) no-repeat; width: 17%; max-width: 167px;
-moz-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; }
#gNavPc .gNav4 { background: url(images/gnav_4_pc_on.png) no-repeat; width: 24.7%; max-width: 242px;
-moz-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; }*/
#gNavPc li {
	/*float: left;*/
}
#gNavPc li a {
	display: block;
}
/*#gNavPc li a:hover img,
.home #gNavPc .gNav0 a img,
.about #gNavPc .gNav1 a img,
.course #gNavPc .gNav2 a img,
.qa #gNavPc .gNav3 a img,
.contact #gNavPc .gNav4 a img {
	visibility: hidden;
}*/

	
/* top-page outline
- - - - - - - - - - - - - - - - - - - - - */
dl.outline dt,
dl.outline dd {
	font-size: 120%;
	line-height: 1.5;
}
dl.outline dt {
	color: #0e61bd;
	width: 8em;
	float: left !important;
	clear: left;
}
dl.outline dd {
	padding: 0 0 .5em 8em;
	border-bottom: 1px solid #d7d7d7;
	margin-bottom: .5em;
}
dl.outline dd dl.course dt,
dl.outline dd dl.course dd {
	font-size: 100%;
	color: #333;
	border: none;
}
dl.outline dd dl.course dt {
	width: 10em;
	margin-top: 0;
}
dl.outline dd dl.course dd {
	float: left;
}
dl.outline dd dl.course dd.distance {
	padding: 0 0 .5em 9em !important;
	width: 6em;
}
dl.outline dd dl.course dd.number {
	width: 9em !important;
	padding: 0 0 .5em 9em !important;
}


/* home
---------------------------------------*/
.home #mainVisual {
	margin: 0 -500% 0px;
	padding: 15px 500% 0;
}
.topFlash {
	line-height: 0.1;
	z-index: 1;
}
.snsBtn {
	padding-right: 0 !important;
}
.LeftArea {
	float: left;
	max-width: 480px;
	width: 100%;
}
#news {
	padding: 20px 3% 0;
	margin: 0 0 30px;
	position: relative;
    width: 370px;/*20230711*/
}
	#news dl {
		height: 80px;
	}
#news p {
	top: 20px;
	right: 20px;
}
#news dd {
	margin-bottom: 20px;
}
#news dd a {
	text-decoration: none;
}
#news dd a:hover { text-decoration: underline; }
#bnrArea {
	float: right;
	width: 46%;
}
#likeBox {
	background: #cacaca;
	float: right;
	padding: 17px 3%;
	margin: 0 0 30px;
	width: 43%;
}
#likeBox iframe {
	background: #f4f4f4;
}
#information {
	margin-bottom: 60px;
}
#information h2 {
	width: 15.3%;
	float: left;
	margin-right: 4.5%;
	height: 73px;
	line-height: 73px;
	padding-bottom: 10px;
}
#information h2 img {
	width: 100%;
	max-width: 150px;
}
#information p{
	padding: 1px 0 15px 45px;
	background: #00abeb;
	height: 67px;
	line-height: 83px;
}
#information p img {
	width: 100%;
	max-width: 608px;
}
.lastHp {
	text-align: right;
	margin: 0 0 45px;
}
#Entry {
	padding: 20px 5%;
	margin: 0 0 30px;
	line-height: 1.8;
}
#bnrArea #Entry .btnBk {
	width: 266px;
	margin: 8px auto 2em;
	text-align: center;
}
#Sponsors .Spns_btns{
	text-align:left;
}
#Sponsors .Spns_btns img{
	margin:0px 20px 0 0;
}



/* pages
---------------------------------------*/
#mainVisual {
	margin-bottom: 28px;
}
.contWrapper {
}
.bdGr {
	border: 3px solid #bbb;
	width: 95.5%;
	max-width: 936px;
	padding: 15px 2%;
}
.contTtlBl {
	padding: 10px 15px;
	margin-bottom: 1px;
}
.about .switchHat,
.guide .switchHat { cursor: inherit !important; }
.about .switchDetail,
.guide .switchDetail { display: block !important; }
.privacy .bdGr p,
.privacy dl,
.qa .bdGr p,
.qa dl {
	padding: 0 25px;
}
.about .switchHat,
.guide .switchHat {
	background-image: none;
}
#Sponsors #prutinum ul {
	width: 572px;
}
#Sponsors #silver ul {
	width: 875px;
}

/* about
---------------------------------------*/
.about .contTtlBl {
	margin-bottom: 30px;
}
.about1_h3 {
	float: left;
	margin-top: 8px;
}
.about1_img {
	float: right;
	margin: 8px 0;
}
.about1_txt {
	clear: left;
	margin-right: 31%;
}
.btnCourse img {
	padding-bottom: 0;
}

/* t_design
---------------------------------------*/
	#premiumentry .t_design dt,#premiumentry .t_design dd {
		width: auto;
	}
	#premiumentry .t_design strong {
		display: block;
	}

/* premiumentry
---------------------------------------*/
#premiumentry {
}
#premiumentry dl {
	margin: 10px 0 20px;
}
#premiumentry dt, #premiumentry dd {
	float: left;
}
#premiumentry dt {
	margin-right: 30px;
	width: 292px;
}
#premiumentry dd {
	width: 555px;
}
#Entry .applyPc {
	width: 95%;
	float: none;
}

/* tour
---------------------------------------*/
	.tour .bgStr {
		margin-bottom: 0;
	}
	.tour #web_plan .bgStr {
		padding: 2% 2% 0 2%;
	}
	.tour #sight_seeing .bgStr {
		padding: 3%;
	}
	.tour .contWrapper li {
		float: left;
	}
	.tour .contWrapper li:nth-child(3n) {
		margin-right: 0 !important;
	}
	.tour #web_plan li {
		margin: 0 9px 25px 0;
	}
	.tour #web_plan li dl {
		width: 258px;
		height: 390px;
		padding: 16px;
		background: url(images/tour_plan_bg.png) no-repeat;
	}
	.tour #web_plan li dl {
		position: relative;
	}
	.tour #web_plan li .price {
		color: #f00;
		font-size: 32px;
		text-align: center;
		position: absolute;
		bottom: 15px;
		width: 258px;
	}
	.tour #web_plan li dd {
		height: 180px;
		overflow: scroll;
	}
	.tour #sight_seeing li {
		width: 28%;
		height: 210px;
		margin: 0 3% 3.5% 0;
		padding: 2% 3% 3% 0;
		background: url(images/tour_dotted.png) repeat-y right top;
	}
	
/* course
---------------------------------------*/
.mapMain span {
	position: absolute;
	top: 4px;
	left: 17%;
	width: 19%;
	max-width: 176px;
	display: block;
}
.courseBtn p {
	top: -76px;
}
.btnPdf {
	display: block;
	position: absolute;
	top: 13px;
	right: 2%;
	width: 11.4%;
	max-width: 106px;
}
.courseTh1 {
	width: 27%;
}
.courseTh2 {
	width: 10%;
}
.courseTh3 {
	width: 20%;
}
	.course_name {
		line-height: 1.7;
	}

/* guide
---------------------------------------*/
.guide .announce {
	font-size: 140%;
	position: absolute;
	top: 10px;
	right: 130px;
	color: #f00;
}
.guide #jtbSS p.txt {
	float: left;
}
.guide #jtbSS .btnEntry {
	float: right;
	width: 325px;
}
.guide #bnr_jtb {
	background: url(guide/images/bnr_jtb_sports_station.png) no-repeat;
	background-size: 100% auto;
	padding: 6% 2% 4%;
}
.guide #bnr_jtb_e {
	background: url(guide/images/haikei.png) no-repeat;
	background-size: 100% auto;
	padding: 5% 3%;
}
.guide #bnr_jtb li {
	float: right;
	width: 20%;
	margin-left: 1%;
}
.guide #bnr_jtb_e li {
	float: right;
	width: 16.3%;
	margin-left: .5%;
}
.guide #period dt,
.guide #howto dt {
	padding: 3px 5px;
	float: left;
	margin-right: 1em;
}
.guide #period dt,
.guide #howto dt {
	width: 17em;
}
.guide #period dd,
.guide #howto dd {
	margin: 0 0 1em 19em;
}
.guide h2 span {
	text-align: right;
	font-size: .6em;
	font-weight: normal;
	float: right;
	width: 13em;
	display: block;
	margin-top: 4px;
}
.guide #schedule td.day,
.guide #bus-and-ships td.bus {
	white-space: nowrap;
	padding: 2%;
	vertical-align: middle;
}
.guide #schedule td.day {
	width: 260px;
}
.guide #bus-and-ships td img {
	margin-right: 1em;
}
.guide #schedule td em {
	display: block;
}
.guide #schedule td em img {
	max-width: none;
}
.guide #schedule table,
.guide #bus-and-ships table {
	margin: 15px 0 20px;
}
.guide #schedule th,
.guide #schedule td,
.guide #bus-and-ships th,
.guide #bus-and-ships td {
	border: 1px solid #737373;
	padding: .5%;
}
/*.guide #schedule th {
	background: #e5e5e5;
}*/
	
	
.shuttlebus dt,
.charter-boat dt,
.cycletrain dt,
.bus-boat-service dt {
	float: left;
	width: 7em;
	clear: left;
	font-weight: normal;
}
.shuttlebus dd,
.charter-boat dd,
.cycletrain dd,
.bus-boat-service dd {
	padding: .7em 0 .7em 7.5em;
}
.shuttlebus dd .w320,
.charter-boat dd .w320,
.cycletrain dd .w320 {
	width: 320px;
}
	.bus-boat-service dd .w480 {
		width: 480px;
		font-size: 123.1% !important;
	}
.shuttlebus dd .btnBl,
.charter-boat dd .btnBl,
.cycletrain dd .btnBl,
.bus-boat-service dd .btnBl {
	background: url(images/bg_btn_bl_l.gif) no-repeat right center;
}
.cycletrain-mtgpl img {
	width: 80%;
}


.guide #bus-and-ships th {
	background: #b4e5fa;
}
.guide #bus-and-ships td {
	background: #fff;
}
.applyPc {
	width: 49.2%;
	float: left;
	/*max-height: 300px;*/
}
.applyMob {
	width: 38.3%;
	float: right;
	min-height: 278px;
}
.applyPc .btnBl {
	margin-left: 18%;
}
.applyMob p.taC {
	margin-top: 30px;
}
#ShimanamiBnr li {
	margin-right: 115px;
	width: 25%;
}
#ShimanamiBnr li.Last {
	margin-right: 0 !important;
}


/* guide - tourism
---------------------------------------*/
.guide #tourism .box {
	padding: 17px;
}
.guide #tourism .box dt,
.guide #tourism .box dd {
	float: left;
}
.guide #tourism .box dt {
	font-size: 2em;
	padding: 10px 4%;
	margin-right: 20px;
}
.guide #tourism .box li {
	float: left;
	margin-right: 18px;
}
.guide #tourism .box li:nth-child(even),
#tourism_link #link li:nth-child(4n) {
	margin-right: 0;
}
.guide #tourism .box dd span {
	display: inline;
}
#tourism_link li {
	float: left;
	margin-right: 20px;
	height: 80px;
}
#tourism_link #link li {
	margin-right: 9px;
}


/* premiumentry
---------------------------------------*/
#premiumentry {
	font-size:16px;
}
#premiumentry .left {
	padding:20px 0;
	float:left;
	width:50%;
}
#premiumentry .right {
	padding:30px 0 20px;
	float:right;
	width:50%;
}
#premiumentry .prem_btn{
	background:#000;
	color:#fff;
	font-size:18px;
	width:330px;
	padding:5px 10px;
	margin:10px 0;
}


	
/* guide - accommodation
---------------------------------------*/
#accommodation li {
	width: 240px;
	margin-right: 240px;
}
	
	

	
	
/* qa
---------------------------------------*/
.qa dt {
	padding: 10px 10px 10px 55px;
	background-size: auto;
}

/* privacy
---------------------------------------*/
.privacy dl { margin-bottom: 30px; }


/* porilcy
---------------------------------------*/
.ol {
	margin: 0 0 25px 25px;
	padding-left:30px;
}

/* news
---------------------------------------*/
#mainArea h3 {
	/*width: 72.2%;
	max-width: 676px;
	float: left;*/
	margin-bottom: 15px;
}
.newsIndex dt {
	background: url(images/icon_cir.png) no-repeat left 19px;
	width: 7em;
	float: left;
	padding: 15px 1em 15px 25px;
}
.newsIndex dd {
	padding: 15px 0;
}
.newsIndex dd a {
	text-decoration: none;
}
.newsIndex dd a:hover,
#mainArea .backList a:hover {
	text-decoration: underline;
}
#sideArea {
	width: 24.5%;
	max-width: 230px;
	float: right;
	margin: 30px 0 0;
	min-height: 260px;
	padding: 0;
}
#sideArea h3 {
	margin: 17px 6% 20px;
}
#sideArea li a {
	text-decoration: none;
}
#sideArea li a:hover { text-decoration: underline; }

/* news pagenation
-------------------------------------------------------------------------------------------------*/
.pagenationWrap {
	position: relative;
	overflow: hidden;
	padding: 0;
}
.pagenation {
	margin-bottom: 20px !important;
	float: left;
	position: relative;
	left: 50%;
	overflow: visible;
	width: auto !important;
}
.pagenation li {
	border-right: 1px solid #000 !important;
	color: #ffc000;
	height: 14px;
	line-height: 14px;
	float: left;
	font-size: 108%;
	list-style: none;
	padding: 0 0.5em 0 !important;
	position: relative;
	left: -50%;
	width: auto !important;
	margin: 0 !important;
}
.pagenation li a {
	color: #000 !important;
	text-decoration: none;
}
.pagenation li a:hover {
	text-decoration: underline;
}

.aboutcs_img {
	float: left;
	margin: 8px 0;
}
.aboutcs_txt {
	clear: right;
	margin-left: 38%;
	margin-top: 8px;
}
#List .flL {
	width: 600px;
}


/* kyosan
---------------------------------*/
#kyosan2 dt{
	float:left;
	font-weight:normal;
	margin:0 0 0px;
}
#kyosan2 dd{
	margin:0 0 25px 100px;
}
	
	
	
	

/* Event 2018 tuika  PC
---------------------------------*/
	#Event #imabari .pr li:first-child {
		width: 60%;
		margin-right: 2%;
	}
	#Event #imabari .pr li:last-child {
		width: 38%;
	}
	#Event .artist li,#Event .artist li:nth-child(2),#Event .artist li:nth-child(6) {
		width: 23.5%;
		margin: 0 2% 2% 0;
	}
	#Event .artist li:nth-child(4n),#Event .facilitator dl:last-child {
		margin-right: 0;
	}
	#Event .facilitator dl {
		float: left;
		width: 48.5%;
		margin-right: 3%;
	}
	
	#Event #onomichi .prevday li {
		width: 22%;
		height: 165px;
	}
	#Event #onomichi .prevday li:nth-child(4n) {
		width: 28%;
	}
	.eventguest li {
		height: auto;
	}
	.eventguest li dt span {
		width: 10%;
	}
	.booth ul {
		margin-bottom: 3em;
	}
	.booth li {
		margin-bottom: 2%;
	}
	.booth li.lh2,.booth li.lh3,.booth li.lh4 { height: 2.5em; }
	
	
	
/* Photo 2018 tuika  PC
---------------------------------*/
	#Photo dt {
		float: left;
		clear: left;
		width: 8em;
		padding-top: 1em;
	}
	#Photo dd {
		padding: 1em 0 1em 8.3em;
	}
}















/*------------------------------------------
 ヘッダー・MainVisual再構築 
-------------------------------------------*/
/*---PC表示----------*/
@media only screen and (min-width: 980px) {
.header_wrap {
	width:100%;
}
.naviopen {
	display:none;
}
#header {
	width:100%;
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-weight:500;
	padding:15px 0 0 ;
	position:relative;
}
#header #headlogo {
	font-size:13px;
}
#header #headlogo img{
	width: 315px;
	height:auto;
}
#header .change_lang {
	position:absolute;
	top:15px;
	right:0;
}
#header .change_lang dt{
	float:left;
	margin-right:10px;
	color:#055cc3;
	font-weight:bold;
}
#header .change_lang dd {
	display:inline;
}
#header .change_lang dd a{
	float:left;
	position:relative;
	padding-left:20px;
	margin-right:10px;
	text-decoration:none;
	color:#000;
}
#header .change_lang dd a:hover{
	color:#055cc3;
}
#header .change_lang dd a::before {
	position:absolute;
	top:2px;
	left:1px;
	content:"";
	width:10px;
	height:10px;
	border:1px solid #cccccc;
	border-radius:2px;
}
#header .change_lang dd.active a::before {
	background: #055cc3;
}
#header .headoptions {
	position:absolute;
	top:63px;
	right:0px;

}
#header .change_size {
	float:left;
	border-right:1px solid #cccccc;
	box-sizing:border-box;
	height:45px;
	padding:2px 15px 0px 0px;
	margin-right:15px;
}
#header .change_size dt{
    padding: 12px 8px 0 7px;
	float:left;
}
#header .change_size dd{
	float:left;
    margin: 5px 5px 0 0;
	display:inline-block;
	height:30px;
	width:30px;
	border-radius:30px;
	vertical-align:middle;
	border:1px solid #cccccc;
	font-weight:bold;
	padding:6px 0 0 0;
	box-sizing:border-box;
	text-align:center;
	cursor:pointer;
}
#header .change_size dd.active{
	background: #cccccc;
}
#header .headshare {
	float:left;
	color:#333333;
	background:#ffffff;
	height:45px;
	box-sizing:border-box;
	display:block;
	border:2px solid #cccccc;
	border-radius:30px;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	min-width:140px;
	margin-right:15px;
	padding:0 3px;

}
#header .headshare p {
    padding: 12px 8px 0 7px;
	float:left;
}
#header .headshare ul{
	float:left;
    padding-top: 5px;
}
#header .headshare ul li{
	display:inline-block;
	height:31px;
	vertical-align:middle;
}
#header .headshare ul li img{
	height:100%;
	width:auto;
}


#header .headcontact {
	float:left;
}
#header .headcontact a{
	color:#fff;
	width:140px;
	text-align:center;
	background:#333333;
	height:45px;
	box-sizing:border-box;
	display:block;
	padding:12px 0px;
	border:2px solid #333333;
	border-radius:30px;
	font-size:14px;
	position:relative;
	text-decoration:none;
	font-weight:bold;
}
#header .headcontact a::after{
	content:"";
	position:absolute;
	top:15px;
	right:8px;
	width:8px;
	height:8px;
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
	transform:rotate(-45deg);
}

#gnavi {
	background:#333333;
    margin: 0 -500% 0px;
	padding: 0px 500%;
	height:70px;
	width:980px;
}
#gnavi > ul > li{
	float:left;
}
#gnavi li a{
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	color:#fff;
	text-decoration:none;
	font-size:15px;
	font-weight:bold;
	padding:26px 0 0px;
	box-sizing:border-box;
	display:block;
	width:108px;
	text-align:center;
	height:70px;
	position:relative;
}
#gnavi >ul > li.rec2 > a{
	padding:19px 0 0px;
}
#gnavi li.parent > a::after{
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:8px;
	margin:auto;
	width:6px;
	height:6px;
	border-bottom:2px solid #fff;
	border-left:2px solid #fff;
	transform:rotate(-45deg);
}

#gnavi li a.inactive{
	pointer-events: none;
	color:#aaa;
	cursor:default;

}
#gnavi li.parent > a.inactive::after{
	content:none;
}
#gnavi li a:hover{
	background:rgba(255,255,255,0.1);
}
#gnavi li.parent > a:hover{
	background:transparent;
}
#gnavi li a.inactive:hover{
	background:transparent;
}

#gnavi .child{
	display:none;
	position:absolute;
	background:#333;
	z-index:1000;
}

#gnavi .child > li a{
	padding:10px 15px;
	box-sizing:border-box;
	display:block;
	white-space:nowrap;
	text-align:center;
	height:auto;
	width:auto;
	min-width:122px;
}


#mainVisual {
  min-width: 980px;
  overflow: hidden; /*横スクロールさせないようにする*/
}
#mainVisual .bx-wrapper {
  -moz-box-shadow: 0 0 0px #ccc;
  -webkit-box-shadow: 0 0 0px #ccc;
  box-shadow: 0 0 0px #ccc;
  border: 0px solid #fff;
  background: transparent;
}
#mainVisual .bx-viewport {
  background: transparent !important;
  border: 0;
  overflow: visible !important; /*両サイドが表示される*/
  height: 500px !important;
  /*z-index: 1; //スマホやタブレットでスワイプできないときに指定*/
}
#mainVisual .bx-wrapper .bx-prev {
  left: -50px !important;
}
#mainVisual .bx-wrapper .bx-next {
  right: -50px !important;
}
#mainVisual .bx-wrapper .bx-pager.bx-default-pager a {
    background: #ccc;
}
#mainVisual .bx-pager.bx-default-pager a.active {
    background: #000;
}

}

/*---SMP表示----------*/
@media only screen and (max-width: 979px) {
#allwrap {
	padding-top:86px;
}
.header_wrap {
	width:100%;
}
.naviopen {
	position: fixed;
	top: 10px;
	right: 10px;
	padding: 0;
	text-align: center;
	font-size: 13px;
	color: #fff;
	z-index:1300;
    width: 70px;
    height: 70px;
	z-index:6000;
	text-decoration:none;
}

.menu-trigger{
	display: inline-block;
	box-sizing: border-box;
	outline:none!important;

}
.menu-trigger span {
	display: inline-block;
	box-sizing: border-box;
	outline:none!important;
}
.naviopen > span{
	padding:30px 0px 0;
	display:block;
	font-weight:bold;
	color:#000000;
}
.naviopen.active {
	background:rgba(16,18,96,0);
}
.menu-trigger span {
	position: absolute;
	left: 15px;
	width: 40px;
	height: 5px;
	background-color: #666666;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	z-index:8000;
}
.menu-trigger span:nth-of-type(1) {
	top: 10px;
}
.menu-trigger span:nth-of-type(2) {
	top: 23px;
}
.menu-trigger span:nth-of-type(3) {
	top: 36px;
}
.naviopen.active .menu-trigger span:nth-of-type(1),
.naviopen.active .menu-trigger span:nth-of-type(3) {
	left:17px;
}

.naviopen.active .menu-trigger span:nth-of-type(1) {
	-webkit-transform: translate(-1px,7px) rotate(-45deg);
	transform: translate(-2px,5px) rotate(-45deg);
	top:20px;
}
.naviopen.active .menu-trigger span:nth-of-type(2) {
	opacity:0;
}
.naviopen.active .menu-trigger span:nth-of-type(3) {
	-webkit-transform: translate(-1px,-7px) rotate(45deg);
	transform: translate(-2px,-5px) rotate(45deg);
	top:30px;
}
#header {
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-weight:500;
	padding:0px 0 20px;
}
#header #headlogo {
	font-size:13px;
	margin-left: auto;
    margin-right: auto;
    width: 93.1%;
    position:fixed;
	top:0;
	z-index:1000;
	height:86px;
	background:#fff;
}
#header #headlogo div {
	display:none;
}
#header #headlogo img{
	width:auto;
	height:86px;
}
#header .change_lang {
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;

}
#header .change_lang dt{
	display:none;
}
#header .change_lang dd {
	display:inline;
}
#header .change_lang dd.active {
	display:none;
}
#header .change_lang dd a{
	width:25%;
	float:left;
	height:42px;
	border-right:1px solid #cccccc;
	position:relative;
	text-decoration:none;
	color:#000;
	box-sizing:border-box;
	text-align:center;
	padding:10px 0;
	font-size:16px;
}
#header .change_lang dd a:hover{
	color:#055cc3;
}
.headoptions {
	padding-top:20px;
}
.change_size {
	box-sizing:border-box;
	padding:2px 0px 0px 0px;
	width:50vw;
	height:80px;
	float:left;
	text-align:center;
}
.change_size dt{
    padding: 0;
    font-weight:bold;
    color:#fff;
    display:blcok;
}
.change_size dd{
	display:inline-block;
    margin: 5px 2px 0;
	display:inline-block;
	height:30px;
	width:30px;
	border-radius:30px;
	vertical-align:middle;
	border:1px solid #ffffff;
	font-weight:bold;
	padding:6px 0 0 0;
	box-sizing:border-box;
	text-align:center;
	cursor:pointer;
	color:#ffffff;
}
.change_size dd.active{
	background: #ffffff;
	color:#333333;
}
.headshare {
	width:50vw;
	height:80px;
	float:left;
	box-sizing:border-box;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	padding:2px 0px 0px 0px;

}
.headshare p {
    text-align:center;
    color:#fff;
}
.headshare ul{
	text-align:center;
}
.headshare ul li{
	display:inline-block;
	height:31px;
    margin: 5px 2px 0;
	vertical-align:middle;
}
.headshare ul li img{
	height:100%;
	width:auto;
}


.headcontact {
float:left;
width:100%;
text-align:center;
}
.headcontact a{
	color:#333333;
	width:140px;
	text-align:center;
	background:#fff;
	height:45px;
	box-sizing:border-box;
	display:block;
	padding:12px 0px;
	border:2px solid #fff;
	border-radius:30px;
	font-size:14px;
	position:relative;
	text-decoration:none;
	font-weight:bold;
	display:inline-block;
}
.headcontact a::after{

	content:"";
	position:absolute;
	top:15px;
	right:8px;
	width:8px;
	height:8px;
	border-right:2px solid #333;
	border-bottom:2px solid #333;
	transform:rotate(-45deg);
}

.gnavarea {
	background:#333333;
	position:fixed;
	top:86px;
	left:0;
	width:100vw;
	height:calc(100vh - 86px);
	overflow-y:scroll;
	z-index:1000;
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	display:none;
	
}

#gnavi > ul > li{
	float:left;
	width:50%;
	position:relative;
}
#gnavi li a{
	display:block;
	color:#fff;
	padding:20px 0;
	text-align:center;
	text-decoration:none;
	font-size:15px;
	position:relative;
}
#gnavi li a br{
	display:none;
}
#gnavi > ul > li:nth-of-type(odd) > a{
	box-sizing:border-box;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}
#gnavi > ul > li:nth-of-type(even) > a{
	border-bottom:1px solid #fff;
}

#gnavi > ul > li.parent > a::after{
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:8px;
	margin:auto;
	width:6px;
	height:6px;
	border-bottom:2px solid #fff;
	border-left:2px solid #fff;
	transform:rotate(-45deg);
}

#gnavi li a.inactive{
	pointer-events: none;
	color:#aaa;
	cursor:default;

}
#gnavi li.parent > a.inactive::after{
	content:none;
}
#gnavi li a:hover{
	background:rgba(255,255,255,0.1);
}
#gnavi li.parent > a:hover{
	background:transparent;
}
#gnavi li a.inactive:hover{
	background:transparent;
}

#gnavi .child{
	display:none;
	background:#666;
	z-index:1000;
	position:absolute;
	width:100vw;
	border-bottom:1px solid #fffff;
}
#gnavi > ul > li:nth-of-type(odd) .child {
	margin-right: -50vw;
}
#gnavi > ul > li:nth-of-type(even) .child {
	margin-left: -50vw;
}
#gnavi .child > li a{
	padding:10px 15px;
	box-sizing:border-box;
	display:block;
	text-align:center;
	height:auto;
	width:auto;
	min-width:122px;
}














#mainVisual {
  overflow: hidden; /*横スクロールさせないようにする*/
}
#mainVisual .bx-wrapper {
  -moz-box-shadow: 0 0 0px #ccc;
  -webkit-box-shadow: 0 0 0px #ccc;
  box-shadow: 0 0 0px #ccc;
  border: 0px solid #fff;
  background: transparent;
}
#mainVisual .bx-viewport {
}
#mainVisual .bx-wrapper .bx-pager.bx-default-pager a {
    background: #ccc;
}
#mainVisual .bx-pager.bx-default-pager a.active {
    background: #000;
}

}





/* advanced custom */
.title_type01 {
	font-size: 30px;
    font-weight: bold;
    font-family: Roboto;
    letter-spacing: 2px;
}

/*---トップインスタ20230711----------*/
.instagram {
    margin: 10px 0 30px 0;
}