/* body
---------------------------------------------------- */
body {
	font-family:'Gotham A', 'Gotham B',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style: normal;	
}

/* wrapper
---------------------------------------------------- */
#wrapper {
	margin: 0;
	padding: 0;
	font-size: .75em;
	border-top: 5px solid #c61a22;
}

.press #wrapper {
	border-top: 5px solid #808080;
}

.inner {
	max-width:960px;
	margin: 0 auto;
	position: relative;
}

/* header
---------------------------------------------------- */
#header {
	padding: 30px 0 0 0;	
}

#header-left {
	width: 34.3%;
	float:left;
}

#header-left .search-container {
	width: 220px;
	margin: 0 auto;
}

.for-sp #header-left .search-container  {
}

#header-left #searchArea .form-item input {
	color: #fff;
	border: none;
	background: #333;
	height: 22px;
	max-width: none;
	padding: 2px 0 2px 6px;
	width: 100%;
}

#searchArea {
	width: 220px;
	margin: 0 auto;
}

.for-sp #searchArea {
	width:160px;	
}

 form.gsc-search-box {
	width:100%	!important;	
}

.for-sp table.gsc-search-box {
	width:100%	!important;	
}

.gsc-search-box {
	background: #333;
	color: #fff;	
	padding:0	!important;
	width:210px	!important;
}

.gsc-input {
	background: #333	!important;
	color: #fff;	
	border:none;
	font-size: .9em	!important;
}

input.gsc-search-button {
	background:url(http://www.osaka-info.jp/common/themes/ogtb/images/ico/ico_search.png) no-repeat right 2px	!important;
	text-indent: -9999px;
}

.gsc-webResult.gsc-result {
	margin-bottom: 3em	!important;	
}

.gsc-clear-button {
	display: none;	
}

.gsc-cursor-page.gsc-cursor-current-page {
	color: #fff;	
}

.search-container {
	background: #333;
}

.form-item {
	float: left;
	width: 210px;
}

.search-container {
	position: relative;
}

#header-left #searchArea button {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 0 none;
	display: table-cell;
	height: 2.427em;
	opacity: 0.8;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 2.427em;
}

#header-left #searchArea button img {
	vertical-align: middle;
}


#header-center {
	width: 30.1%;
	float: left;
	text-align: center;
}

.for-sp #header-center h1 img {
	width:108px;
	height:auto;
}

#header-right {
	width: 28% ;
	float:right;
	border-right: 1px solid #ccc;
}

#header-right div {
	display: block;
	float: left;
	border-left: 1px solid #ccc;
}

#selectLanguage {
	position: relative;
	padding: 0 10px;
	z-index: 10000;
}

#selectLanguage li:hover,
#selectLanguage a:hover {
	cursor:pointer;	
	color:#c61a22;
}

#selectLanguage #language {
	position: absolute;
	left:0;
	border-top: 1px solid #ccc;
	padding-right: 26px;
	margin-top: 5px;
}

#selectLanguage li ul {
	display: none;
}

#selectLanguage li {
	padding: 5px 20px 5px 5px;
	background:url(../images/ico/ico_pull.png) no-repeat right center;
	line-height: 1.3;
}

#selectLanguage li li {
	background:	none;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #fff;
	width: 100%;
	margin: 0 0 0 -1px;
	padding: 5px 15px 5px 10px;
}

#selectLanguage li li a {
	padding: 5px 5px 5px 5px	!important;
	display: block	!important;
}

#language, #press {
	z-index: 10;	
}
#press {
	z-index: 200;
}

#selectpress {
	position: relative;	
	padding:0 10px;
}

#selectpress li:hover,
#selectpress a:hover {
	cursor:pointer;	
	color:#c61a22;
}

#selectpress #press {
	position: absolute;
	left:0;
	border-top: 1px solid #ccc;
	padding-right: 21px;	
	margin-top: 5px;
}

#selectpress li ul {
	display: none;
}

#selectpress li {
	padding: 5px 20px 5px 5px;
	background:url(../images/ico/ico_pull.png) no-repeat right center;	
	margin: 0 1px 0 0;
}

#selectpress li li {
	background:	none;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #fff;
	width: 100%;
	margin: 0 0 0 -1px;
	padding: 5px 10px 5px 10px;
}

#selectpress li li a {
	padding: 5px 5px 5px 5px;
	display: block;
}

.selectLinkmice {
	position: relative;	
	text-align: center;
}

.selectLinkmice li {
	padding: 5px 20px;
}

.sns-btn {
	padding: 20px 12px 0 12px;
	text-align: center;
}

.for-sp .sns-btn {
	float: right;
	padding: 0px 0 20px 0;
	width: 40%;
}

.for-sp .sns-btn img {
	width: 20%;
	height: auto;
	margin-right: 0.5em;
}

.narrow .inner,
.for-tablet .inner,
.for-sp .inner {
	width: 95%;
	padding: 0 2%;	
}

.narrow #header-center,
.for-sp #header-center {
	width: 30%;
}

.for-sp #header {
	padding: 5px 0 0 0;	
}


.for-sp #header-center {
	float: none;
	width: 80%;
	margin: 5px auto;
	clear: both;
}

.for-sp #header-left {
	float: none;
	width: 95%;
	margin: 5px auto;
}

.for-sp #header-right {
	float: none;
	width: 80%;
	margin: 20px auto;
}

.for-sp #header-right div {
	width: 26.9%;
	padding-left: 3%;
	padding-right: 3%;
}

.for-sp #searchArea {
	margin: 0 auto;
	float: left;
}

.for-sp #header-left #searchArea .search-container  {
	width: 100% ;
	height: auto;
}

.for-sp #header-left #searchArea .search-container .form-item {
	width: 100%;
}





/* gnavi
---------------------------------------------------- */

.for-sp #gnavi li#discover-menu,
.for-sp #gnavi li#enjoy-menu,
.for-sp #gnavi li#plan-menu {
	font-size: .8em;
}

#gnavi {
	clear: both;
	border-right: 1px solid #999;
	letter-spacing: 0px;
	position: relative;
}

#gnavi ul {
	background: #fff;	
}

#gnavi ul ul {
	background: #f7f7f7;	
}

#gnavi li a {
	text-decoration: none;
	color: #000;
	display: block;
}

#gnavi li li a {
	display: inline;
}

#gnavi li a:hover {
	color:#c61a22;
	
}

#gnavi li#discover-menu,
#gnavi li#enjoy-menu,
#gnavi li#plan-menu {
	width: 33.2%;
	display: block;
	float:left;
	border-left: 1px solid #999;
	background: #fff;
}

#gnavi #discover-menu-a,
#gnavi #enjoy-menu-a,
#gnavi #plan-menu-a {
	padding: .7em 0;
}

#gnavi #discover-menu-a:hover,
#gnavi #enjoy-menu-a:hover,
#gnavi #plan-menu-a:hover,
#gnavi .focus #discover-menu-a,
#gnavi .focus #enjoy-menu-a,
#gnavi .focus #plan-menu-a {
	background: #f7f7f7;
}



.for-tablet #gnavi li#discover-menu,
.for-tablet #gnavi li#enjoy-menu,
.for-tablet #gnavi li#plan-menu {
	width: 33.1%;
	
}

.for-sp #gnavi li#discover-menu,
.for-sp #gnavi li#enjoy-menu,
.for-sp #gnavi li#plan-menu {
	width: 33%;
	
}

#gnavi li div.gnavi-title {
	text-align:center;
	font-size: 2em;
	letter-spacing: 0.02em;
	font-weight: bold;
}



#gnavi li span.gnavi-description {
	font-size: 1em;
	font-weight: normal;
	letter-spacing: 0px;
	text-align:center;
	display: block;
}

#gnavi li.selected {
	background: #f7f7f7;
}


#gnavi li.selected a .gnavi-title,
#gnavi li.selected a .gnavi-description {
	color:#c61a22;
}

#l-discovermenu {
	display: none;
	width: 100.1%;
	background: #f7f7f7;
	position: absolute;
	margin: 3px auto 0 auto;
	z-index: 100;
	left:0;
	top:4.7em;
}

#l-enjoymenu {
	display: none;
	width: 100.1%;
	background: #f7f7f7;
	position: absolute;
	margin: 3px auto 0 auto;
	left: 12.5%;
	z-index: 101;
	left:0;
	top:4.7em;
}

#l-planmenu {
	display: none;
	width: 100.1%;
	background: #f7f7f7;
	position: absolute;
	margin: 3px auto 0 auto;
	left: 0;
	z-index: 102;
	left:0;
	top:4.7em;
}

.column25 {
	width: 25%;
	float: left;	
}

.column50 {
	width: 50%;
	float: left;	
}

.column-harf {
	width: 50%;
	float: left;
}

.column33 {
	width: 33%;
	float: left;	
}

.column-inner {
	padding: 1.3em;	
}

#gnavi h5 {
	font-size: 1.2em;
	margin-bottom: 1em;
}

#gnavi h6 {
	margin-bottom: 1em;
	padding-left: 15px;
}

.l-menu h5 a  {
	background:url(../images/ico/ico_arrow.gif) no-repeat left center;
	padding-left: 15px;
}

.l-menu li  {
	padding-left: 15px;
	background:url(../images/ico/ico_arrow.gif) no-repeat left center;	
}

.for-sp .l-menu h5 ,
.for-sp .l-menu li   {
	background-size: 7px 7px;
}

.l-menu li {
	line-height: 1.2;
	margin-bottom: 1.2em;
}

.discover #gnavi li#discover-menu .gnavi-title,
.discover #gnavi li#discover-menu .gnavi-description {
	color:#c61a22;	
}

.discover #gnavi li#discover-menu {
	/*background: #f7f7f7;	*/	
}

.enjoy #gnavi li#enjoy-menu .gnavi-title,
.enjoy #gnavi li#enjoy-menu .gnavi-description {
	color:#c61a22;	
}

.enjoy #gnavi li#enjoy-menu {
	/*background: #f7f7f7;	*/
}

.plan #gnavi li#plan-menu .gnavi-title,
.plan #gnavi li#plan-menu .gnavi-description {
	color:#c61a22;	
}

.plan #gnavi li#plan-menu {
	/*background: #f7f7f7;	*/	
}

#gnavi li a.blank {
	background: url(../images/ico/ico_blank.png) right center no-repeat;
	padding-right: 15px;	
}

.for-sp #l-discovermenu,
.for-sp #l-enjoymenu,
.for-sp #l-planmenu  {
	font-size: 1.2em;
	top:3.7em;
}

/* contents
---------------------------------------------------- */

#contents {
	line-height: 1.8;
	margin-bottom: 40px;
}

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

#main {
	float: left;
	margin-right: -278px;
	width: 100%;
	
}

.breadcrumb {
	padding: 10px 0 0 0;
	margin-top: 10px;
	border-top: 2px solid #F7F7F7;
}

#main-cover {
	background: url(../images/bg/bg_main.gif) repeat-y right top ;
}

#main a:hover {
	text-decoration: underline;
}

#main-inner {
	margin-top: 30px;
	margin-right: 328px;
	font-size: 1.1em;
}

#main img {
	max-width: 100%;
	height: auto;	
}

.for-sp #main {
	float: none;
	margin-right: 0;
}

.for-sp #main-inner {
	float: none;
	margin-top: 10px;
	margin-right: 0;
}

.for-sp #main-cover {
	background: none;
}

.entry-body a {
	color:#c61a22;
}

.entry-body li a.blank,
.entry-body p a.blank,
table a.blank,
.entry-more a.blank,
.mapinfo p.url a.blank {
	background: url(../images/ico/ico_blank.png) right center no-repeat;
	padding-right: 15px;	
}

#articleArea a {
	color:#c61a22;
}



.search-link a {
	background:url("../images/ico/ico_arrow.gif") no-repeat left center;
	padding-left:15px;
	display: block;
}

.search-link {
	float: right;
	margin:-32px 0 0 0;
	display: block;
	font-weight: bold;
}

/* breadcrumb
---------------------------------------------------- */

.breadcrumb a {
	text-decoration: underline;	
}

.breadcrumb span {
	padding: 0 .8em;	
}


/* sub
---------------------------------------------------- */

#sub {
	padding: 15px 0 0 0;
	float: right;
	width: 238px;
	margin-top: 60px;
	background: #f7f7f7;
	padding: 20px;
}

#sub h4 {
	font-size: 1.2em;
	margin-bottom: .5em;	
}

.for-sp #sub h4 {
	padding-left: 10px;
}

.for-sp #sub {
	float: none;
	width: 100%;
	padding:10px 0;
	margin: 0 auto;
}

#sub .grid-image {
	width: 100%;	
}

#sub .grid-image img {
	max-width: 225px;	
}

.for-sp #sub .grid-image img {
	max-width: 100%;	
}

#sub .sub_map_area_1 {
	
}

#sub .sub_map_area_1 li {
	padding-left:15px;
	background:url(../images/ico/ico_arrow.gif) no-repeat left center;
	margin-bottom: .6em;
}

#sub .sub_map_area_2 {
	
}

#sub .sub_map_area_2 li {
	padding-left:15px;
	background:url(../images/ico/ico_arrow.gif) no-repeat left center;
	margin-bottom: .6em;
}

#sub .sub_map_area_3 img {
	max-width: 90%;
	height: auto;
}

#sub .sub_map_area_3 {
	text-align: center;
	margin-top: 3em;
}

#sub h4 {
	line-height: 2.4;	
}

#sub h5 {
	line-height: 2.4;	
}

#sub input#title,
#sub #search_free {
	width: 95%;	
}

#sub #event_start_min, #sub #event_start_max {
	width: 95%;
}

::-webkit-input-placeholder {
	color: #999;	
}

::-moz-placeholder {
	color: #999;	
}

#sub .ogtb-list li {
	margin: .4em 0;	
}

#sub .ogtb-list li {
	background: url("../images/ico/ico_arrow.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
	padding-left: 15px;
}


/* footer
---------------------------------------------------- */

#pagetop {
    bottom: 9%;
    position: fixed;
    right: 2%;
    text-indent: -9999px;
    z-index: 9999;
}

#pagetop a {
    background: url("../images/ico/ico_pagetop.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    color: #FFFFFF;
    display: block;
    height: 34px;
    text-decoration: none;
    width: 34px;
}


/* footer
---------------------------------------------------- */

#footer {
	background: #454545;
	color: #fff;
	padding: 20px 0 20px 0;	
}

#footer h4 {
	margin-bottom: .5em;	
}

#footer p {
	margin-bottom: 0;	
}


#footer-left {
	float: left;
	width: 45%;
}

#footer-right {
	float: right;
	width: 55%;
	text-align: right;
	padding-top: 2em;
}

#footer-right  a {
	color: #fff;	
}

#footer-right  li {
	display: inline;
	margin-right: 1.5em;
}

#footer-right ul {
	text-align: left;	
}

.octb {
	margin-bottom: 1.5em;
	margin-top: -2em;
}

.octb h4 {
	text-align: left;
	
}


/* partners 2017-03-28 add
 * ---------------------------------------------------- */
#partners {
	background: #333;
	box-sizing: border-box;
	padding: 0 0 1px 0;
}

#partners h2 {
	color: #FFF;
	font-size: 1.9em;
	font-weight: 500;
	height: 60px;
	letter-spacing: .02em;
	line-height: 62px;
	margin-bottom: 0;
	text-align: center;
}

#partners ul {
	margin: 0 auto 20px auto;
	text-align: center;
	max-width: 960px;
	width: 100%;
}

#partners li,
#partners li a {
	display: inline-block;
	position: relative;
}

#partners .partners-gold li {
	width: 48%;
}

#partners .partners-silber li {
	width: 30%;
}

#partners .partners-bronze li {
	width: 19%;
}

#partners li a img {
	height: auto;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 5;
}

#partners li a img:first-child {
	position: relative;
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	transition: opacity .2s linear;
	z-index: 10;
}

#partners li a:hover img:first-child {
	opacity: 0;
}

/* sp */
.for-sp #partners h2 {
	font-size: 1.3em;
	height: 50px;
	line-height: 52px;
}



/* for-sp
---------------------------------------------------- */

@media screen and (max-device-width: 480px){
    html {
        font-size: 70%	!important;
		-webkit-text-size-adjust:100%;
    }
}

.for-sp .column25 {
	width: 50%;
	float: left;	
}

.for-sp .column50 {
	width: 100%;
	float: none;	
}

.for-sp .column-harf {
	width: 50%;
	float: left;
}

.for-sp .column33 {
	width: 100%;
	float: none;	
}

.for-sp #footer-left {
	width: 100%;
}

.for-sp #footer-right {
	width: 100%;
	text-align: left;
}

.for-sp #footer-right li {
	margin-left: 0;
	margin-right: 1em;
}

.for-sp .octb h4 {
	padding-left: 0;
	margin-top: 2em;
}