@charset "utf-8";

/* base
------------------ */
/* reset */
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 */
body{
	color:#333;
	line-height:1.7;
	font-size:100%;/*16px*/
	font-family:Meiryo, sans-serif;
	word-break:break-all;
	border-top:3px solid #047bd9;

}

#main_wrap{
		background-color: #FFF8DA;
}

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

input,textarea{
	font-family:Meiryo, sans-serif;
}
/* リンク */
a:link{color:#0070ad;text-decoration:underline;}
a:visited{color:#865d86;text-decoration:underline;}
a:hover{color:#288ec6;text-decoration:none;}

p{margin:0 0 1.5rem 0;}
hr{border:none;border-top:1px solid #ccc;margin:3rem auto;clear:both;}
table{empty-cells:show;border:none;border-collapse:collapse;max-width:100%;}

/*テキスト関係*/
.smaller{font-size:75%;}/*12px*/
.larger{font-size:125%;}/*20px*/
.bold{font-weight:bold;}
.normal{font-weight:normal;}
.red{color:#f00;}
.gray{color:#666;}
.keyc{color:#0f5093;}
.highlight{background:-webkit-gradient(linear, left top, left bottom, from(#ffec95), to(#ffec95));background:linear-gradient(transparent 55%, #ffec95 55%);}
.en{font-family:'Gudea', sans-serif;}
.att{ color: #047bd9; font-weight:bold; }
.t_blue{color: #4b75af; font-weight: bold;}
.huge{font-size: 150%;}

/*リスト*/
li{list-style:none;}
ul.list_mark{margin-bottom:1.5rem;}
ul.list_mark li{list-style:disc;margin-left:1.5em;list-style-position:inside;}
ol.list_mark{margin-bottom:1.5rem;}
ol.list_mark li{list-style:decimal;margin-left:rem;list-style-position:inside;}
dl.dl_default{margin-bottom:1.5rem;}
dl.dl_default dt{font-weight:bold;}
dl.dl_default dd{margin-left:1em;}

/* タグ共通 */
img{border:none;max-width:100%;}

/* 汎用クラス */
/*テキスト揃え*/
.ac{text-align:center;}
.al{text-align:left;}
.ar{text-align:right;}
.vam{vertical-align:middle;}
.vat{vertical-align:top;}

/*フロート*/
.fl{float:left;}
.fr{float:right;}
.cl{clear:both;}

/*マージン*/
.ma{margin-right:auto;margin-left:auto;}
.ml{margin-left:1rem;}
.mr{margin-right:1rem;}
.mb{margin-bottom:1rem;}
.mb0{margin-bottom:0;}

.fade:hover{opacity:0.8;transition:0.2s;}


@media print, screen and (min-width: 641px){
	.tblo{
		display: block;
		text-align: center;
	}
	
}



/* header sp
------------------ */
#header_sp{
	line-height:1.0;
}

/* spロゴ */
#logo02{
	width: 50%;
	height: auto;
	float: left;
	padding:0.8rem 1rem 1rem 0.8rem; 
}

#logo02 a{

}

#logo02 img {
	min-width: 250px;

}

/* sp電話など */

#header_sp_tel {
	width: 55px;
	height: 45px;
	margin: 10px;
	padding: 5px 0px 0px 0px;
	float: right;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background:#047bd9;
}

.call_link span {
	font-size: 250%;
	color: white;
}

.mailButton {
    color: white;
    font-size: 12px;
    font-weight: bold;
    border: none;
    border-radius: 10px;
    box-shadow: 1px 2px 3px #c0c0c0;
    padding: 10px;
    margin: 0px 3px 10px 0px;
    -webkit-appearance: none;
    background-color: #0070ad;
    cursor: pointer;
}


@media print, screen and (min-width: 641px){
	#header_sp{
		display:none;
	}
	
		/* pc電話など */
	#header_pc_tel{
		float:right;
		font-size:75%;
		text-align:right;
		color:#666;
		line-height:1.5;
	}

	#header_pc_tel span:before{
		color:#0f5093;
	}
	
	#header_pc_tel span img{
		width: 240px;
		padding-top: 15px;
	}
}

/* header pc
------------------ */
#header_pc{
	display:none;
	clear: both;
}

@media print, screen and (min-width: 641px){
	#header_pc{
		display:block;
		overflow:hidden;
		padding:1rem;
		line-height:1.0;
	}

	/* pcロゴ */
	#logo01{
		float:left;
		position:relative;
	}

	#logo01 a{
		text-decoration:none;
		color:#666;
	}

	#logo01 span{
		font-size:68.75%;
		font-weight:normal;
		position:absolute;
		top:0px;
		left:80px;
	}
	
	#logo01 img {
		width: 350px;
	}
}

@media print, screen and (min-width: 1000px){
	
	#header_sp{
		display: none;
	}

	#header_pc{
		width:1000px;
		margin:0 auto;
		padding:1rem 0;
	}
	
	#logo01 img {
		width: 400px;
	}
	
	/* pc電話など */
	#header_pc_tel{

	}
	
	#header_pc_tel span img{
		width: 340px;
		padding-top: 0px;
	}
}

/* nav
------------------ */
#nav{
	text-align:center;
	line-height:1.0;
	border-top:1px solid #dadada;
}

#nav ul{
	overflow:hidden;
}

#nav li{
	float:left;
	width:49.8%;
	border-bottom:1px solid #dadada;
}

#nav li:first-child{
/*	display:none; */
}

#nav li:nth-of-type(odd){
	border-right:1px solid #dadada;
}

#nav a{
	display:block;
	text-decoration:none;
	color:#333;
	background:#fff;
	background:-moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 100%);
	background:linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
	padding: 0.9rem 0; 
	transition:0.1s;
}

#nav .en{
	display:block;
	font-size:112.5%;
	color:#047bd9;
	margin-bottom:4px;
}

#nav .nav_jp{
	display:block;
	font-size: 80%;
}

#nav li.cur a, #nav li a:hover{
	background:#047bd9;
	color:#fff;
}

#nav li.cur .en, #nav li a:hover .en{
	color:#fff;
}

#nav li img {
	display: none;
	width: 60px;
	height: 50px;
}

/* tablet */
@media print, screen and (min-width: 641px){
	#nav{
		border-top: none;
		border-bottom:1px solid #dadada;
	}

	#nav li{
		float:none;
		display:inline-block;
		width:16%;
		border-right:1px solid #fff;
		border-bottom: none;
	}
	
	#nav li:nth-of-type(odd){
		border-right:1px solid #fff;
	}

	#nav li:first-child{
		display:inline-block;
	}

	#nav a{
		background:#fff;
		border-bottom:3px solid #047bd9;
		padding:1rem 0 0.8rem 0; 
	}
	
	#nav img._off {
		display: inline;
		margin-bottom: 5px;
	}
	
	#nav img._on {
		display: none;
		margin-bottom: 5px;
	}
	
	#nav a:hover img._off {
		display: none;
	}
	
	#nav a:hover img._on {
		display: inline;
		margin-bottom: 5px;
	}
}

/* pc */
@media print, screen and (min-width: 1000px){
	#nav{
		border-top: none;
	}
	
	#nav ul {
		width:1000px;
		margin: 0 auto;
	}

	#nav li {
		width: 160px; /* 198 */
		border-right:1px solid #fff;
	}
	
	#nav li:nth-of-type(odd){
		border-right:1px solid #fff;
	}
}

/* footer_link
------------------ */
#footer_link2{
	border-top:1px solid #dadada;
}

#footer_link2 li{
	border-bottom:1px solid #eee;
}

#footer_link2 li:last-child{
	border-bottom:none;
}

#footer_link2 li a{
	display:block;
	padding:1rem;
	position:relative;
	text-decoration:none;
	color:#333;
	background-color: #ffffff;
}

#footer_link2 li a:hover{
	background:#eef8fe;
}

#footer_link2 .icon-angle-right{
	position:absolute;
	top:5%;
	right:0;
	font-size:200%;
	color:#54abef;
}

@media print, screen and (min-width: 798px){
#footer_link2{
	border-top:none;
	padding:3rem 0;
	text-align:center;
	font-size:87.5%;
}

#footer_link2 li{
	display:inline;
	border-bottom:none;
/*	border-right:1px solid #ccc; */
}

#footer_link2 li:last-child{
	border-right:none;
}

#footer_link2 li a{
	display:inline;
	padding:0 1.5rem;
	position:static;
	text-decoration:underline;
	color:#0070ad;
	background-color: #FFF8DA;
}

#footer_link2 li a:hover{
	background:none;
	text-decoration:none;
}

#footer_link2 .icon-angle-right{
	display:none;
}
}

/* footer
------------------ */
#footer{
	background:#047bd9;
	color:#b7cbdf;
	font-size:87.5%;
	padding:2rem 1rem;
	text-align:center;
}

#footer a{
	color:#fff;
}

	#tokyo_address {
		margin-bottom: 50px;
	}

	#saitama_address {

	}

/* main
------------------ */
/* 幅調整 */
@media print, screen and (min-width: 1000px){
	.wide_wrap{
		width:1000px;
		margin-left:auto;
		margin-right:auto;
	}
	
	#tokyo_address {
		width: 670px;
		float: left;
		text-align: left;
		margin-bottom: 0px;
	}

	#saitama_address {
		width: 330px;
		float: left;
		text-align: left;
	}
}

/* セクション */
.section{
	padding:3rem 1rem;
}

/* 見出し */
h1,h2,h3,h4,h5,h6{
	font-size:100%;
}


/* 大見出し*/
.h01{
	font-family:"Yu Gothic", YuGothic, Meiryo, sans-serif;
	font-size: 171.43%;
	text-align:center;
	padding: 1rem 0rem;
	
	text-shadow:1px 1px 5px rgba(0,0,0,0.6);
	color: white;
}

@media print, screen and (min-width:960px){
	.h01{
		font-size: 170%;
		padding: 1rem 0;
	}
}

/* 中見出し */
.h02{
	
	font-family:"Yu Gothic", YuGothic, Meiryo, sans-serif;
	font-size:140%;
	padding: 0 0 0 2rem;
	margin: 0 0 1rem 0;
	background:url( "http://megaprice.jp/share/img/i01.png" ) no-repeat 0 1px;
	background-position: left; 
}

@media print, screen and (min-width: 1000px){
	.h02_main{
		font-size:225%;
	}
}

/* ボタン */
a.button, input.button{
	display:inline-block;
	border-radius:5px;
	color:#fff;
	text-decoration:none;
	text-align:center;
	padding:1rem 1.4rem 0.8rem 1rem;
	transition:0.2s;
}

input.button{
	font-size:100%;
	border:none;
	cursor:pointer;
}

@media print, screen and (min-width: 641px){
	a.button, input.button{
		padding:1rem 2.4rem 0.8rem 2rem;
	}
}

/* MV */
#mv{
	line-height:1.0;
	padding:4rem 1rem;
}

@media print, screen and (min-width: 1000px){
	#mv{
		padding:5rem 0;
	}
}

/*eof*/