@charset "UTF-8"; 

html,body,div,h1,h2,h3,h4,h5,h6,p,blockquote,q,pre,table,caption,colgroup,col,tbody,thead,tfoot,tr,th,td,ul,ol,li,dl,dt,dd,form,fieldset,legend,label,span,a,img,em,ins,del,cite,abbr,sup,sub,dfn,code,var,samp,kbd,object,script,noscript,style,iframe,embed,param,map,area,menu,hr,address,small,strong,i,b,article,aside,figure,footer,header,hgroup,nav,section,figcaption,time,video,audio,mark,ruby,rt,rp,bdo,source,canvas,details,summary,command,datalist,keygen,output,progress,meter{ margin: 0; padding: 0; outline: 0; }
address,article,aside,figure,figcaption,footer,header,hgroup,hr,legend,menu,nav,section,summary{ display: block; }

body {
	line-height: 1.7;
	font-size: 100%;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	word-break: break-all;
	background-image: url( "http://orbis-guide.com/cmn/image/header_bg_line.png" );
	background-repeat: repeat-x;
	background-position: left top;
}

@media screen and ( orientation:landscape )
{
	body {
		-webkit-text-size-adjust: 100%;
	}
}

a { text-decoration: none; }
a:link		{ color: #1155cc; }
a:visited	{ color: #1155cc; }
a:hover		{ color: #1155cc; text-decoration: underline; }

img { border: none; max-width: 100%; }
p { margin: 0 0 1.5em 0; }
hr { height: 1px; margin: 1.5em auto; clear: both; }
table { empty-cells: show; border: none; border-collapse: collapse; max-width: 100%; }

.ac { text-align : center; }
.al { text-align : left; }
.ar { text-align : right; }
.vam { vertical-align : middle; }
.vat { vertical-align : top; }

.smaller { font-size : 75%; }
.larger { font-size : 125%; }
.bold { font-weight : bold; }
.normal { font-weight : normal; }

li { list-style: none; }
ul.li_mark{ margin-bottom: 1.5em; }
ul.li_mark li { list-style: disc; margin-left: 1.5em; }
ol.li_mark { margin-bottom: 1.5em; }
ol.li_mark li { list-style: decimal; margin-left: 2em; }
dl.dl_def { margin-bottom: 1.5em; }
dl.dl_def dt { font-weight: bold; }
dl.dl_def dd { margin-left: 1em; }

.ma { margin-right: auto;margin-left: auto; }
.ml { margin-left: 1em; }
.mr { margin-right: 1em; }
.mb { margin-bottom: 1em; }
.mb0 { margin-bottom: 0; }

.cl{ clear: both; }

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

/* smart phone */
@media screen and ( max-width: 1100px ) {

	#header_sp { 
		display: block;
		width: 100%;
		height: 70px;
		margin: 0 auto 0 auto;
		padding-top: 10px;
		overflow: hidden;
	}

	#header_logo_sp {
		width: 260px;
		height: 50px;
		float: left;
	}
	
		#header_logo_sp  p {
			font-size: 12px;
			margin: 0;
			padding: 0;
			text-align: center;
		}
		
		#header_logo_sp  img {
			width: auto;
		}
	
	#header_nav_open_sp {
		width: 50px;
		height: 50px;
		padding-top: 10px;
		padding-right: 10px;
		float: right;
	}
	
	#header_nav_open_sp img {
		width: 50px;
		height: 50px;
	}

	
	#header_pc {
		display: none;
	}
	
	/* nav */
	
	#nav_pc {
		display: none;
	}
	
	#nav_sp {
		display: none;
		text-align: center;
		margin-bottom: 1rem;
	}
	
	#nav_sp table {
		width: 100%;
		border-collapse: collapse;
	}

	#nav_sp td {
		width: 49%;
		height: 50px;
		line-height: 1.0;
	}
	
	#nav_sp td:nth-child(odd){

	}

	#nav_sp td:nth-child(even){

	}

	#nav_sp td a {
		width: 100%;
		height: 50px;
		padding-top: 10px;
		display: inline-block;
		vertical-align: middle;
		text-decoration: none;
		letter-spacing: 1px;
	}
	
	#nav_sp td img {
		width: 150px;
	}

	
	#nav_sp .jp {

	}
	
	#nav_sp .jp_night {
		color: white;
	}

	#nav_sp .en {
		display: block;
		font-size: 75%;
		color: #236ca8;
		padding: 0.3rem 0 0 0;
		font-weight: bold;
	}
	
	/* footer */
	
	#footer {
		width: 100%;
		margin: 0 auto 0 auto;
		padding: 0;
		text-align: center;
		color: white;
	}

	#footer_info {
		background-color: #222222;
		margin: 0;
		padding: 20px;
	}

	#footer_menu_pc {
		display: none;
	}

	#footer_menu_sp table {
		width: 100%;
		border-collapse: collapse;
	}

	#footer_menu_sp td {
		width: 49%;
		height: 40px;
		line-height: 1.0;
	}
	
	#footer_menu_sp td:nth-child(odd){
		border-top: 1px dotted #ccc;
		border-right: 1px dotted #ccc;
	}

	#footer_menu_sp td:nth-child(even){
		border-top: 1px dotted #ccc;
	}

	#footer_menu_sp td a {
		width: 100%;
		height: 30px;
		padding-top: 10px;
		display: inline-block;
		vertical-align: middle;
		text-decoration: none;
		letter-spacing: 1px;
	}

	#footer_bottom {
		font-size: 12px;
		background-color: #c90a30;
		margin: 0;
		padding: 10px;
	}
	
	/* */
	
	h3.midashi {
		font-size: 22px;
		font-weight: normal;
		border-left: 5px solid #236ca8;
		padding-left: 10px;
		margin: 10px 0px 10px 10px;
	}
	
	h3.midashi span	{
		margin-left: 10px;
	}
	
	#sns_link {
		margin: auto auto;
		width: 90%;
		text-align: center;
	}
	
	#sns_link li {
		display: inline-block;
	}
	
	#sns_link img {
		width: 60px;
	}
	
	#app_banner {
		width: 90%; 
		margin: 20px auto 20px auto;
	}
}

/* pc */
@media screen and ( min-width: 1100px ) { 

	/* header */

	#header_pc { 
		display: block;
		width: 1050px;
		margin: 0 auto 1.5rem auto;
		overflow: hidden;
		text-align: left;
	}
	
	/* logo */
	
	#header_pc_logo {
		margin: 0px;
		padding; 0px;
		width: 700px;
		height: 100px;
		float: left;
	}

	#header_pc_logo p {
		margin: 5px auto 0 20px;
		font-size: 12px;
	}

	#header_pc_logo img {
		width: 300px;
	}
	
	/* menu */
	
	#header_pc_menu {
		margin: 0px;
		padding: 0px;
		width: 350px;
		height: 100px;
		float: right;
	}
	
	#header_pc_menu p {
		margin: 20px 0px 10px 0px;
		padding: 0px;
		font-size: 12px;
	}

	#header_pc_menu ul {
		
	}
	
	#header_pc_menu ul li {
		display: inline-block;
	}
	
	#header_pc_menu ul li img {
		width: 100px;
	}

	
	#header_sp {
		display: none;
	}
	
	#logo_nav_open {
		display: none;
	}
	
	#nav_sp {
		display: none;
	}

	/* content */
	
	.wrap {
		width: 1100px;
		margin: 0 auto 0 auto;
		padding 0;
	}
	
	#content {
		width: 1100px;
		margin: 0 auto 0 auto;
	}
	
	/* footer */
	
	#footer {
		width: 100%;
		margin: 0 auto 0 auto;
		padding: 0;
		text-align: center;
		color: white;
	}

	#footer_info {
		background-color: #222222;
		margin: 0;
		padding: 20px;
	}
	
	#footer_menu_sp {
		display: none;
	}
	
	#footer_menu_pc {
		background-color: #222222;
		margin: 0;
		padding: 20px;
	}

	#footer_menu_pc ul {

	}

	#footer_menu_pc li {
		display: inline-block;
		border-right: 1px dotted gray;
		padding:0 10px 0 0;
		margin:0 10px 0 0;
	}

	#footer_menu_pc li:last-child {
		border: 0;
	}

	#footer_menu_pc li a {
		color: white;
		font-size: 13px;
	}

	#footer_bottom {
		font-size: 12px;
		background-color: #c90a30;
		margin: 0;
		padding: 10px;
	}
	
	/* */ 
	
	h3.midashi {
		font-size: 24px;
		font-weight: normal;
		border-left: 5px solid #236ca8;
		padding-left: 10px;
		margin: 10px 0px 10px 0px;
	}
	
	h3.midashi span	{
		margin-left: 10px;
	}
	
	#sns_link {
		margin: auto auto;
		padding: 0px;
		width: 260px;
	}
	
	#sns_link li {
		display: inline-block;
		margin: 0px;
		padding: 0px;
	}
	
	#sns_link img {
		width: 60px;
	}
	
	#app_banner {
		width: 320px;
	}
}