/*
Theme Name: Battera
Theme URI:
Author:
Author URI:
Description: Battera用のテーマです。
Version: 0.1
*/

/**
 * Table of Contents:
 *
 * 1.0 - Reset
 *
 */


/**
 * 1.0 Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
 * along with Nicolas Gallagher and Jonathan Neal
 * http://necolas.github.com/normalize.css/ and Blueprint
 * http://www.blueprintcss.org/
 *
 * -----------------------------------------------------------------------------
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
	max-width: 100%;
}

html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body,
button,
input,
select,
textarea {
	color: #2b2b2b;
	font-family: Lato, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}
a {
	color: #24890d;
	text-decoration: none;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

a:active,
a:hover {
	color: #41a62a;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: 700;
	margin: 36px 0 12px;
}

h1 {
	font-size: 26px;
	line-height: 1.3846153846;
}

h2 {
	font-size: 24px;
	line-height: 1;
}

h3 {
	font-size: 22px;
	line-height: 1.0909090909;
}

h4 {
	font-size: 20px;
	line-height: 1.2;
}

h5 {
	font-size: 18px;
	line-height: 1.3333333333;
}

h6 {
	font-size: 16px;
	line-height: 1.5;
}

address {
	font-style: italic;
	margin-bottom: 24px;
}

abbr[title] {
	border-bottom: 1px dotted #2b2b2b;
	cursor: help;
}

b,
strong {
	font-weight: 700;
}

cite,
dfn,
em,
i {
	font-style: italic;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

p {
	margin-bottom: 24px;
}

code,
kbd,
tt,
var,
samp,
pre {
	font-family: monospace, serif;
	font-size: 15px;
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	line-height: 1.6;
}

pre {
	border: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	margin-bottom: 24px;
	max-width: 100%;
	overflow: auto;
	padding: 12px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}

blockquote {
	color: #767676;
	font-size: 19px;
	font-style: italic;
	font-weight: 300;
	line-height: 1.2631578947;
	margin-bottom: 24px;
}

blockquote cite,
blockquote small {
	color: #2b2b2b;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

small {
	font-size: smaller;
}

big {
	font-size: 125%;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

dl {
	margin-bottom: 24px;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 24px;
}

ul,
ol {
	list-style: none;
	margin: 0;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin: 0 0 0 20px;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
}

figure {
	margin: 0;
}

fieldset {
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin: 0 0 24px;
	padding: 11px 12px 0;
}

legend {
	white-space: normal;
}

button,
input,
select,
textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}

button,
input {
	line-height: normal;
}

input,
textarea {
	background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

table,
th,
td {
	border: 1px solid rgba(0, 0, 0, 0.1);
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin-bottom: 24px;
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

th {
	border-width: 0 1px 1px 0;
	font-weight: bold;
}

td {
	border-width: 0 1px 1px 0;
}

del {
	color: #767676;
}

hr {
	background-color: rgba(0, 0, 0, 0.1);
	border: 0;
	height: 1px;
	margin-bottom: 23px;
}

/* Support a widely-adopted but non-standard selector for text selection styles
 * to achieve a better experience. See http://core.trac.wordpress.org/ticket/25898.
 */
::selection {
	background: #ff3300;
	color: #fff;
	text-shadow: none;
}

::-moz-selection {
	background: #ff3300;
	color: #fff;
	text-shadow: none;
}

/*clearfix*/

.clearfix:after {
	content:".";
	height:0px;
	clear:both;
	display: block;
	visibility:hidden;
}

.clearfix {
	zoom:100%;
}

.clearfix {
	display:inline-block;
}

iframe{ width:100%; }


/* -----------------------------------
* Layout
----------------------------------- */
html{
	font-size: 10px;
	color: #444;
}
body{
	font-size: 12px;
	font-size: 1.2rem;
	font-family: Verdana, 'メイリオ', Meiryo, sans-serif;
	position: relative;
}
.zh-hans body,
.zh-hant body{
	font-family : Verdana,'SimSun','MS UI Gothic','Hei',sans-serif;
}

a{
	color: #444;
	outline: none;
	text-decoration: none;
}
a:hover{
	color: #999;
	text-decoration: none;
}
button{
	font-family: 'Oswald',sans-serif;
}
time{
	color: #777;
}
#main{
	background: #ededed;
	position: relative;
}
.contents{
	padding: 20px 0 40px;
}
.inner-box{
	max-width: 940px;
	margin: 0 auto;
}

.gourmet-paging{
	padding-bottom: 35px;
}
.archive-paging{
	padding: 20px 0 35px;
}

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

header{
	position: fixed;
	z-index: 100;
	top: 0;
	margin: 0 auto;
	width: 100%;
	background: #FFF;
}

header .logo{
	padding-top: 20px;
	padding-bottom: 28px;
}
header .logo a{
	display: block;
	float: left;
}
header .logo a h1{
	margin: 0;
	padding: 0 5px 0 0px;
}

header .logo a .singlettl{
	margin: 0;
	padding: 0 5px 0 0px;
	line-height: 1.3846153846;
	font-size:26px;
}

header .site-description{
	display: inline-block;
	padding-top: 12px;
	color: #666;
	font-size:10px;
}

/* Nav */
header nav{
	text-align: right;
	position: relative;
}
.header-nav{
	padding-right: 93px;
}
.header-nav li{
	display: inline-block;
	list-style: none;
	font-weight: bold;
	padding: 32px 0 0 6px;
}
.header-nav .fa-spoon{
	color: #CC9900;
}
.header-nav .fa-language{
	color: #3399FF;
}
.language-switch select{
	min-width: 110px;
	height: 20px;
}
.language-list{
	display: none;
	position: absolute;
	margin-left: 14px;
	margin-top: 5px;
	z-index: 120;
	width: 90px;
	border-bottom: 1px solid #DDD;
}
.language-list a{
	display: block;
	border-top: 1px solid #DDD;
	padding: 5px;
	background: #EFEFEF;
	text-align: left;
}
.language-list a:hover{
	background: #F4F4F4;
}
.header-search{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	padding: 30px 30px 35px;
}
.header-search .fa-search{
	color: #999;
}
.header-search:hover,
.header-search-active{
	background: #FF3300;
}
.header-search:hover .fa-search,
.header-search-active .fa-search{
	color: #FFF;
}

.header-nav li.langdefault{
	color: #FF3000;
	font-weight: bold;
	text-decoration: underline;
	}

.header-nav li a{
	}

header i.fa-facebook-square{
	color:#415D9E
	}

/* -----------------------------------
* Keyword Search
----------------------------------- */
#key-search{
	display: none;
	position: absolute;
	left: 0;
	z-index: 105;
	width: 100%;
	background: #FF3300;
	padding: 34px 0;
	text-align: right;
}
.keyword-form{
	color: #FFF;
}
.keyword-form span{
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 300;
	vertical-align: -3px;
}
.keyword-form input{
	padding: 7px;
	width: 290px;
	height: 30px;
	font-size: 16px;
	font-size: 1.6rem;
	border: none;
}
.keyword-form button{
	height: 31px;
	vertical-align: -1px;
}

/* -----------------------------------
* Mobile Menu
----------------------------------- */
#mobile-langs{
	display: none;
	position: absolute;
	z-index: 105;
	left: 0;
	top: 84px;
}

#mobile-menu{
	display: none;
	position: absolute;
	z-index: 105;
	width: 100%;
	left: 0;
	top: 84px;
}
#mobile-menu li{
	background: #FF3300;
	color: #FFF;
	font-size: 16px;
	font-size: 1.6rem;
}
#mobile-menu li a.mobile-menu-btn{
	display: block;
	width: 100%;
	padding: 10px 20px;
	color: #FFF;
	font-size: 16px;
	font-size: 1.6rem;
	border-bottom: 1px solid #fc8e8c;
}
#mobile-menu li.language-btn{
	padding: 10px 20px;
}
#mobile-menu li.language-btn .language-btn-list{
	padding-left: 23px;
}
#mobile-menu li.language-btn .language-btn-list a{
	color: #FFF;
	display: block;
}

/* -----------------------------------
* Mv
----------------------------------- */
#mv{
	width:100%;
	height:350px;
	position: relative;
	padding-top: 50px;
}
.mv-search{
	background: url(images/common/bg_search.png);
	padding: 26px;
	color: #FFF;
	width: 600px;
}
.mv-search h2{
	font-weight: 400;
	font-size: 50px;
	font-size: 5rem;
	color: #FFF;
	padding: 0;
	margin: 0;
	line-height: 110%;
	padding-bottom: 10px;
}

#main #mv .mv-search h2{
	font-size: 31px;
	}



.mv-search .mv-search-button{
	text-align: center;
	font-size: 20px;
	font-size: 1.6rem;
	margin: 0;
}
.mv-search .mv-search-button button{
	font-family: "Verdana",sans-serif;
	font-size: 20px;
	font-size: 2rem;
	font-weight: normal;
	width: 400px;
	height: 50px;
	border-radius: 7px;
	margin-top: 5px;
}
.mv-search .mv-search-button .fa-search{
	vertical-align: 1px;
}

/* search category */
#cat-search{
	display: none;
	position: absolute;
	z-index: 50;
	top: 0;
	color: #FFF;
	background: #FF3300;
	width: 100%;
	padding: 28px 0;
}
#cat-search .inner-box{
	position: relative;
}
#cat-search dl{
	overflow: hidden;
	border-bottom: 1px solid #ff997f;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
#cat-search dt{
	font-weight: 300;
	font-size: 26px;
	font-size: 2.6rem;
	letter-spacing: 0.5px;
	padding-bottom: 5px;
}
#cat-search dt span{
	display: inline-block;
	text-align: center;
	width: 26px;
}
#cat-search dt span img{
	vertical-align: -1px;
}
#cat-search dd{
	font-size: 14px;
	font-size: 1.4rem;
	padding-left: 2px;
	padding-right: 8px;
	margin-bottom: 5px;
	float: left;
}
#cat-search .keyword-form{
	float: left;
	padding-top: 5px;
}
#cat-search .btn-search{
	float: right;
	font-family: "Verdana",sans-serif;
	width: 300px;
	font-size: 20px;
	font-size: 2rem;
	font-weight: normal;
	border-radius: 7px;
}
#cat-search .btn-search .fa-search{
	vertical-align: 1px;
}
#cat-search .close-btn{
	display: block;
	position: absolute;
	top: -30px;
	right: 0;
	color: #FFF;
	font-size: 40px;
	font-size: 4rem;
	outline: none;
	text-decoration: none;
}
#cat-search .close-btn:hover{
	color: #ff997f;
}

/* -----------------------------------
* top, category, archive
----------------------------------- */
.entries{
	position: relative;
	text-align: center;
}
.entries article p,
.entries article h3{
	margin: 0;
	padding: 0;
}
.entries article{
	width: 300px;
	background: #FFF;
	margin-bottom: 20px;
	float: inline;
	overflow: hidden;
}
.entries .entry-inner{
	text-align: center;
	padding: 0 15px 30px;
}
.entries article figure,
.entries article figure img{
	width: 100%;
	height: auto;
}

.entries article h3{
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: 400;
	line-height: 140%;
	padding: 16px 0 5px;
	word-wrap: normal;
	word-break: break-all;
}
.entries article h3 a{
	color: #000;
}
.entries article h3 a:hover{
	color: #666;
}
.entries article .entry-genre{
	line-height: 160%;
	padding-bottom: 30px;
}
.no-entry{
	margin-left: 20px;
}

/* -----------------------------------
* Archive, Category, Author
----------------------------------- */
.archive-title{
	color: #999;
	text-align: center;
	font-size: 50px;
	font-size: 5rem;
	font-weight: 300;
	margin: 0;
	padding: 40px 0 20px;
}
.archive-title span{
	color: #333;
}

#pan{
	font-size:14px;
	}

.category #pan{
		text-align: center;
		padding: 20px 0 20px;
	}

.single_pan{
	padding: 20px 0 20px 0;
	}
	
#pan a,
#pan a:link,
#pan a:visited{
	color: #666;
}

#pan a:hover{
}
a.panlink,
a.panlink:link,
a.panlink:visited{
	text-decoration: underline;
}

#pan  a.panlink:hover{
	text-decoration: none;
}


/* -----------------------------------
* Single
----------------------------------- */
.single{
	background: #FFF;
	margin-bottom: 20px;
}
.single figure,
.single figure img{
	width: 100%;
	height: auto;
}
.single .entry-labels{
	padding: 15px 35px 0;
}
.single .entry-inner{
	padding: 20px 50px 40px;
}
.single h1{
	font-size: 34px;
	font-size: 3.4rem;
	font-weight: 300;
	line-height: 120%;
	margin: 0;
	padding-bottom: 10px;
	word-break: break-all;
}

.single .singlettl{
	font-size: 34px;
	font-size: 3.4rem;
	font-weight: 300;
	line-height: 120%;
	margin: 0;
	padding-bottom: 10px;
	word-break: break-all;
}

.single .entry-links{
	padding: 10px 0 25px;
}
.single .entry-links li{
	margin: 0;
	margin-right: 15px;
}
.single .entry-genre{
	color: #333;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 160%;
	text-align: center;
	padding: 10px 40px;
	background: #e5e5e5;
}
.single .sns{
	padding: 30px 0;
	overflow: hidden;
}
.single .sns iframe{
	width: 100px !important;
}
.single .sns a{
	float: left;
}
.single .entry-body{
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 170%;
}

.single .entry-body h2{
	border-left: 4px solid #FF3300;
	padding-left: 20px;
	margin-bottom:20px;
	font-size: 28px;
	line-height: 126%;
}

/*
.single .entry-body h3{
	border-left: 4px solid #FF3300;
	padding-left: 20px;
	font-size: 18px;
	margin-bottom:20px;
	line-height: 130%;
}
*/

.single .entry-body h4{
	font-size: 15px;
	margin-bottom:20px;
	line-height: 130%;
}



.single .entry-body a,
.single .entry-body a:link,
.single .entry-body a:visited{
	color: #F30;
	text-decoration: underline;
}

.single .entry-body a:hover{
	color: #FF997F;
	text-decoration: none;
}

.single .entry-body img{
	max-width: 100%;
	height: auto;
}
.single .title-label{
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: 300;
	margin-bottom: 5px;
}
.single .info-table{
	border-top: 1px solid #FF3300;
}
.single .info-table th,
.single .info-table td{
	font-size: 14px;
	font-size: 1.4rem;
	padding: 14px 22px;
}
.single .info-table th{
	color: #FFF;
	font-weight: normal;
	background: #FF3300;
	border-bottom: 1px solid #FFF;
}
.single .info-table td{
	border-bottom: 1px solid #FF3300;
	border-right: 1px solid #FF3300;
}
.single .info-end-th{
	border-bottom: 1px solid #FF3300 !important;
}

.single .info-table a,
.single .info-table a:link,
.single .info-table a:visited{
	color: #F30;
	text-decoration: underline;
}

.single .info-table a:hover{
	color: #FF997F;
	text-decoration: none;
}


.single .author{
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	padding: 18px;
	overflow: hidden;
	margin-bottom: 10px;
}

.single #profile .author{
	border-bottom: none;
}




.single .author-photo{
	float: left;
	width: 140px;
}
.single .author-info{
	float: right;
	width: 326px;
}
.single .author-name{
	color: #FF3300;
	font-size: 32px;
	font-size: 3.2rem;
	font-weight: 300;
}
.single .author-info p{
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 140%;
	margin-bottom: 10px;
}
.single .author-info a{
	color: #FF3300;
}
.single .author-info a:hover{
	color: #fc6158;
}
.single-under-ad{
	overflow: hidden;
	padding-bottom: 40px;
	text-align: center;
}
.single-under-ad li{
	display: inline-block;
	height: 250px;
	overflow: hidden;
}
.single-under-ad-left{
	margin-right: 15px;
}

.single_labels{
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 20px;
	}

.single_labels a,
.single_labels a:link,
.single_labels a:visited{
	color: #FFFFFF;
}

.single_labels a:hover{
 filter: alpha(opacity=70);
  -moz-opacity:0.70;
  opacity:0.70; 
}

.single_labels .top_culture a,
.single_labels .top_culture a:link,
.single_labels .top_culture a:visited{
	color: #000;
}


.zh-hans .single-under-ad-left,
.zh-hant .single-under-ad-left{
	margin-right: 12px;
}
.led-label{
	color: #FF3300;
	font-size: 28px;
	font-size: 2.8rem;
	margin-bottom: 10px;
}
.related{
	overflow: hidden;
	margin-left: -9px;
}
.related li{
	float: left;
	width: 200px;
	min-height: 190px;
	margin-left: 9px;
	word-break: break-all;
}
.related li figure,
.related li figure img{
	width: 100%;
	height: auto;
}
.related li figure{
	height: 115px;
	overflow: hidden;
}


/* -----------------------------------
* Sidebar
----------------------------------- */
.pr .banner{
	margin-bottom: 15px;
	display: inline-block;
}
/*
.pr .banner img{
	display: block;
}
*/
#menulist{
	margin-bottom: 10px;
}
#sidetab{
	background: #FFF;
}
#sidetab a{
	font-weight: 300;
	font-size: 26px;
	font-size: 2.6rem;
	letter-spacing: 0.5px;
	padding: 8px 0;
	float: left;
	width: 50%;
	text-align: center;
	background: #d6d6d6;
	color: #848484;
}
#sidetab a span{
	display: inline-block;
	text-align: center;
	width: 20px;
}
#sidetab a#side-category span{
	width: 12px;
}
#sidetab a span img{
	vertical-align: -2px;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
#sidetab a.active,
#sidetab a:hover{
	color: #333;
	background: #FFF;
	text-decoration: none;
	outline: none;
}
#sidetab a.active img,
#sidetab a:hover img{
	opacity: 1;
	filter: alpha(opacity=100);
}

#side-category-list{
	display: none;
}
.sidemenu{
	clear: left;
	background: #FFF;
	padding: 28px;
}
.sidemenu ul,
.sidemenu li{
	margin: 0;
	padding: 0;
}
.sidemenu ul{
	border-bottom: 1px solid #E6E6E6;
}
.sidemenu li{
	color: #999;
	padding: 10px 0;
	border-top: 1px solid #E6E6E6;
	list-style: square inside !important;
}

/* -----------------------------------
* Footer
----------------------------------- */
footer{
	max-width: 960px;
	margin: 0 auto;
	padding: 26px 20px;
}
.footer-logo h2{
	font-size: 24px;
	font-size: 2.4rem;
	display: inline-block;
	margin: 0;
	padding: 0;
	color: #F00;
}
.footer-logo{
	float: left;
	padding-bottom: 22px;
}
.footer-logo a{
	text-decoration: none;
	letter-spacing: -0.8px;
	color: #999999;
}
.footer-logo a:hover{
	color: #CCCCCC;
}
.footer-logo a img{
	vertical-align: -8px;
	padding-right: 16px;
}
.footer-menu{
	float: right;
	padding-bottom: 22px;
	overflow: none;
	padding-top: 7px;
}
.footer-menu li{
	float: left;
	list-style: none;
	color: #999999;
	padding-left: 5px;
}
.footer-menu li a{
	color: #999999;
	text-decoration: none;
}
.footer-menu li a:hover{
	color: #CCCCCC;
	text-decoration: underline;
}
.footer-fb{
	clear: both;
	margin-bottom: 22px;
}
.footer-fb .fb-like-box,
.footer-fb .fb-like-box iframe[style],
.footer-fb .fb-like-box span {
    width: 100% !important;
}
.footer-copyright{
	color: #999999;
	font-size: 11px;
	font-size: 1.1rem;
}

/* -----------------------------------
* Photos
----------------------------------- */

/* List */
#mv.osakaphoto-mv{
	background: url(images/osaka_photo/mv01.jpg) no-repeat top center;
	padding-top: 180px;
	height: 420px;
}
#mv.osakaphoto-mv h1{
	color: #FFF;
	font-size: 50px;
	font-size: 5rem;
	font-weight: 400;
	line-height: 110%;
	padding: 20px;
	background: url(images/common/bg_black.png);
	width: 442px;
}
.osakaphoto .entries{
	text-align: left;
	margin-left: -20px;
}
.osakaphoto .entries article{
	text-align: center;
	display: block;
	width: 300px;
	float: left;
	margin-left: 20px;
}
.osakaphoto .entries article figure img{
	max-height: 450px;
}
.osakaphoto .entries figcaption{
	color: #FFF;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 300;
	letter-spacing: 0.5px;
	background: #000;
	padding: 2px 0;
}

/* Single */
.osakaphoto-detail{
	padding-top: 10px;
}
.osakaphoto-detail .single{
	background: #FFF;
	padding: 60px;
}
.osakaphoto-detail .single h2{
	text-align: center;
	font-size: 80px;
	font-size: 8rem;
	font-weight: normal;
	padding-bottom: 0;
	margin:0px;
}
.osakaphoto-detail .single time{
	display: block;
	text-align: center;
	padding-bottom: 50px;
}
.osakaphoto-detail .photolist{
	text-align: center;
}
.osakaphoto-detail .photolist img{
	display: inline-block;
	padding-bottom: 15px;
	width: 100%;
}
.osakaphoto-info{
	padding-left: 20px;
	text-align: center;
}
.osakaphoto-info table,
.osakaphoto-info table th,
.osakaphoto-info table td{
	border: none;
}
.osakaphoto-info table{
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	padding: 5px;
	margin-bottom: 0;
}
.osakaphoto-info table th,
.osakaphoto-info table td{
	padding: 20px 10px 0;
}
.osakaphoto-info .pb-end{
	padding-bottom: 20px;
}
.osakaphoto-info .sns{
	padding: 30px 0;
}
.osakaphoto-info a{
	display: block;
	padding-bottom: 10px;
}
.osakaphoto-detail .pr{
	padding-bottom: 20px;
	text-align: center;
}
.osakaphoto-detail .pr .banner{
	padding: 10px;
}
.osakaphoto-detail .related-label{
	font-size: 28px;
	font-size: 2.8rem;
	margin-bottom: 10px;
}
.osakaphoto-detail .related-list{
	margin-left: -20px;
}
.osakaphoto-detail .related-list li{
	display: inline-block;
	margin-left: 20px;
	margin-bottom: 20px;
	width: 140px;
	height: 210px;
}
.osakaphoto-detail .related-list li a{
	vertical-align: top;
}
.osakaphoto-detail .related-list li img{
	width: 100%;
	height: auto;
}

/* -----------------------------------
* 404
----------------------------------- */
.error404-box{
	text-align: center;
	padding: 50px 0;
}
.error404-box span{
	font-size: 30px;
	font-size: 3rem;
	font-weight: bold;
	display: block;
	padding-bottom: 40px;
}
.error404-box a{
	font-size: 20px;
	font-weight: 2rem;
}

/* -----------------------------------
* parts
----------------------------------- */

/* search */
.fa-custom-1_8{
	font-size: 1.8em;
	font-size: 1.8rem;
}
.fa-custom-3{
	font-size: 3em;
	font-size: 3rem;
}
.btn-search{
	background-color: #6798fb;
	color: #fff;
	box-shadow: 0px 3px 0px rgba(0,0,0,0.2);
}
.btn-readmore{
	background-color: #ff331e;
	color: #fff;
}
.btn-readmore:hover{
	background-color: #fc4946;
	color: #fff;
}

/* labels */
.entry-labels{
	overflow: hidden;
}
.entry-labels a,
.entry-labels span{
	float: left;
	font-size: 14px;
	font-size: 1.4rem;
	padding-top: 15px;
	margin-left: 15px;
}
.label-green{
	display: inline;
	border-bottom: 2px solid #6abeb6;
	padding: 0 5px;
}
.label-blue{
	display: inline;
	border-bottom: 2px solid #009be5;
	padding: 0 5px;
}
.label-yellow{
	display: inline;
	border-bottom: 2px solid #f49b2a;
	padding: 0 5px;
}

/* links */
.entry-links{
	margin: 0;
	padding: 15px 0;
}
.entry-links li{
	display: inline-block;
	list-style: none;
	color: #777;
	margin: 0 10px 5px;
}
.entry-links li a{
	color: #777;
	text-decoration: underline;
	margin-left: 4px;
}
.entry-links li a:hover{
	color: #999;
	text-decoration: none;
}

/* PR */
.pr ul{
	padding: 0;
	margin: 0;
}
.pr li{
	list-style: none;
	padding-bottom: 10px;
}

/* Loader Btn */
.loader-btn{
	display: block;
	width: 100%;
	margin-top: 10px;
	padding: 10px 0;
	color: #FFF;
	font-size: 13px;
	font-size: 1.3rem;
	text-align: center;
	text-decoration: none;
	border-radius: 5px;
	background: #ccc;
}
.loader-btn:hover{
	background: #DDD;
}

/* -----------------------------------
* Utility
----------------------------------- */
.oswald{
	font-family: 'Oswald', sans-serif !important;
}
.pt-0{
	padding-top: 0 !important;
}
/* 透明度hover */
.op img{
	transition: ease 0.3s;
	background: #FFF;
}
.op:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

#infscr-loading {
  text-align: center;
  z-index: 999;
  position: fixed;
  left: 48%;
  bottom: 100px;
  opacity: 0.8;
  color: #FFF;
}

	#main h1#archivettl{
		margin:0px;
		}

/* menu */

.menu{
	background-color: #F30;
	padding-top: 6px;
	padding-bottom: 6px;
	}

.menu_box a{
	color: #FFF;
}


/*news trend */


#newstrends .pagename{
	font-size: 80px;
	text-align: center;
	font-weight: 400;
	padding-top: 40px;
	}

/* -----------------------------------
* ie
----------------------------------- */

.under_navi{
	width: 100%;
	padding-top: 20px;
	font-size: 16px;
	}

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

.under_navi_R{
	width: 50%;
	float: right;
	text-align: right;
}




/* -----------------------------------
* Media Query for Smart Phone
----------------------------------- */
@media (max-width: 640px){

	html{
		min-width: 320px;
	}

	body{
		position: static;
		word-wrap:break-word;
	}

	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
		padding-left: 0;
		padding-right: 0;
	}

	.row{
		margin-left: 0;
		margin-right: 0;
	}

	/*------ Header -------*/
	header{
		min-width: 320px;


	}

	.header_box{
		padding: 0 !important;
		}
	header .logo{
		padding: 0;
	}
	header .logo a h1{
		padding-top: 10px;
		line-height: 100%;
	}
	header .logo a h1 img{
		width: 120px;
	}

	header .logo a .singlettl{
		padding-top: 10px;
		line-height: 100%;
	}
	header .logo a .singlettl img{
		width: 120px;
	}


	.n-mobile{
		display: none;
	}
	.y-mobile{
		margin-left: 126px;
	}
	.y-mobile li{
		display: inline-block;
	}
	.y-mobile li img{
		vertical-align: bottom;
	}
	.y-mobile .language-switch select{
		min-width: 80px;
		vertical-align: 26px;
	}
	.y-mobile .header-search{
		position: static;
		padding: 14px 10px 18px;
	}
	.y-mobile .header-search .fa-search{
		line-height: 100%;
	}
	.y-mobile .header-mobile-menu img{
		height: 18px;
		vertical-align: 17px;
		display: inline-block;
	}

	#mobile-menu,
	#key-search{
		top: 56px;
	}

	#lang_sel ul ul{
		visibility: visible;
		position: static;
	}
	#key-search{
		text-align: center;
	}

	/*------ Layout -------*/
	.container{
		padding: 0;
		margin: 0;
	}
	.pr{
		text-align: center;
	}
	#main{

	}



	.contents{
		padding-top: 0;
	}

	/*------ Side -------*/
	#sidelist{
		width: 100%;
		margin-bottom: 15px;
		padding: 0;
		text-align: left;
	}

	/*------ Entries ( List ) -------*/
	.entries{
		height: auto !important;
		margin-bottom: 15px;
	}
	.entries article{
		width: 100%;
		margin: 0;
		padding-bottom: 20px;
		position: static !important;
	}
	.entries article .entry-inner{
		padding-bottom: 0;
	}

	/*------ Footer -------*/
	footer{
		text-align: center;
	}
	.footer-logo{
		float: none;
	}
	.footer-logo h2{
		display: block;
		padding-bottom: 10px;
	}
	.footer-menu{
		float: none;
	}
	.footer-menu li{
		float: none;
		display: inline;
	}

	/*------ Single Page -------*/
	.single .entry-inner{
		padding: 20px;
	}
	.single .entry-labels{
		padding: 15px 5px 0;
	}
	.single .info-table th,
	.single .info-table td{
		font-size: 14px;
		font-size: 1.4rem;
		padding: 14px 10px;
		vertical-align: middle;
	}
	.single .author{
		text-align: center;
	}
	.single .author-photo{
		width: auto;
		text-align: center;
		float: none;
	}
	.single .author-info{
		text-align: left;
		float: none;
		width: auto;
	}
	.single .author-name{
		text-align: center;
	}
	.single-under-ad li{
		display: inline-block;
		margin-bottom: 10px;
	}
	.single-under-ad-left{
		margin: 0;
	}
	.led-label{
		padding: 0 20px;
	}
	.related{
		text-align: center;
		margin-bottom: 20px;
		padding: 0 20px;
	}
	.related li{
		float: none;
		display: inline-block;
		width: 100%;
	}

.single_labels{
	padding-left: 15px;
	padding-right: 15px;
	}
	
	.single .entry-body pre{
	overflow:scroll;
  word-wrap:normal;
}

.single table.info-table {
	table-layout:fixed;
	}

.single table.info-table th{
	width:30%;
	}


	/*------ Photo List Page -------*/
	.osakaphoto .entries{
		margin-left: 0;
		margin-bottom: 0;
		width: 100%;
	}
	.osakaphoto .entries article{
		width: 47%;
    max-width: 300px;
		height: auto;
		padding-bottom: 0;
		margin-left: 2%;
		margin-bottom: 5px;
	}
	.osakaphoto .entries article figure img{
		min-height: 0;
	}
	/*
	.osakaphoto .entries article{
		width: 100%;
		margin-top: 0;
		margin-bottom: 15px;
		padding-bottom: 0;
	}
	*/

	/*------ Photo Single Page -------*/
	.osakaphoto-detail .single{
		padding: 0;
	}
	.osakaphoto-detail .pr .banner{
		padding: 0 10px;
		margin-bottom: 15px;
	}
	.osakaphoto-detail .photolist img{
		width: 100%;
	}
	.osakaphoto-info{
		padding-left: 0;
	}
	.osakaphoto-detail .related-label{
		text-align: center;
	}
	.osakaphoto-detail .related-list{
		text-align: center;
		margin-left: 0;
	}
	.osakaphoto-detail .related-list li{
		padding: 5px 5px;
		margin-left: 0;
	}

	#main .osakaphoto-detail h2{
	font-size: 60px;
	padding-top:30px;
		}

/*

*/
#about_box {
	background-color: #FFF;
	width: 100%;
	padding-right: 1%;
	padding-left: 1%;
	}
#red_box {
	padding-top: 30px;
	padding-bottom: 10px;
	background-color: #FF3300;
	}
.about01 {
	padding-right: 10px;
	padding-left: 10px;
	}
.about02 {
	padding-right: 10px;
	padding-left: 10px;
	}
.about03 {
	padding-right: 10px;
	padding-left: 10px;
	}
.about_top img {
	width: 100%;
	height: auto;
	}
.about_ttl01 {
	margin: auto;
	width: 279px;
	padding-top: 40px;
	padding-bottom: 40px;
	}
.red_bd {
	color: #FF3300;
	text-decoration: underline;
	}
.about_txt01 {
	font-family: "ヒラギノ角ゴ Pro W3";
	font-size: 16px;
	line-height: 180%;
	}
.about_center {
	font-family: "ヒラギノ角ゴ Pro W3";
	font-size: 16px;
	text-align: center;
	width: 100%;
	margin: auto;
	line-height: 180%;
	padding-top: 20px;
	padding-bottom: 30px;
	}


.white {
	font-family: "ヒラギノ角ゴ Pro W3";
	font-size: 16px;
	color: #FFF;
	line-height: normal;
	font-weight: bold;
	text-align: center;
	}
.about_R01 img {
	height: auto;
	width: 100%;
	margin-top: 40px;
	margin-bottom: 30px;
	}
.about_L02 img {
	height: auto;
	width: 100%;
	margin-top: 40px;
	margin-bottom: 30px;
	}
.about_no_box table {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
.about_no_box table th{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-right: 25px;
	}
.about_no_box table td{
	vertical-align:top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
	width: 420px;
	font-family: "ヒラギノ角ゴ Pro W3";
	font-size: 16px;
	}
.about_R02 {
	font-size: 16px;
	height: auto;
	width: 100%;
	}

	.source{
	background-color: #F6F6F6;
	padding: 20px;
	margin-bottom: 30px;
	font-size: 18px;
	text-align: center;
	}

	.source .textsource{
	font-size: 14px;
	color: #666;
	}



.source a,
.source a:link,
.source a:visited{
	color: #F30;
}

.source a:hover{
}


html.zh-hant .about_center,
html.zh-hant .white,
html.zh-hant .about_txt01,
html.zh-hant .about_no_box table td,
html.zh-hans .about_center,
html.zh-hans .white,
html.zh-hans .about_txt01,
html.zh-hans .about_no_box table td{
	font-family: arial,STHeiti,pmingliu,sans-serif!important;
	}

/*
キャンペーン
*/

.cp_w {
	font-size: 36px;
	color: #FF3300;
	line-height: 120%;
	}
.cp_red {
	font-size: 40px;
	color: #FF3300;
	}
.red_appliy {
	font-size: 26px;
	color: #FF3300;
	font-weight: bold;
	}
.appliy {
	padding-top: 10px;
	font-size: 18px;
	}

#campaign_main {
	background-color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
	}

.campaign_box {
	margin: auto;
	width: 100%;
	}

.campaign_thanks h2{
	font-size: 40px;
	}

.campaign_top img {
	height: auto;
	width: 100%;
	}
.cp_box01 {
	text-align: center;
	font-size: 18px;
	padding-top: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 80px;

	line-height: 180%;
	}
.cp_box02 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 50px;
	padding-bottom: 50px;
	}
.cp_box03 {
	text-align: center;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	}
.cp_L {


	}
.cp_R {

	width: 100%;
	font-size: 18px;
	}
.cp_L table {

	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}

.cp_L table th,
.cp_L table td {

	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}

#pampaign_box{
	text-align: left;
	width: 96%;
	padding: 10px 20px 20px;
	border: 1px solid #DBDBDB;
	border-radius: 5px;
	margin: 40px auto;
	}

#pampaign_box h4{
	font-size:14px;
	margin-top: 10px;
	margin-bottom: 8px;
	color: #333;
	}

#pampaign_box p{
	margin: 0px 0px 20px;
	padding: 0px;
	}

#pampaign_box .btn{
	background-color: #06F;
	color: #FFF;
	}

/* top mein sp */

.top_under{
	margin-bottom:40px;
}

.top_entry{
	background-color: #FFF;
	border-bottom: 1px solid #CCC;
	width: 100%;
	}

.top_entry h2{
	margin: 8px 0px 6px;
	padding: 0px;
	font-size: 14px;
	font-weight: normal;
	}

.top_entry p{
	margin: 0px;
	padding: 0px;
	color: #666;
	font-size: 11px;
	}

.top_entry .top_entry_L{
	float: left;
	width: 45%;
	}

.top_entry .top_entry_R{
	float: right;
	width: 55%;
	padding-left: 10px;
	padding-top: 4px;
	}

.top_entry .top_entry_L img{
	width: 100%;
	}

.top_post{
	background-color: #FF3366;
	font-size: 11px;
	color: #FFF;
	padding: 2px 4px;
	display: inline;
	font-weight: 300;
	font-family: 'Oswald';
	margin-top: 6px;
	}

.top_photo{
	background-color: #33CB67;
	font-size: 11px;
	color: #FFF;
	padding: 2px 8px;
	display: inline;
	font-weight: 300;
	font-family: 'Oswald';
	margin-top: 6px;
	}

.top_news{
	background-color: #0099FF;
	font-size: 11px;
	color: #FFF;
	padding: 2px 8px;
	display: inline;
	font-weight: 300;
	font-family: 'Oswald';
	margin-top: 6px;
	}

.top_frombattera{
	background-color: #6666FF;
	font-size: 11px;
	color: #FFF;
	padding: 2px 8px;
	display: inline;
	font-weight: 300;
	font-family: 'Oswald';
	margin-top: 6px;
	}

.top_culture{
	background-color: #FFCC00;
	font-size: 11px;
	color: #111;
	padding: 2px 8px;
	display: inline;
	font-weight: 300;
	font-family: Oswald;
	margin-top: 6px;
	}

.top_sightseeing{
	background-color: #336699;
	font-size: 11px;
	color: #FFF;
	padding: 2px 8px;
	display: inline;
	font-weight: 300;
	font-family: Oswald;
	margin-top: 6px;
	}

.top_fortourist{
	background-color: #FF6600;
	font-size: 11px;
	color: #FFF;
	padding: 2px 8px;
	display: inline;
	font-weight: 300;
	font-family: Oswald;
	margin-top: 6px;
	}

#top_mv_R{
	background-color: #FFF;
	padding-bottom: 5px;
}


#top_mv_R img{
	width: 100%;
	}


#top_mv{
	background-color: #FFF;

}

#top_mv_L{
	width: 100%;
	background-color: #FFF;
	border-bottom: 1px solid #CCC;
}


#top_mv_L img{
	width: 100%;
	}

.top_mv_info{
	padding: 10px 10px 0px;
	}

.top_mv_info h2{
	margin: 7px 0px 0px;
	padding: 0px 0px 10px;
	font-weight: 400;
	font-family: 'Oswald';
	}

.top_mv_info p{
	color: #666;
	}

	/*menu*/

	.menu{
	padding-top: 2px;
	padding-bottom: 2px;
		}

	.menu_box{
	width: 95%;
	margin-right: auto;
	margin-left: auto;
		}

	.menu_box{
		font-size: 22px;
	font-weight: 300;
	font-family: 'Oswald';
	}

.sm_none{
		display:none;
		}

.osakaphoto-detail .single time{
	padding-bottom: 0px;
}


.sns_facebook{
	background-color: #3B5998;
	color: #FFF;
	width: 70px;
	padding-top: 10px;
	padding-bottom: 4px;
	border-radius: 6px;
	text-align: center;
	}

.sns_facebook i{
	font-size: 30px;
	}

.sns_twitter{
background-color: #55ACEE;
color: #FFF;
width: 70px;
padding-top: 10px;
padding-bottom: 4px;
border-radius: 6px;
text-align: center;
}

.sns_twitter i{
	font-size: 30px;
	}


.sns_line{
	background-color: #00C300;
	color: #FFF;
	width: 70px;
	padding-top: 10px;
	padding-bottom: 6px;
	border-radius: 6px;
	text-align: center;
	}

.sns_line i{
	font-size: 30px;
	}


.sns_box{
	width:288px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	}

.sns_box a{

	padding-right: 3px;
	display: block;

	}

.sns_entry{
	float: left;
	}


/*news trend */


#newstrends .pagename{
	font-size: 40px;
	text-align: center;
	font-weight: 400;
	padding-top: 20px;
	padding-bottom: 20px;
	}

.on_tablet{
		display:none;
		}

	/* smart phone paging */
	.gourmet-paging{
		padding-bottom: 65px;
	}
	.sm-paging{
		clear: both;
		text-align: center;
	}
	.sm-paging ul{
		width: 100%;
		min-width: 300px;
	}
	.sm-paging li{
		display: inline-block;
		width: 30%;
		padding: 0;
		margin: 0;
		font-weight: bold;
	}
	.sm-paging li.sm-paging-prev{
		text-align: left;
	}
	.sm-paging li.sm-paging-info span{
		position:relative;
		top: 3px;
	}
	.sm-paging li.sm-paging-next{
		text-align: right;
	}
	.sm-paging .btn-default{
		font-weight: bold;
		width: 95px;
		color: white;
		background: #FB3005;
		border: 1px solid #FB3005;
		padding: 10px 0;
		-webkit-box-shadow: 0px 2px 0px rgb(166, 0, 0);
		moz-box-shadow: 0px 2px 0px rgb(166, 0, 0);
		box-shadow: 0px 2px 0px rgb(166, 0, 0);
	}
	.sm-paging .btn-default:hover{
		opacity: 0.7;
		filter: alpha(opacity=70)
	}


.sp_banner{
	padding-top:5px;
	padding-bottom:4px;
	}
	
		.archive-title{
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom:30px;
		}
	
	.single_pan #pan{
	padding-left: 10px;
	padding-right: 10px;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	}
	
	.photo_pan{
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
		}
		
		.sm_description{
	background: #FF3300;
	text-align: center;
	color: #FFF;
	padding-top: 4px;
	padding-bottom:5px;
	font-size:14px;
		}
	
	.inner-box{
		padding: 0 10px;

	}
	


	li.list_top{
	vertical-align: top;
	padding-top: 4px;
	font-size: 30px;
	padding-right: 6px;
		}
		
		.top_lan{
	padding-top: 12px;
	padding-bottom:12px;
	color: #FF3000;
			}
		
		.top_lan .langdefault{
	text-decoration: underline;
			}
			
		.top_lan a,
.top_lan a:link,
.top_lan a:visited{
	color: #666;
}

.top_lan a:hover{
}
		
		.top_lan li{
	font-size: 15px;
	display: inline;
	}


}

/* -----------------------------------
* Media Query for tablet and PC
----------------------------------- */
@media (min-width: 641px) {


	.pc_none{
		display:none;
		}

	.no_tablet{
		display:none;
		}

	.on_tablet{
		display:block;
		}

	/*------ Header -------*/
	header{

	}
	header .logo{
		padding-top: 0;
		padding-bottom: 0;
	}
	header .logo a h1{
		padding-top: 20px;
	}

	header .logo a .singlettl{
		padding-top: 20px;
	}

	.n-mobile{
		display: block;
	}
	.y-mobile{
		margin-left: 300px;
	}
	.y-mobile li{
		display: inline-block;
	}
	.y-mobile li img{
		vertical-align: bottom;
	}
	.y-mobile .language-switch select{
		vertical-align: 38px;
	}
	.y-mobile .header-search{
		position: static;
		padding: 28px 20px 32px;
	}
	.y-mobile .header-search .fa-search{
		line-height: 100%;
	}
	.y-mobile .header-mobile-menu img{
		height: 20px;
		vertical-align: 30px;
		display: inline-block;
	}

	#mobile-menu,
	#key-search{
		top: 84px;
	}

	#main{
		padding-top: 55px;
		}

	/*------ Layout -------*/
	.pr{
		text-align: center;
	}
	.pr .banner{
		padding: 0 10px;
		margin-bottom: 15px;
	}
	.pr .banner ins,
	.pr .banner img{
		vertical-align: bottom;
	}
	.inner-box{
		padding: 0 20px;

	}

	/*------ Side -------*/
	#sidelist{
		width: 626px;
		text-align: left;
		margin: 0 auto 15px;
	}

	/*------ Mv -------*/
	.mv-search{
		margin: 0 auto;
	}

	/*------ osaka photo -------*/
	.osakaphoto .entries{
		text-align: center;
		margin-left: 0;
	}
	.osakaphoto .entries article{
		display: inline-block;
		width: 45%;
		max-width: 300px;
		margin: 0 10px 20px;
		float: none;
	}
	.osakaphoto .entries article figure img{
		min-height: 0;
	}

	/*menu*/

	.menu_box{
	width: 95%;
	margin-right: auto;
	margin-left: auto;
		}

	.menu_box{
		font-size: 18px;
	font-weight: 300;
	font-family: 'Oswald';
	}

/*
アバウト
*/

#about_box {
	background-color: #FFF;
	}
#red_box {
	padding-top: 30px;
	padding-bottom: 10px;
	background-color: #FF3300;
	}
.about_top {
	margin: auto;
	}

.about_top img{
	width: 100%;
	}

.about01 {
	margin: auto;
	}
.about02 {
	margin: auto;
	padding-top: 25px;
	padding-bottom: 90px;
	}
.about03 {
	margin: auto;
	padding-top: 65px;
	padding-bottom: 80px;
	}
.about_ttl01 {
	margin: auto;
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
	}

.about_center {
	font-family: "ヒラギノ角ゴ Pro W3";
	font-size: 18px;
	text-align: center;
	margin: auto;
	line-height: 163%;
	padding-bottom: 40px;
	padding-right: 20px;
	padding-left: 20px;
	}



.red_bd {
	color: #FF3300;
	text-decoration: underline;
	}
.white {
	font-family: "ヒラギノ角ゴ Pro W3";
	font-size: 32px;
	color: #FFF;
	line-height: 110%;
	font-weight: bold;
	text-align: center;
	padding-right: 20px;
	padding-left: 20px;
	}




.about_R01 {
	float: right;
	width: 300px;
	margin-right: 30px;
	padding-top: 80px;
	}


.about_R01 img{
	width: 300px;
	}

.about_L01 {
	float: left;
	width: 400px;
	padding-top: 20px;
	padding-left: 40px;
	}
.about_R02 {
	float: right;
	width: 350px;
	padding-right: 20px;
	line-height: 160%;
	}


.about_L02 {
	float: left;
	width: 360px;
	padding-top: 120px;
	padding-left: 20px;
	}

.about_L02 img{
	width: 360px;
	}

.about_no_box {
	padding-top: 30px;

	}
.about_no_box table {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
.about_no_box table th{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-right: 25px;
	}
.about_no_box table td{
	vertical-align:top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
	width: 420px;
	font-family: "ヒラギノ角ゴ Pro W3";
	font-size: 16px;
	}
.about_txt01 {
	font-family: "ヒラギノ角ゴ Pro W3";
	font-size: 16px;
	line-height: 160%;
	padding-bottom: 20px;
	}


.source{
	background-color: #F6F6F6;
	padding: 20px;
	margin-bottom: 30px;
	font-size: 18px;
	text-align: center;
	}

.source .textsource{
	font-size: 14px;
	color: #666;
	}


.source a,
.source a:link,
.source a:visited{
	color: #F30;
}

.source a:hover{
}

html.zh-hant .about_center,
html.zh-hant .white,
html.zh-hant .about_txt01,
html.zh-hant .about_no_box table td,
html.zh-hans .about_center,
html.zh-hans .white,
html.zh-hans .about_txt01,
html.zh-hans .about_no_box table td{
	font-family: arial,STHeiti,pmingliu,sans-serif!important;
	}

/*
キャンペーン
*/

.cp_w {
	font-size: 36px;
	color: #FF3300;
	line-height: 120%;
	}
.cp_red {
	font-size: 40px;
	color: #FF3300;
	}
.red_appliy {
	font-size: 26px;
	color: #FF3300;
	font-weight: bold;
	}
.appliy {
	padding-top: 10px;
	font-size: 18px;
	}

#campaign_main {
	background-color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
	}


.campaign_box {
	margin: auto;
	width: 100%;
	}
.campaign_top img {
	height: auto;
	width: 100%;
	}
.cp_box01 {
	text-align: center;
	font-size: 18px;
	padding-top: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 80px;

	line-height: 180%;
	}
.cp_box02 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 50px;
	padding-bottom: 50px;
	}
.cp_box03 {
	text-align: center;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	}
.cp_L {


	}
.cp_R {

	width: 100%;
	font-size: 18px;
	}
.cp_L table {

	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}

.cp_L table th,
.cp_L table td {

	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}


#pampaign_box{
	text-align: left;
	width: 700px;
	padding: 10px 20px 20px;
	border: 1px solid #DBDBDB;
	border-radius: 5px;
	margin: 40px auto;
	}

#pampaign_box h4{
	font-size:14px;
	margin-top: 10px;
	margin-bottom: 8px;
	color: #333;
	}

#pampaign_box p{
	margin: 0px 0px 20px;
	padding: 0px;
	}

#pampaign_box .btn{
	background-color: #06F;
	color: #FFF;
	}

	.campaign_top{
	padding-bottom: 20px;
	}

	.campaign_thanks h2{
	font-size: 40px;
	}


.campaign_thanks p{
	font-size: 16px;
	}

.top_entry{
	background-color: #FFF;
	}


/* top mein */

.top_entry{
	background-color: #FFF;
	border-bottom: 1px solid #CCC;
	padding: 16px;
	width: 100%;
	}

.top_entry h2{
	margin: 14px 0px 6px;
	padding: 0px;
	font-size: 18px;
	}

.top_entry p{
	margin: 0px;
	padding: 0px;
	color: #666;
	font-size: 11px;
	}

.top_entry .top_entry_L{
	float: left;
	width: 40%;
	}

.top_entry .top_entry_R{
	float: right;
	width: 60%;
	padding-left: 10px;
	}

.top_entry .top_entry_L img{
	width: 100%;
	}

.top_post{
	background-color: #FF3366;
	font-size: 11px;
	color: #FFF;
	padding: 4px 8px;
	display: inline;
	}

.top_photo{
	background-color: #33CB67;
	font-size: 11px;
	color: #FFF;
	padding: 4px 8px;
	display: inline;
}

.top_news{
	background-color: #0099FF;
	font-size: 11px;
	color: #FFF;
	padding: 2px 8px;
	display: inline;
	font-weight: 300;
	font-family: 'Oswald';
	margin-top: 6px;
	}

.top_frombattera{
	background-color: #6666FF;
	font-size: 11px;
	color: #FFF;
	padding: 2px 8px;
	display: inline;
	font-weight: 300;
	font-family: 'Oswald';
	margin-top: 6px;
	}

.top_culture{
	background-color: #FFCC00;
	font-size: 11px;
	color: #111;
	padding: 2px 8px;
	display: inline;
	font-weight: 300;
	font-family: Oswald;
	margin-top: 6px;
	}

.top_sightseeing{
	background-color: #336699;
	font-size: 11px;
	color: #FFF;
	padding: 2px 8px;
	display: inline;
	font-weight: 300;
	font-family: Oswald;
	margin-top: 6px;
	}

.top_fortourist{
	background-color: #FF6600;
	font-size: 11px;
	color: #FFF;
	padding: 2px 8px;
	display: inline;
	font-weight: 300;
	font-family: Oswald;
	margin-top: 6px;
	}

/* top mein */
#top_mv{
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
}

#top_mv_L{
	float: left;
	width: 50%;
	background-color: #FFF;
}

#top_mv_R{
	background-color: #FFF;
	float: right;
	width: 50%;

}

#top_mv_L img,
#top_mv_R img{
	width: 100%;
	}

.top_mv_info{
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	}

.top_mv_info h2{
	margin: 0px;
	padding: 10px 0px;
	font-size: 30px;
	font-weight: 400;
	font-family: 'Oswald';
	}

.top_mv_info p{
	color: #999;
	}

.top_post{
	background-color: #FF3366;
	font-size: 11px;
	color: #FFF;
	padding: 4px 8px;
	display: inline;
	font-weight: 300;
	font-family: 'Oswald'
	}

.top_photo{
	background-color: #33CB67;
	font-size: 11px;
	color: #FFF;
	padding: 4px 8px;
	display: inline;
	font-weight: 300;
	font-family: 'Oswald'
	}

	.box1,
.box2{
	display:none;}


	/*sns_box*/
.sns_facebook{
	background-color: #3B5998;
	color: #FFF;
	width: 70px;
	padding-top: 10px;
	padding-bottom: 4px;
	border-radius: 6px;
	text-align: center;
	}

.sns_facebook i{
	font-size: 30px;
	}

.sns_twitter{
background-color: #55ACEE;
color: #FFF;
width: 70px;
padding-top: 10px;
padding-bottom: 4px;
border-radius: 6px;
text-align: center;
}

.sns_twitter i{
	font-size: 30px;
	}


.sns_line{
	background-color: #00C300;
	color: #FFF;
	width: 70px;
	padding-top: 10px;
	padding-bottom: 6px;
	border-radius: 6px;
	text-align: center;
	}

.sns_line i{
	font-size: 30px;
	}


.sns_box{
	width:288px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	}

.sns_box a{
	float: left;
	padding-right: 3px;
	}

.osakaphoto-detail .single time{
	padding-bottom: 0px;
}


li.list_top{
	vertical-align: top;
	padding-top: 18px;
	font-size: 30px;
	padding-right: 6px;
		}



}

/* -----------------------------------
* Media Query for PC only
----------------------------------- */
@media (min-width: 992px) {
	
	
	.pc_noneonly{
		display:none;
		}

	.no_tablet{
		display:block;
		}

	.on_tablet{
		display:none;
		}

	/*------ Header -------*/
	header{
		padding: 0;
	}
	header .logo{
		padding-top: 20px;
		padding-bottom: 28px;
	}
	header .logo a{
		display: block;
		float: left;
	}
	header .logo a h1{
		margin: 0;
		padding: 0;
		padding-right: 5px;
	}

	header .logo a .singlettl{
		margin: 0;
		padding: 0;
		padding-right: 5px;
	}

	/*------ Layout -------*/
	.inner-box{
		padding: 0;
	}

	/*------ Side -------*/
	.pr{
		text-align: left;
	}
	.pr .banner{
		padding: 0;
		margin-bottom: 15px;
	}
	#sidelist{
		width: 100%;
		margin-bottom: 15px;
	}

	/*------ Mv -------*/
	.mv-search{
		margin: 0;
	}

	.contents .col-md-8{
		min-width: 640px;
	}

	/*------ osaka photo -------*/
	.osakaphoto .entries{
		text-align: left;
		margin-left: -20px;
	}
	.osakaphoto .entries article{
		display: block;
		width: 300px;
		margin-left: 20px;
		margin-right: 0;
		float: left;
	}
	.osakaphoto .entries article figure img{
		max-height: 450px;
	}

	/*
アバウト
*/

#about_box {
	background-color: #FFF;
	}
#red_box {
	padding-top: 30px;
	padding-bottom: 10px;
	background-color: #FF3300;
	}
.about_top {
	margin: auto;
	}

.about01 {
	margin: auto;
	width: 950px;
	}
.about02 {
	margin: auto;
	width: 950px;
	padding-top: 25px;
	padding-bottom: 90px;
	}
.about03 {
	margin: auto;
	width: 950px;
	padding-top: 65px;
	padding-bottom: 80px;
	}
.about_ttl01 {
	margin: auto;
	width: 279px;
	padding-top: 40px;
	padding-bottom: 60px;
	}
.about_center {
	font-family: "ヒラギノ角ゴ Pro W3";
	font-size: 18px;
	text-align: center;
	width: 790px;
	margin: auto;
	line-height: 180%;
	padding-bottom: 40px;
	}

.about_R01 {
	float: right;
	width: 400px;
	}

.about_L01 {
	float: left;
	width: 475px;
	padding-top: 20px;
	}

.about_R01 img{
	width: 450px;
	}



.about_R02 {
	float: right;
	width: 450px;
	}


.about_L02 {
	float: left;
	width: 458px;
	padding-top: 40px;
	}

.about_L02 img{
	width: 458px;
	}

.about_no_box {
	padding-top: 30px;

	}
.about_no_box table {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
.about_no_box table th{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-right: 25px;
	}
.about_no_box table td{
	vertical-align:top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
	width: 420px;
	font-family: "ヒラギノ角ゴ Pro W3";
	font-size: 16px;
	}
.about_txt01 {
	font-family: "ヒラギノ角ゴ Pro W3";
	font-size: 16px;
	line-height: 160%;
	padding-bottom: 20px;
	}


/*
キャンペーン
*/

.cp_w {
	font-size: 36px;
	color: #FFF;
	line-height: 120%;
	}
.cp_red {
	font-size: 40px;
	color: #FF3300;
	}
.red_appliy {
	font-size: 26px;
	color: #FF3300;
	font-weight: bold;
	}
.appliy {
	padding-top: 10px;
	font-size: 18px;
	}

#campaign_main {
	background-color: #FFF;
	}
.campaign_box {
	margin: auto;
	width: 980px;
	}
.campaign_top img {
	height: auto;
	width: 100%;
	}
.cp_box01 {
	text-align: center;
	font-size: 18px;
	padding-top: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 80px;
	padding-right: 30px;
	padding-left: 30px;
	line-height: 180%;
	}
.cp_box02 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 50px;
	padding-bottom: 50px;
	}
.cp_box03 {
	text-align: center;
	width: 980px;
	padding-top: 20px;
	padding-bottom: 20px;
	}
.cp_L {
	float: left;

	}
.cp_R {
	float: right;
	width: 640px;
	padding-right: 40px;
	font-size: 18px;
	}
.cp_L table {

	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}

.cp_L table th,
.cp_L table td {
	width: 170px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}

	/*menu*/

	.menu_box{
	width: 940px;
	margin-right: auto;
	margin-left: auto;
		}


.osakaphoto-detail .single time{
	padding-bottom: 50px;
}


.sns_googleplus{
background-color: #DD4B39;
color: #FFF;
width: 70px;
padding-top: 10px;
padding-bottom: 4px;
border-radius: 6px;
text-align: center;
}

.sns_googleplus i{
	font-size: 30px;
	}


}



/* -----------------------------------
* Media Query for Large Size
----------------------------------- */
@media (min-width: 1200px) {

	.about_top {
		width:1200px;
	margin: auto;
	}

}

/*contact page */
.page-id-792 #main,
.page-id-995 #main,
.page-id-993 #main,
.page-id-994 #main,
.page-id-996 #main {
	background-color: #FFFFFF;
	}

p.jp_info{
	font-size: 16px;
	line-height: 180%;
	padding-bottom: 20px;
	}

p.jp_info a,
p.jp_info a:link,
p.jp_info a:visited{
	color: #FF3000;
	text-decoration: underline;
}

p.jp_info a:hover{
	text-decoration: none;
}