@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap');
/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;
	font-size: 1em;
}

html {
	font-size: 62.5%;
}

body, table, input, textarea, select, option {
	font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
}

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

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

img {
	vertical-align: top;
	max-width: 100%;
}

a,
a:link {
	color: #333;
	text-decoration: none;
}

a:visited {
	color: #333;
}

a:hover {
	color: #333;
}

a:active {
	color: #333;
}

/*------------------------------------------------------------
	書式設定
------------------------------------------------------------*/
/* テキストの位置 */
.taLeft { text-align: left !important; }
.taCenter { text-align: center !important; }
.taRight { text-align: right !important; }

/* フォントの太さ */
.fwNormal { font-weight: normal !important; }
.fwBold { font-weight: bold !important; }

/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
	* html .clearfix {
		zoom: 1;
	}

	*+html .clearfix {
		zoom: 1;
	}

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

/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
	min-width: 1000px;
	color: #333;
	font-size: 14px;
	line-height: 1.5;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	background-color: #fff;
}

body.fixed {
	position: fixed;
	width: 100%;
	height: 100%;
}

#container {
	text-align: left;
}

#main {
	margin: 0 auto 160px;
	max-width: 950px;
	position: relative;
	z-index: 10;
}

.wrapper {
	padding: 20px 0 100px;
	position: relative;
	border-bottom: 10px solid #D9EDF8;
}

.wrapper:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 375px;
	background: url("img/common/bg01.png") repeat left top;
	content: "";
	z-index: 0;
}

a[href^="tel:"] {
	cursor: default;
	pointer-events: none;
}

a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.ie8 a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.sp {
	display: none !important;
}

@media all and (max-width: 767px) {
	body {
		min-width: inherit;
		font-size: 10px;
	}

	a:hover,
	a:hover img {
		opacity: 1 !important;
	}
	
	.pc {
		display: none !important;
	}
	
	.sp {
		display: block !important;
	}
	
	a[href^="tel:"] {
		cursor: pointer;
		pointer-events: auto;
	}
	
	#main {
		margin: 0 10px;
	}
	
	.wrapper {
		padding: 0 0 180px;
		border-bottom: none;
	}

	.wrapper:before {
		display: none;
	}
}
/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#gHeader {
}

#gHeader .topTxt {
	margin: 0 auto;
	max-width: 950px;
	padding: 4px 0;
	color: #0078C5;
	font-size: 10px;
	font-weight: bold;
}

#gHeader .hInner {
	padding: 7px 0 10px;
	background: url("../img/common/bg01.png") repeat left top;
}

#gHeader .hInner > div {
	margin: 0 auto;
	max-width: 1000px;
}

#gHeader .lBox {
	float: left;
	width: 782px;
}

h1 {
	margin-bottom: 7px;
	color: #707070;
	font-size: 10px;
	font-weight: normal;
}

#gHeader .lBox .logo {
	margin-right: -5px;
	float: left;
}

#gHeader .lBox .logo a:hover {
	opacity: 1;
}

#gHeader .lBox .btnList {
	margin-top: 4px;
	float: left;
}

#gHeader .lBox .btnList li {
	margin-left: 5px;
	vertical-align: bottom;
	display: inline-block;
}

#gHeader .lBox .sns {
	margin: 12px 0 0 8px;
	padding: 2px 2px 4px;
	float: left;
	width: 127px;
	text-align: center;
	box-sizing: border-box;
	border-radius: 3px;
	border: 1px solid #005187;
	behavior: url(js/ie-css3.htc);
    position: relative;
}

#gHeader .lBox .sns p {
	margin-bottom: 4px;
	color: #005187;
	font-size: 12px;
}

#gHeader .lBox .sns li {
	margin: 0 3px;
	display: inline-block;
}

#gHeader .rBox {
	float: right;
	width: 218px;
}

#gHeader .rBox p {
	margin-bottom: 2px;
	font-size: 10px;
	line-height: 1.2;
}

#gHeader .rBox .tel {
	margin-bottom: 6px;
	color: #0078C5;
	font-size: 27px;
	line-height: 1;
	word-break: break-all;
}

#gHeader .rBox .tel img {
	margin-right: 18px;
	vertical-align: -2px;
}

#gHeader .rBox .telTxt {
	margin: 0 -2px 10px 0;
	color: #0078C5;
	font-size: 14px;
	font-weight: bold;
}

#gHeader .rBox .telTxt span {
	margin-right: 7px;
	padding: 2px 5px;
	font-size: 10px;
	color: #fff;
	font-weight: normal;
	background-color: #0078C5;
	border-radius: 10px;
	vertical-align: middle;
	behavior: url(js/ie-css3.htc);
    position: relative;
}

#gHeader .rBox .mail {
	margin: 0 -5px 0 0;
	color: #0078C5;
	font-weight: bold;
}

#gHeader .rBox .mail a {
	margin-left: 10px;
	color: #0078C5;
	font-size: 12px;
}

#gHeader .rBox .mail02 {
	margin-top: 7px;
	padding-top: 4px;
	line-height: 1.5;
	border-top: 1px dotted #005187;
}

#gHeader .rBox .mail02 a {
	margin-left: 0;
}

.ie8 #gHeader .rBox .tel {
	font-size: 26px;
	letter-spacing: -0.5px;
}

.ie8 #gHeader .rBox .tel img {
	margin-right: 12px;
}

.ie8 #gHeader .logo a:hover img {
	opacity: 1;
}

.menuBox {
	display: none;
}

#gHeader .lBox .loginBox {
	margin: 13px 0 0 10px;
	float: left;
	width: 380px;
}

#gHeader .lBox .loginBox > p {
	margin-bottom: 2px;
	color: #005187;
	font-size: 12px;
	font-weight: bold;
}

#gHeader .lBox .loginBox > div p {
	margin: 8px 0 0 0;
	float: left;
	width: 190px;
	color: #707070;
	font-size: 12px;
}

#gHeader .lBox .loginBox li {
	float: left;
	margin-left: 9px;
	width: 86px;
}

#gHeader .lBox .loginBox li a {
	padding: 7px;
	display: block;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background-color: #00A7EE;
	border-radius: 4px;
}

#gHeader .lBox .loginBox li:last-child a {
	background-color: #AAA8AA;
}

#gHeader .lBox .loginBox > div p span {
	margin-left: 8px;
	color: #F06484;
	font-size: 16px;
	font-weight: bold;
}

#gHeader.loginHeader {
	display: none;
}

.mypage #gHeader.loginHeader {
	display: block;
}

#gHeader.loginHeader .lBox .sns {
	background: url("img/common/bg01.png") repeat left top;
	border: none;
}

#gHeader.loginHeader .rBox .telTxt span {
	color: #005187;
	background-color: #fff;
}

#gHeader.loginHeader .rBox .tel {
	color: #005187;
}

#gHeader.loginHeader .rBox .telTxt {
	color: #005187;
}

#gHeader.loginHeader .rBox .mail {
	color: #005187;
}

#gHeader.loginHeader .rBox .mail a {
	color: #005187;
}
@media all and (min-width: 768px) {
	.menuBox {
		display: none !important;
	}
}

@media all and (max-width: 767px) {
	#gHeader {
		position: relative;
	}

	#gHeader .topTxt {
		padding: 4px 5px;
	}

	#gHeader .hInner {
		padding: 75px 10px 10px;
		position: relative;
		background-color: #F6F6F6;
	}

	#gHeader .lBox {
		float: none;
		width: auto;
	}

	h1 {
		margin-bottom: 0;
	}

	#gHeader .lBox .logo {
		margin-right: 0;
		float: none;
		position: absolute;
		left: 0;
		width: 100%;
		top: 0;
		text-align: center;
	}
	
	#gHeader .menu {
		position: absolute;
		right: 0;
		top: -20px;
	}
	
	.menuBox {
		display: none;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		background-color: #01A6E9;
		z-index: 100;
	}
	
	.menuBox .close {
		position: absolute;
		right: 16px;
		top: 15px;
	}

	.menuBox .btnList {
		margin: 15px auto -5px;
		padding: 0 44px 0 30px; 
		max-width: 490px;
	}

	.menuBox .btnList li {
		margin-bottom: 15px;
		float: left;
		width: 47%;
	}

	.menuBox .btnList li:nth-child(2) {
		float: right;
		width: 50.5%;
	}

	.menuBox .btnList li:last-child {
		float: none;
		width: auto;
	}
	
	.menuBox .menuList {
		margin: 0 10px 12px;
		padding: 0 20px 5px;
		background: url("img/common/line04.png") repeat-x left bottom;
		background-size: 4px auto;
	}

	.menuBox .menuList.none {
		padding-bottom: 0;
		background: none;
	}

	.menuBox .menuList li {
		margin-bottom: 9px;
	}

	.menuBox .menuList li a {
		color: #fff;
		font-size: 12px;
	}

	.menuBox .sns {
		padding: 7px 15px;
		background-color: #fff;
	}

	.menuBox .sns p {
		margin: 3px 10px 0 0;
		float: left;
		color: #005187;
		font-size: 16px;
		font-weight: bold;
	}

	.menuBox .sns ul {
		float: left;
		padding-left: 26px;
		background: url("img/common/icon02.png") no-repeat left center;
		background-size: 21px auto;
	}

	.menuBox .sns li {
		margin-left: 8px;
		display: inline-block;
	}

	.menuBox .contactList li,
	.fixBtn li {
		float: left;
		width: 33.3333%;
	}

	.menuBox .contactList li a,
	.fixBtn li a {
		padding: 6px 6px 4px;
		display: block;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		border-left: 1px solid #fff;
	}

	.menuBox .contactList li:first-child a,
	.fixBtn li:first-child a {
		border-left: none;
	}

	.menuBox .contactList li a img,
	.fixBtn li a img {
		margin: 0 auto 2px;
		display: block;
	}

	.fixBtn {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		z-index: 20;
		background-color: #F06484;
	}
	
	.menuBox .loginBox {
		padding: 28px 0 20px;
		margin: 0 30px 20px;
		border-bottom: 1px solid #fff;
	}

	.menuBox .loginBox > p {
		margin-bottom: 10px;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
	}

	.menuBox .loginBox > div p {
		float: left;
		width: 37%;
		color: #fff;
		font-size: 10px;
	}

	.menuBox .loginBox li {
		margin-top: 4px;
		float: left;
		margin-left: 2%;
		width: 24%;
	}

	.menuBox .loginBox li a {
		padding: 8px 0;
		display: block;
		color: #fff;
		font-size: 10px;
		font-weight: bold;
		text-align: center;
		background-color: #00A7EE;
		border-radius: 4px;
	}

	.menuBox .loginBox li:last-child a {
		background-color: #AAA8AA;
	}

	.menuBox .loginBox > div p > span {
		display: block;
		font-size: 16px;
		font-weight: bold;
	}
	
	.menuBox .loginBox > div p > span span {
		font-size: 12px;
	}
}

/*------------------------------------------------------------
	gNavi
------------------------------------------------------------*/
#gNavi {
	background-color: #fff;
}

#gNavi ul {
	margin: 0 auto;
	max-width: 950px;
}

#gNavi li {
	float: left;
}

#gNavi li a {
	padding: 12px 11px 15px;
	position: relative;
	display: block;
	color: #00A7EE;
	font-weight: bold;
}

#gNavi li a:after {
	margin-left: -3px;
	position: absolute;
	left: 50%;
	bottom: 2px;
	width: 0;
	height: 0;
	border: 4px solid #00A7EE;
	border-left-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	content: "";
}

#gNavi .red {
	margin-right: -8px;
}

#gNavi .red a {
	color: #fff;
	background-color: #00A7EE;
	border-radius: 5px;
}

#gNavi .red a:after {
	display: none;
}

@media all and (max-width: 767px) {
	#gNavi {
		display: none;
	}
}

/*------------------------------------------------------------
	pagePath
------------------------------------------------------------*/
#pagePath {
	margin: -10px auto 15px;
	max-width: 950px;
}

#pagePath li {
	display: inline;
	font-size: 12px;
}

#pagePath li a {
	margin-right: 4px;
	text-decoration: underline;
}

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

@media all and (max-width: 767px) {
	#pagePath {
		margin: 10px 10px 15px;
	}

	#pagePath li {
		font-size: 10px;
	}

	#pagePath li a {
		text-decoration: underline;
	}

	#pagePath li a:hover {
		text-decoration: underline;
	}
}

/*------------------------------------------------------------
	conts
------------------------------------------------------------*/
#conts {
	width: 717px;
}

@media all and (max-width: 767px) {
	#conts {
		float: none;
		width: auto;
	}
}

/*------------------------------------------------------------
	sidebar
------------------------------------------------------------*/
#sidebar {
	float: left;
	width: 218px;
}

#sidebar .sLink01 {
	margin-bottom: 45px;
	padding: 15px 10px 10px;
	background-color: #fff;
	box-shadow: 0 3px 6px rgba(0,0,0,0.15);
	border-radius: 10px;
}

#sidebar .sLink01 li:first-child {
	margin-bottom: 15px;
	padding-bottom: 10px;
	background: url("img/common/line01.png") repeat-x left bottom;
}

#sidebar .sLink01 li > p {
	margin-bottom: 5px;
	color: #015189;
	font-size: 12px;
	text-align: center;
}

#sidebar .sLink01 li a {
	display: block;
	position: relative;
}

#sidebar .sLink01 li a p {
	padding: 17px 10px 10px;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background: url("img/common/bg02.png") repeat left top;
	box-sizing: border-box;
}

#sidebar .sLink01 li a p span {
	margin-left: -60px;
	padding: 2px 10px;
	position: absolute;
	display: inline-block;
	top: -10px;
	left: 50%;
	color: #01A5E8;
	font-size: 12px;
	background-color: #fff;
	border-radius: 12px;
	behavior: url(js/ie-css3.htc);
}

#sidebar .sLink01 li:first-child a p span {
	margin-left: -55px;
}

#sidebar .sLink {
	margin: -6px -10px 40px;
}

#sidebar .sLink .linkBg img {
	margin: 0 auto;
	display: block;
}

#sidebar .sLink ul {
	padding: 0 20px 10px;
	background: url("img/common/s_link_bg02.png") no-repeat center bottom;
}

#sidebar .sLink li {
	padding-bottom: 11px;
}

#sidebar .sBox {
	margin-bottom: 65px;
}

#sidebar .sBox h2 {
	margin-bottom: 14px;
}

#sidebar h3 {
	margin-bottom: 8px;
	color: #0078C5;
}

#sidebar h3 span {
	position: relative;
	display: inline-block;
}

#sidebar h3 span:after {
	margin-top: -0.5px;
	position: absolute;
	right: -27px;
	top: 50%;
	width: 22px;
	height: 1px;
	border-top: 1px solid #005187;
	content: "";
}

#sidebar .sBox ul {
	margin-bottom: 25px;
}

#sidebar .sBox ul.last {
	margin-bottom: 0;
}

#sidebar .sBox li a {
	padding: 8px 25px 8px 10px;
	position: relative;
	display: block;
	font-size: 12px;
	background-color: #fff;
	border-bottom: 1px solid #F0F0F0;
}

#sidebar .sBox li a span {
	float: right;
	padding: 1.5px;
	width: 40px;
	color: #fff;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	display: inline-block;
	background-color: #0078C5;
	border-radius: 3px;
	box-sizing: border-box;
	behavior: url(js/ie-css3.htc);
    position: relative;
}

#sidebar .sBox li a .rank {
	background-color: #F06484;
}

#sidebar .sBox li a .sale {
	background-color: #FF003A;
}

#sidebar .sBox li a .yellow {
	padding: 3.5px 1px;
	font-size: 9px;
	letter-spacing: -0.5px;
	background-color: #EEC000;
}

#sidebar .sBox li a:after {
	margin-top: -3px;
	position: absolute;
	right: 4px;
	top: 50%;
	width: 0;
	height: 0;
	border: 3px solid #005187;
	border-top-color: transparent !important;
	border-right-color: transparent !important;
	border-bottom-color: transparent !important;
	content: "";
}

#sidebar .sNavi {
	margin-bottom: 55px;
	padding-bottom: 15px;
	background: url("img/common/line02.png") repeat-x left bottom;
}

#sidebar .sNavi li {
	margin-bottom: 10px;
}

#sidebar .sNavi li a {
	padding: 10px 17px;
	position: relative;
	display: block;
	color: #005187;
	background-color: #fff;
	border-radius: 22px;
	border: 1px solid #005187;
	behavior: url(js/ie-css3.htc);
    position: relative;
}

#sidebar .sNavi li a:after {
	margin-top: -4px;
	position: absolute;
	right: 11px;
	top: 50%;
	width: 0;
	height: 0;
	border: 4px solid #005187;
	border-top-color: transparent !important;
	border-right-color: transparent !important;
	border-bottom-color: transparent !important;
	content: "";
}

#sidebar .sBox02 {
	margin-bottom: 60px;
}

#sidebar .sBox02 h2 {
	margin-bottom: 22px;
}

#sidebar .sLinkList {
	margin-bottom: 42px;
}

#sidebar .sLinkList li {
	margin-bottom: 17px;
}

#sidebar .h3Ttl {
	margin-bottom: 0;
}

#sidebar .sList {
	margin-bottom: 20px;
}

#sidebar .sList li a {
	display: inline-block;
	font-size: 12px;
	line-height: 2;
	text-decoration: underline;
}

#sidebar .sList02 {
	margin-bottom: 30px;
}

#sidebar .logoList li {
	margin: 14px 12px 0 0;
	display: inline-block;
	vertical-align: middle;
}

#sidebar .logoList li:first-child {
	margin: 0;
	width: 100%;
}

@media all and (max-width: 767px) {
	#sidebar {
		display: none;
	}
}

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#gFooter {
	padding: 28px 0 10px;
	margin: 0 auto;
	max-width: 950px;
	position: relative;
	overflow: hidden;
}

#gFooter .fInner {
	margin-bottom: 25px;
}

#gFooter .lBox {
	float: left;
	width: 54%;
	background: url("img/common/line03.png") repeat-y right top;
}

#gFooter .lBox .ttl {
	margin-bottom: 13px;
	color: #005187;
	font-size: 16px;
	font-weight: bold;
}

#gFooter .fInner .fNavi > li {
	float: left;
	width: 160px;
}

#gFooter .fInner .fNavi > li:first-child {
	width: 188px;
}

#gFooter .fInner .fNavi > li li a {
	color: #005187;
	font-size: 12px;
	line-height: 2;
	text-decoration: underline;
}

#gFooter .fInner .rBox {
	padding: 38px 0 0 80px;
	float: right;
	width: 46%;
	box-sizing: border-box;
}

#gFooter .fInner .rBox .fNavi > li {
	width: auto;
}

#gFooter .fInner .rBox .fNavi > li:first-child {
	width: 220px;
}

#gFooter .fBox {
	position: relative;
}

#gFooter .fLogo {
	position: absolute;
	left: 0;
	top: 7px;
}

#gFooter .fLogo a:hover {
	opacity: 1;
}

.ie8 #gFooter .fLogo a:hover img {
	opacity: 1;
}

#gFooter .fLogo span {
	margin-bottom: 3px;
	display: block;
}

#gFooter .telBox {
	margin: 5px 10px 0 213px;
	float: left;
	width: 260px;
}

#gFooter .telBox p {
	margin-bottom: 2px;
	font-size: 10px;
	line-height: 1.2;
}

#gFooter .telBox .tel {
	margin-bottom: 6px;
	font-size: 28px;
	line-height: 1;
}

#gFooter .telBox .tel a {
	color: #005187;
}

#gFooter .telBox .tel img {
	margin-right: 18px;
	vertical-align: -2px;
}

#gFooter .telBox .telTxt {
	margin: 0 -2px 10px 0;
	color: #005187;
	font-size: 14px;
	font-weight: bold;
}

#gFooter .telBox .telTxt span {
	margin-right: 7px;
	padding: 2px 5px;
	font-size: 10px;
	font-weight: normal;
	background-color: #E3ECF2;
	border-radius: 10px;
	vertical-align: middle;
	behavior: url(js/ie-css3.htc);
    position: relative;
}

#gFooter .telBox .mail {
	margin-bottom: 0;
	color: #005187;
	font-weight: bold;
}

#gFooter .telBox .mail a {
	margin-left: 10px;	
	color: #005187;
	font-size: 12px;
}

#gFooter .fBox .rBox {
	float: left;
	width: 410px;
}

#gFooter .fBox .rBox p {
	margin-bottom: 4px;
	font-size: 10px;
}

#gFooter .fBox .rBox p span {
	margin-bottom: 2px;
	display: block;
	color: #005187;
	font-size: 12px;
	font-weight: bold;
}

#gFooter .fBox .rBox .copyright {
	margin-bottom: 0;
}

#gFooter .pageTop {
	position: fixed;
	z-index: 10;
	right: 3px;
	bottom: 5px;
}

@media all and (max-width: 767px) {
	#gFooter {
		padding: 30px 0 0;
		background-color: #D9EDF8;
	}

	#gFooter .fInner {
		margin: 0 10px 50px;
	}

	#gFooter .lBox {
		padding-bottom: 25px;
		float: none;
		width: auto;
		background: url("img/common/line02.png") repeat-x left bottom;
	}

	#gFooter .lBox .ttl {
		margin-bottom: 10px;
		font-size: 12px;
	}

	#gFooter .fInner .fNavi > li {
		width: 33%;
	}

	#gFooter .fInner .fNavi > li:first-child {
		width: 44%;
	}

	#gFooter .fInner .fNavi > li:last-child {
		margin-right: -1%;
		width: 24%;
	}

	#gFooter .fInner .fNavi > li li a {
		font-size: 10px;
	}

	#gFooter .fInner .rBox {
		padding: 20px 0 0;
		float: none;
		width: auto;
	}

	#gFooter .fInner .rBox .fNavi > li {
		width: auto;
	}

	#gFooter .fInner .rBox .fNavi > li:first-child {
		width: 44%;
	}

	#gFooter .fLogo {
		margin-top: 15px;
		padding: 14px 10px;
		position: static;
		left: auto;
		top: auto;
		background-color: #F6F6F6;
	}

	#gFooter .fLogo a {
		margin: 0 auto;
		max-width: 300px;
		display: block;
	}

	#gFooter .fLogo span {
		margin: 0 auto 5px;
		width: 201px;
	}

	#gFooter .telBox {
		margin: 0 auto 10px;
		float: none;
		width: 220px;
	}

	#gFooter .telBox p {
		margin-bottom: 4px;
	}

	#gFooter .telBox .telTxt span {
		background-color: rgba(0,81,135,0.11);
	}
	
	#gFooter .fBox .rBox {
		padding: 12px 10px 63px;
		float: none;
		width: auto;
		background-color: #fff;
	}
	
	#gFooter .pageTop {
		right: 0;
		bottom: 45px;
	}
}

/*------------------------------------------------------------
	common
------------------------------------------------------------*/
.en {
	font-family: 'Noto Sans JP', sans-serif;
}

.heading01 {
	margin-bottom: 17px;
	padding: 15px 25px;
	color: #333;
	font-size: 16px;
	border: 1px solid #DDD;
	border-radius: 28px;
	behavior: url(js/ie-css3.htc);
    position: relative;
}

.heading02 {
	margin-bottom: 10px;
	color: #005187;
	font-size: 16px;
	position: relative;
}

.heading02 > span {
	padding: 4px 8px 2px;
	display: inline-block;
	color: #00A7EE;
	font-size: 12px;
	border: 1px solid #00A7EE;
}

.heading02 a {
	margin-top: -10px;
	position: absolute;
	right: 0;
	top: 50%;
	color: #00A7EE;
	font-size: 12px;
	font-weight: normal;
	border-bottom: 1px solid #00A7EE;
}

.heading03 {
	margin-bottom: 40px;
	padding: 25px 10px;
	color: #00A7EE;
	font-size: 20px;
	text-align: center;
	background-color: #DAEEF8;
	border-radius: 40px;
}

.heading04 {
	margin-bottom: 20px;
	color: #005187;
	text-align: center;
}

@media all and (max-width: 767px) {
	.heading01 {
		margin-bottom: 25px;
		padding: 8px 15px;
		font-size: 12px;
		border-color: #000;
	}
		
	.heading03 {
		margin-bottom: 20px;
		padding: 20px 10px;
		font-size: 16px;
	}

	.heading04 {
		font-size: 13px;
	}
}

/*------------------------------------------------------------
	index
------------------------------------------------------------*/
#conts .mainVisual {
	margin-bottom: 75px;
	position: relative;
}

#conts .mainVisual .mainImg img {
	width: 100%;
}

#conts .mainVisual ul {
	margin: 20px -10px 0;
}

#conts .mainVisual li {
	margin: 0 10px;
	display: block !important;
	cursor: pointer;
}

#conts .mainVisual li:hover img {
	opacity: 0.7;
}

#conts .mainVisual .slick-dots {
	position: absolute;
	left: 50%;
	width: 150px;
	bottom: -30px;
	text-align: center;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

#conts .mainVisual .slick-dots li {
	margin: 0 6px;
    position: relative;
	display: inline-block !important;
	width: 7px;
	height: 7px;
    padding: 0;
    cursor: pointer;
	border-radius: 50%;
	background-color: rgba(0,167,238,0.15);
}

#conts .mainVisual .slick-dots li button {
	display: none;
}

#conts .mainVisual .foo .slick-dots li:hover,
#conts .mainVisual .foo .slick-dots li.slick-active {
	background-color: #00A7EE;
}

#conts .news {
	margin-bottom: 50px;
	background: url("img/common/line01.png") repeat-x left bottom;
}

#conts .news dt {
	float: left;
	color: #F06484;
	font-size: 12px;
}

#conts .news dd {
	padding: 0 0 12px 7.7em;
	font-size: 12px;
}

#oshirasebox #recent #scrollbar1 .viewport .overview {
	height: 90px;
	overflow-y: auto; 
	box-sizing: border-box;
}

#oshirasebox #recent #scrollbar1 .viewport .overview li dl dt {
	float: left;
	color: #F06484;
	font-size: 12px;
}

#oshirasebox #recent #scrollbar1 .viewport .overview li dl dd {
	padding: 0 0 12px 7.7em;
	font-size: 12px;
}

#conts .shopList {
	margin: 0 -5px -20px;
}

#conts .shopList li {
	margin: 0 5px 58px;
	float: left;
	width: 171px;
	text-align: center;
	box-sizing: border-box;
}

#conts .shopList .liStyle {
	margin-bottom: 37px;
	width: 353px;
}

#conts .shopList li .ttl {
	margin-bottom: 10px;
	color: #005187;
	font-size: 12px;
	font-weight: bold;
}

#conts .shopList li .photo {
	margin-bottom: 15px;
	background-color: #F5F5F5;
	border-radius: 5px;
	behavior: url(js/ie-css3.htc);
    position: relative;
}

#conts .shopList li .photo img {
	width: 100%;
	border-radius: 5px;
	behavior: url(js/ie-css3.htc);
    position: relative;
}

#conts .linkBtn {
	margin: 0 auto 70px;
	max-width: 500px;
}

#conts .linkBtn a {
	padding: 20px;
	display: block;
	position: relative;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background-color: #00A7EE;
	border-radius: 31px;
	behavior: url(js/ie-css3.htc);
    position: relative;
}

#conts .linkBtn a:after {
	margin-top: -7px;
	position: absolute;
	right: 8px;
	top: 50%;
	width: 0;
	height: 0;
	border: 6px solid #fff;
	border-top-color: transparent !important;
	border-right-color: transparent !important;
	border-bottom-color: transparent !important;
	content: "";
}

#conts .shopList li .linkBtn {
	margin-bottom: 0;
	max-width: 147px;
}

#conts .shopList li .linkBtn a {
	padding: 5px;
	font-size: 12px;
}

#conts .shopList li .linkBtn a:after {
	margin-top: -4px;
	border: 4px solid #fff;
}

#conts .linkUl {
	margin-bottom: 75px;
}

#conts .linkUl li {
	margin-bottom: 45px;
	float: left;
	width: 49.3%;
}

#conts .linkUl li a {
	display: block;
}

#conts .linkUl li a img {
	width: 100%;
}

#conts .linkUl li:first-child {
	margin-right: 1.4%;
}

#conts .linkUl .last {
	width: 100%;
}

#conts .linkUl .last a {
	padding: 0;
}

#conts .stepList {
	margin-bottom: 35px;
}

#conts .stepList li {
	margin-right: 3%;
	float: left;
	width: 14%;
}

#conts .stepList .last {
	margin-right: 0;
	width: 15%;
}

#conts .stepList li .ttl {
	margin-bottom: 4px;
	color: #333;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
}

#conts .stepList li a {
	padding: 22px 0 12px;
	display: block;
	text-align: center;
	position: relative;
	color: #0078C5;
	font-size: 12px;
	font-weight: bold;
	background-color: #F4F4F4;
}

#conts .stepList li a img {
	margin-bottom: 5px;
}

#conts .stepList li a .arrow {
	margin-bottom: 0;
	position: absolute;
	right: -19px;
	top: 0;
	height: 100%;
}

#conts .stepList li a p {
	line-height: 1.3;
	display: table;
	width: 100%;
	height: 32px;
}

#conts .stepList li a p > span {
	display: table-cell;
	vertical-align: middle;
}

#conts .stepList li a p > span span {
	padding-left: 12px;
	text-align: left;
	display: inline-block;
	background: url("img/common/icon01.png") no-repeat left center;
	background-size: 8px auto;
} 

#conts .tabBox form {
	margin-bottom: 10px;
}

#conts .tabBox {
	margin-bottom: 115px;
}

#conts .tabBox .txt {
	margin-bottom: 50px;
}

#conts .tabBox .txt > span {
	color: #0078C5;
	font-weight: bold;
}

#conts .tabBox .form {
	margin-bottom: 10px;
}

#conts .tabBox .lBox {
	margin-top: 3px;
	float: left;
	width: 27%;
}

#conts .tabBox .lBox .ttl {
	margin: 0 4px 7px;
	font-size: 15px;
	font-weight: bold;
}

#conts .tabBox .lBox .ttl span {
	padding-top: 1px;
	margin-right: 8px;
	display: inline-block;
	width: 20px;
	height: 20px;
	font-size: 13px;
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #303030;
	border-radius: 50%;
	behavior: url(js/ie-css3.htc);
    position: relative;
	vertical-align: 0;
}

#conts .tabBox .lBox .calculate {
	margin-bottom: 12px;
	padding-bottom: 30px;
	background: url("img/index/arrow02.png") no-repeat center bottom;
}

#conts .tabBox .lBox .linkBtn {
	margin: 0 -2px 0 0;
}

#conts .tabBox .lBox .linkBtn li {
	margin-bottom: 8px;
}

#conts .tabBox .lBox .linkBtn li a {
	padding: 5px;
	font-size: 12px;
}

#conts .tabBox .lBox .linkBtn li a:after {
	margin-top: -4px;
	right: 6px;
	border-width: 4px;
}

#conts .tabBox .lBox .linkBtn li:first-child a {
	padding: 4px;
	box-shadow: 0 2px 3px #CCC;
	border: 1px solid #fff;
}

#conts .tabBox .lBox .linkBtn li:first-child + li a {
	background-color: #93DAF9;
}

#conts .tabBox .rForm {
	margin-top: 7px;
	float: right;
	width: 71.6%;
}

#conts .tabBox .borTxt {
	margin-bottom: 8px;
	padding: 5px 10px 10px;
	border: 1px solid #00A7EE;
	border-radius: 3px;
	behavior: url(js/ie-css3.htc);
    position: relative;
}

#conts .tabBox .borTxt .ttl {
	display: block;
	font-size: 15px;
	font-weight: bold;
}

#conts .tabBox .borTxt .bgTxt {
	margin: 6px 8px 0 0;
	display: inline-block;
	padding: 1px 5px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	background-color: #005187;
}

#conts .tabBox .notes {
	font-size: 10px;
}

#conts .tabBox .red {
	color: #F06484;
}

/* calender
--------------------------------*/

#main #shipmentTable .cal {
	width:100%;
	height:auto;
	text-align:center;
	font-size:13px;
}
#main #shipmentTable .cal .ui-datepicker-title {
	background-color:#B9B9B9;
	border:#B9B9B9 1px solid;
	color:#FFF;
	font-weight:bold;
	padding:4px;
}
.prev {
	float:left;
	padding:3px 0 0 0;
}
.next {
	float:right;
	padding:3px 0 0 0;
}
#main #shipmentTable .cal .ui-datepicker-calendar {
	width: 100%;
	border-left:#CCC 1px solid;
	font-size:12px;
	font-weight: bold;
	line-height:19px;
	border-collapse: collapse;
}
#main #shipmentTable .cal .ui-datepicker-calendar a {
	color:#333;
	display:block;
	width:100%;
	height:100%;
}
#main #shipmentTable .cal .ui-datepicker-calendar a:hover {
	text-decoration:none;
	background-color:#EEE;
}
#main #shipmentTable .cal .ui-datepicker-calendar thead {
	border-right:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
}
#main #shipmentTable .cal .ui-datepicker-calendar thead th {
	padding-top: 1px;
	width:25px;
	text-align: center !important;
	background-color: #fff;
}
#main #shipmentTable .cal .ui-datepicker-calendar tbody td {
	padding-top: 1px;
	border-right:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
	background-color: #fff;
}
.ui-datepicker-saturday .ui-state-default {
	color: #00A0E9 !important;
}
.ui-datepicker-sunday .ui-state-default {
	color: #E60012 !important;
}
.ui-state-active {
	background: none repeat scroll 0 0 #dbdbdb !important;
}


/* table_view
--------------------------------*/
#main #shipmentTable #table_view {
	position: relative;
	width:100%;
	height:auto;
	text-align:center;
	font-size:11px;
}
#main #shipmentTable #table_view .to_day {
	position: absolute;
	left: 0;
	top:38px;
}
#main #shipmentTable #table_view th {
	line-height:1.2;
	background-color:#858585;
	color:#FFF;
	font-weight:bold;
	padding:6px 0;
	text-align:center;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
}
#main #service ul, #main #alpsGuide ul {
	padding:0 0 0 1px;
}
#main #service ul li, #main #alpsGuide ul li {
	width:238px;
	min-height:120px;
	_height:120px;
	float:left;
}
.bdrR {
	border-right:#CCC 1px dotted;
}
.bdrRB {
	border-right:#CCC 1px dotted;
	border-bottom:#CCC 1px dotted;
}
.bdrB {
	border-bottom:#CCC 1px dotted;
}
#main #service ul li a, #main #alpsGuide ul li a {
	width:238px;
	min-height:120px;
	_height:120px;
	display:block;
	position:relative;
	color:#333;
	text-decoration:none;
	background:#FFF url(/img/img_top_sp.png) no-repeat;
	/* ホバーアニメーション */
					-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
#main #service ul li a:hover, #main #alpsGuide ul li a:hover {
	background-color:#e4f7fe;
}
#main #service ul li.sp01 a {
	background-position:0 0;
}
#main #service ul li.sp02 a {
	background-position:-238px 0;
}
#main #service ul li.sp03 a {
	background-position:-476px 0;
}
#main #service ul li.sp04 a {
	background-position:0 -120px;
}
#main #service ul li.sp05 a {
	background-position:-238px -120px;
}
#main #service ul li.sp06 a {
	background-position:-476px -120px;
}
#main #alpsGuide ul li.sp01 a {
	background-position:0 -240px;
}
#main #alpsGuide ul li.sp02 a {
	background-position:-238px -240px;
}
#main #alpsGuide ul li.sp03 a {
	background-position:-476px -240px;
}
#main #alpsGuide ul li.sp04 a {
	background-position:0 -360px;
}
#main #alpsGuide ul li.sp05 a {
	background-position:-238px -360px;
}
#main #alpsGuide ul li.sp06 a {
	background-position:-476px -360px;
}
#main #alpsGuide ul li.sp07 a {
	background-position:0 -480px;
}
#main #alpsGuide ul li.sp08 a {
	background-position:-238px -480px;
}
#main #alpsGuide ul li.sp09 a {
	background-position:-476px -480px;
}
#main #alpsGuide ul li.sp10 a {
	background-image: none;
}
#main #alpsGuide ul li.sp01, #main #alpsGuide ul li.sp03 {
	width:238px;
	min-height:120px;
	background:#FFF url(/img/img_top_sp.png) no-repeat;
}
#main #alpsGuide ul li.sp01 {
	background-position:0 -240px;
}
#main #alpsGuide ul li.sp03 {
	background-position:-476px -240px;
}
#main #service ul li dl, #main #alpsGuide ul li dl {
	width:130px;
	padding:55px 0 13px 15px;
	position:relative;
	z-index:1;
}
#main #service ul li dt, #main #alpsGuide ul li dt {
	display:none;
}
#main #service ul li dd, #main #alpsGuide ul li dd {
	font-size:11px;
	line-height:1.4;
}

#conts .listBox {
	margin-bottom: 20px;
	background-color: #F5F5F5;
	border-radius: 20px;
	behavior: url(js/ie-css3.htc);
    position: relative;
}

#conts .listBox .title {
	margin-bottom: 7px;
	position: relative;
	top: -25px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

#conts .listBox .title span {
	padding: 12px 30px;
	display: inline-block;
	background-color: #F5F5F5;
	border-radius: 25px;
	behavior: url(js/ie-css3.htc);
    position: relative;
}

#conts .listBox .photo {
	margin-bottom: -18px;
	padding: 0 20px 60px;
	background: url("img/index/photo02_bg.png") no-repeat center bottom;
}

#conts .listBox .listUl {
	margin: 0 10px;
}

#conts .listBox .listUl li {
	padding: 0 10px 28px;
	float: left;
	width: 33.3333%;
	box-sizing: border-box;
}

#conts .listBox .listUl li a {
	display: block;
}

#conts .listBox .listUl li .ttl {
	font-weight: bold;
	position: relative;
	text-align: center;
	padding-bottom: 7px;
	margin: 9px 0 7px;
}

#conts .listBox .listUl li .ttl:after {
	margin-left: -15px;
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 29px;
	height: 1px;
	border-bottom: 1px solid #005187;
	content: "";
}

#conts .listBox .listUl li .txt {
	font-size: 12px;
}

#conts .listBox02 {
	margin-bottom: 115px;
}

#conts .listBox02 .title {
	margin-bottom: -5px;
}

#conts .listBox02 .listUl li {
	position: relative;
}

#conts .listBox02 .listUl li .ttl {
	position: absolute;
	left: 20px;
	top: 0;
	font-size: 12px;
	text-align: left;
}

#conts .listBox02 .listUl li .ttl:after {
	display: none;
}

#conts .listBox02 .listUl li .txt {
	margin-top: 5px;
}

#conts .caseBox {
	margin-bottom: 130px;
	padding: 0 20px 20px;
	background-color: #F5F5F5;
	border-radius: 20px;
	behavior: url(js/ie-css3.htc);
    position: relative;
}

#conts .caseBox .title {
	margin-bottom: 10px;
}

#conts .caseBox .title img {
	margin-top: -15px;
}

#conts .caseBox .heading02 {
	margin-bottom: 20px;
	color: #333;
}

#conts .caseBox .heading02 a {
	color: #333;
	border-bottom-color: #333;
}

#conts .caseBox ul {
	margin: 0 -1.5%;
}

#conts .caseBox li {
	margin: 0 1.5%;
	float: left;
	width: 30.333%;
	padding: 0 10px 25px;
	background-color: #fff;
	border-radius: 5px;
	box-sizing: border-box;
}

#conts .caseBox li .logo {
	margin-bottom: 3px;
	text-align: center;
}

#conts .caseBox li .logo img {
	height: 72px;
}

#conts .caseBox li p {
	padding: 9px 0;
	font-size: 12px;
}

#conts .caseBox li .name {
	padding: 10px 0 22px;
	color: #9F9F9F;
	background:url("img/common/line02.png") repeat-x left top;
}

#conts .caseBox li .linkBtn {
	margin-bottom: 0;
	max-width: 150px;
	background-color: #00A7EE;
	border-radius: 31px;
	behavior: url(js/ie-css3.htc);
	position: relative;
}

#conts .caseBox li .linkBtn a {
	padding: 5px;
	font-size: 12px;
}

#conts .caseBox li .linkBtn a:after {
	margin-top: -4px;
	border-width: 4px;
}

#conts .sns li {
	float: right;
	width: 343px;
}

#conts .sns li:first-child {
	float: left;
}

#conts .sns li img,
#conts .sns li iframe {
	width: 100%;
	border-radius: 5px;
	behavior: url(js/ie-css3.htc);
    position: relative;
}

.slideBox .heading02 {
	margin: 0 auto 20px;
	max-width: 950px;
	color: #333;
	text-align: center;
}

.slideBox .slideList li {
	margin: 0 10px;
	float: left;
	width: 225px !important;
}

@media all and (max-width: 767px) {
	#conts .mainVisual {
		margin: 0 -10px 17px;
		background-color: #fff;
	}

	#conts .mainVisual .mainImg {
		float: none;
		width: auto;
	}

	#conts .mainVisual ul {
		margin: 8px 8px 0;
		float: none;
		width: auto;
	}

	#conts .mainVisual li {
		margin: 0;
		padding: 10px 2px;
		box-sizing: border-box;
	}
	
	#conts .mainVisual .foo .slick-slide {
		float: left;
	}

	#conts .mainVisual .slick-dots {
		display: none !important;
	}
	
	#conts .mainVisual li:hover img {
		opacity: 1;
	}

	#conts .news {
		margin-bottom: 70px;
		padding-bottom: 5px;
	}

	#conts .news dt {
		float: none;
		font-size: 10px;
	}

	#conts .news dd {
		padding: 2px 0 6px;
		font-size: 10px;
	}

	#conts .shopList {
		margin: 0 -5px;
	}

	#conts .shopList li {
		margin: 0 !important;
		padding: 0 5px 45px !important;
		width: 50% !important;
	}

	#conts .shopList li .ttl {
		margin-bottom: 5px;
		font-size: 10px;
	}

	#conts .shopList li .photo {
		margin-bottom: 10px;
	}

	#conts .linkBtn {
		margin-bottom: 40px;
		max-width: 75%;
	}

	#conts .linkBtn a {
		padding: 10px;
		font-size: 10px;
	}

	#conts .linkBtn a:after {
		margin-top: -4px;
		right: 12px;
		border-width: 4px;
	}

	#conts .shopList li .linkBtn {
		max-width: 78%;
	}

	#conts .shopList li .linkBtn a {
		padding: 3px;
		font-size: 10px;
	}

	#conts .shopList li .linkBtn a:after {
		right: 4px;
	}

	#conts .linkUl {
		margin-bottom: 30px;
	}

	#conts .linkUl li {
		margin-bottom: 10px;
		width: 48%;
	}

	#conts .linkUl li:first-child {
		margin-right: 4%;
	}

	#conts .stepList {
		margin: -10px 0 72px;
	}

	#conts .stepList li {
		margin: 0 0 28px;
		display: flex;
		float: none;
		width: auto !important;
	}

	#conts .stepList li .ttl {
		margin-bottom: 0;
		padding: 22px 0 0 5px;
		width: 23%;
		font-size: 14px;
		text-align: left;
		box-sizing: border-box;
	}

	#conts .stepList li a {
		padding: 34px 0 0;
		width: 77%;
	}

	#conts .stepList li a img {
		margin-bottom: 0;
	}

	#conts .stepList li a .arrow {
		right: 0;
		top: auto;
		bottom: -19px;
		width: 100%;
		height: 19px;
	}

	#conts .stepList li a p {
		position: absolute;
		left: 0;
		top: 10px;
		display: block;
		height: auto;
		text-align: center;
	}

	#conts .stepList li a p > span {
		display: inherit;
	}

	#conts .stepList li:last-child a:after {
		display: block;
	}

	#conts .tabBox {
		margin-bottom: 60px;
	}

	#conts .tabBox .txt {
		margin-bottom: 30px;
		font-size: 12px;
	}

	#conts .tabBox .form {
		margin-bottom: 30px;
	}

	#conts .tabBox .lBox {
		margin-top: 0;
		float: none;
		width: auto;
	}

	#conts .tabBox .lBox .ttl {
		margin: 0 0 12px;
		font-size: 12px;
	}

	#conts .tabBox .lBox .ttl span {
		vertical-align: -1px;
	}

	#conts .tabBox .lBox .selectDate {
		margin-bottom: 27px;
		font-size: 12px;
	}

	#conts .tabBox .lBox .selectDate select {
		margin: 0 1% 0 2%;
		position: relative;
		width: 27%;
		height: 23px;
		background: #E8E8E8 url("img/index/arrow03.png") no-repeat right 5px center;
		background-size: 9px auto;
		border-radius: 20px;
		border: none;
		appearance: none;
		-webkit-appearance: none;
	}

	#conts .tabBox .lBox .selectDate select:first-child {
		margin-left: 0;
	}

	#conts .tabBox .lBox .linkBtn {
		margin: 0;
		max-width: inherit;
		font-size: 0;
	}

	#conts .tabBox .lBox .linkBtn li {
		margin-bottom: 0;
		width: 48.5%;
		display: inline-block;
	}

	#conts .tabBox .lBox .linkBtn li:first-child {
		margin-right: 3%;
	}

	#conts .tabBox .lBox .linkBtn li a {
		font-size: 10px;
	}

	#conts .tabBox .lBox .linkBtn li a:after {
		right: 3px;
	}

	#conts .tabBox .rForm {
		margin-top: 27px;
		float: none;
		width: auto;
	}

	#conts .tabBox .borTxt {
		padding: 5px 10px;
		font-size: 12px;
	}

	#conts .tabBox .borTxt .ttl {
		margin-bottom: 3px;
		font-size: 12px;
	}

	#conts .listBox {
		margin: 0 5px 100px;
	}

	#conts .listBox .title {
		margin-bottom: -13px;
		top: -17px;
		font-size: 14px;
	}

	#conts .listBox .title span {
		padding: 8px 30px;
	}

	#conts .listBox .title span .sp {
		display: inline-block !important;
	}

	#conts .listBox .photo {
		margin: 0 10px 33px;
		padding: 0;
		background: none;
	}

	#conts .listBox .photo img {
		width: 100%;
	}

	#conts .listBox .listUl {
		margin: 0 5px;
	}

	#conts .listBox .listUl li {
		padding: 0 5px 47px;
		width: 50%;
	}

	#conts .listBox .listUl li img {
		width: 100%;
	}

	#conts .listBox .listUl li:last-child,
	#conts .listBox .listUl li:nth-last-child(2){
		padding-bottom: 30px;
	}

	#conts .listBox .listUl li .ttl {
		margin: 7px 0;
		padding-bottom: 5px;
	}

	#conts .listBox .listUl li .txt {
		font-size: 10px;
	}

	#conts .listBox02 {
		margin-bottom: 60px;
	}

	#conts .listBox02 .title {
		margin-bottom: -14px;
		top: -27px;
	}

	#conts .listBox02 .listUl li {
		padding-bottom: 30px;
		float: none;
		width: auto;
		overflow: hidden;
	}

	#conts .listBox02 .listUl li:last-child {
		padding-bottom: 10px;
	}

	#conts .listBox02 .listUl li img {
		float: left;
		width: 44%;
	}

	#conts .listBox02 .listUl li .txtBox {
		padding-left: 48%;
	}

	#conts .listBox02 .listUl li .ttl {
		margin: 0;
		position: static;
		left: auto;
		top: auto;
		font-size: 10px;
		text-align: left;
	}

	#conts .listBox02 .listUl li .txt {
		margin-top: 0;
	}

	#conts .caseBox {
		margin: 0 5px 50px;
		padding: 0 10px 10px;
	}

	#conts .caseBox .heading02 {
		margin-bottom: 25px;
		font-size: 12px;
	}

	#conts .caseBox .heading02 a {
		font-size: 10px;
	}
	
	#conts .caseBox ul {
		margin: 0;
	}

	#conts .caseBox li {
		margin: 0 0 50px;
		padding-bottom: 15px;
		float: none;
		width: auto;
	}

	#conts .caseBox li:last-child {
		margin-bottom: 0;
	}

	#conts .caseBox li .logo {
		margin-bottom: 0;
	}

	#conts .caseBox li .imgBox {
		margin-bottom: 15px;
		padding-bottom: 15px;
		overflow: hidden;
		position: relative;
		background:url("img/common/line02.png") repeat-x left bottom;
	}

	#conts .caseBox li .photo {
		width: 44%;
		float: left;
	}

	#conts .caseBox li .txtBox {
		padding-left: 48%;
	}

	#conts .caseBox li p {
		padding: 0;
		font-size: 10px;
	}

	#conts .caseBox li .name {
		position: absolute;
		left: 48%;
		bottom: 15px;
		padding: 0;
		background: none;
	}

	#conts .caseBox li .linkBtn {
		max-width: 46%;
	}

	#conts .caseBox li .linkBtn a {
		padding: 4px;
		font-size: 10px;
	}

	#conts .caseBox li .linkBtn a:after {
		right: 4px;
	}

	#conts .sns {
		margin: 0 5px 20px;
	}

	#conts .sns li {
		margin-bottom: 38px;
		float: none !important;
		width: auto;
	}

	.slideBox .heading02 {
		margin: 0 15px 20px;
		font-size: 12px
	}
}

/*------------------------------------------------------------
	newslist
------------------------------------------------------------*/
.newslist_table {
	border-collapse: collapse;
}
.newslist_th {
	vertical-align: baseline;
	padding: 25px 40px 20px 5px;
}
.newslist_title {
	margin-bottom: 10px;
}
.newslist_td {
	padding-bottom: 25px;
	padding-top: 25px;
}
.newslist_tr {
	border-bottom: solid 1px #c8c8c8;
}

/* lineup
--------------------------------*/
.lineup {
	padding-bottom: 0;
}

.lineup:before {
	display: none;
}

.lineup .slideBox {
	display: none;
}

/*.lineup #sidebar .sBox {
	padding: 10px;
	background-color: #F7F7F7;
}

.lineup #sidebar .sBox h2 {
	padding-bottom: 10px;
	text-align: center;
	border-bottom: 1px solid rgba(51,51,51,0.2);
}*/

.lineup #conts .imgBox {
	margin-bottom: 120px;
}

.lineup #conts .imgBox .photoBox {
	float: left;
	width: 315px;
}

.lineup #conts .imgBox .txtBox {
	float: right;
	width: 385px;
}

.lineup #conts .imgBox .txtBox p {
	margin-bottom: 20px;
	font-size: 12px;
}

.lineup #conts .imgBox .txtBox .bgBox {
	padding: 15px;
	background-color: #F0F0F0;
	border-radius: 5px;
}

.lineup #conts .imgBox .txtBox .bgBox p {
	margin-bottom: 15px;
}

.lineup #conts .imgBox .txtBox .bgBox li {
	margin-left: 14px;
	float: left;
	width: 109px;
}

.lineup #conts .imgBox .txtBox .bgBox li:first-child {
	margin-left: 0;
}

.lineup #conts .lineList {
	margin-bottom: 70px;
	border-left: 1px solid #D6D6D6;
	border-top: 1px solid #D6D6D6;
}

.lineup #conts .lineList02 {
	margin-bottom: 200px;
}

.lineup #conts .lineList li {
	float: left;
	width: 33.333%;
}

.lineup #conts .lineList li a {
	padding: 10px 2px 15px;
	display: block;
	position: relative;
	text-align: center;
	border: 1px solid #D6D6D6;
	border-left: none;
	border-top: none;
}

.lineup #conts .lineList li a .tag {
	width: 40px;
	position: absolute;
	left: 10px;
	top: 10px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	background-color: #005187;
	border-radius: 3px;
	box-sizing: border-box;
}

.lineup #conts .lineList li a .tag02 {
	background-color: #F06484;
}

.lineup #conts .lineList li a .tag03 {
	background-color: #FF003A;
}

.lineup #conts .lineList li a .tag04 {
	font-size: 9px;
	background-color: #EEC000;
}

.lineup #conts .lineList li a .txt {
	font-size: 12px;
	font-weight: bold;
}

.lineup #conts .lineList li a .photo {
	min-height: 180px;
}

.lineup #conts .imgBox02 {
	margin: 200px 0 50px;
}

.lineup #conts .imgBox02 .txtBox .heading04 {
	margin-bottom: 10px;
	font-size: 16px;
	text-align: left;
}

@media all and (max-width: 767px) {
	.lineup #conts .imgBox {
		margin-bottom: 120px;
	}

	.lineup #conts .imgBox .photoBox {
		margin-bottom: 20px;
		float: none;
		width: auto;
		text-align: center;
	}

	.lineup #conts .imgBox .txtBox {
		float: none;
		width: auto;
	}

	.lineup #conts .imgBox .txtBox .bgBox li {
		margin-left: 2%;
		width: 32%;
	}

	.lineup #conts .lineList {
		margin-bottom: 35px;
	}

	.lineup #conts .lineList02 {
		margin-bottom: 100px;
	}

	.lineup #conts .lineList li {
		width: 50%;
	}

	.lineup #conts .lineList li a {
		padding-top: 25px;
	}

	.lineup #conts .lineList li a .photo {
		margin-bottom: 5px;
		min-height: 130px;
	}

	.lineup #conts .imgBox02 {
		margin: 100px 0 25px;
	}

	.lineup #conts .imgBox02 .txtBox .heading04 {
		font-size: 14px;
	}
}