@charset "utf-8";
/* CSS Document */

/* ===============================================================
  00　基本情報
================================================================ */
/* リセット */
html, body {
	position: relative;
	height: 100%;
}
body {
	font-family: "Noto Sans JP", "YuGothic", "Hiragino Kaku Gothic ProN", sans-serif!important;
	font-size: 14px;
	color: #000;
	margin: 0;
	padding: 0;
	line-height:1.6;
	min-width:100%;
}
@media all and (-ms-high-contrast:none){
	body {
		font-family: "メイリオ","Noto Sans JP", "YuGothic", "Hiragino Kaku Gothic ProN", sans-serif!important;
		font-size: 14px;
		color: #000;
		margin: 0;
		padding: 0;
		line-height:1.6;
	}
}
a {
	text-decoration: none;
	/*color: #333;*/
	color: #2e6079;


}
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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    word-break: break-all;
}
textarea {
    resize: none;
}
.container {
	max-width: 980px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
}
.table {
	float: left;
    margin: 20px 0 30px;
    width:100%;
}
.row {
	margin-left: -15px;
	margin-right: -15px;
}
.panel .row {
	margin-top: 10px;
	margin-bottom:10px;
}
.row:after {
	margin: 0 auto;
	clear: both;
}
.row:before, .row:after,dl {
	content: " ";
	display: table;
}
img {
	max-width: 100%;
	height: auto;
}
li {
	list-style-type: none;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.Wrap, header, .wrapper, footer {
	float: left;
	width: 100%;
}
.main {
/* 	margin-top: 80px!important; */
	margin-top: 183px!important;

}
.main2 {
/* 	margin-top: 80px!important; */
	/*margin-top: 183px!important;*/
	margin-top: 300px!important;

}

@media (max-width: 767px) {
	.row {
		margin-left: 0px;
		margin-right: 0px;
	}
}



/* フォントサイズ */
h1, .h1 {
	font-size: 28px!important;
}
h2, .h2 {
	font-size: 24px!important;
}
h3, .h3 {
	font-size: 24px!important;
}
h4, .h4 {
	font-size: 18px!important;
}
h5, .h5 {
	font-size: 14px!important;
}
h6, .h6 {
	font-size: 12px!important;
}
/* text size*/
.strong19 {
	font-size: 19px!important;
}
.strong20 {
	font-size: 20px!important;
}
.strong24 {
	font-size: 24px!important;
}
.strong30 {
	font-size: 30px!important;
}
.small14 {
	font-size: 14px!important;
	margin-top:15px;
}
.small14.mt0 {
	margin-top:0;
}
.small16 {
	font-size: 16px!important;
}

.bold {
	font-weight: bold;
}
.underline {
	text-decoration: underline;
}
.txt-cb {
	color: #195e95;
}
.price-orange {
    color: #ff7417;
}
@media (max-width:768px) {
h1 {
	font-size:20px!important;
	width: 100%;
/* 	text-align: center; */
}
h2,h3,.ttlCategory05 {
	font-size: 20px!important;
}
.btn-01, .btn-02, .btn-04 {
	padding:5px!important;
}
.news .date {
display:block;
}
.small16 {
	font-size:14px!important;
}
h2.heading-ttl02 .fi {
    font-size: 16px!important;
    padding: 8px;
}
}
/* 表示*/
.pc {
	display: block!important;
}
.sp {
	display: none!important;
}
@media (max-width:768px) {
	.pc {
		display: none!important;
	}
	.sp {
		display: block!important;
	}
}
[type="file"] {
/* Style the color of the message that says 'No file chosen' */
  color: #878787;
}
[type="file"]::-webkit-file-upload-button {
  background: #ED1C1B;
  border: 2px solid #ED1C1B;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  outline: none;
  padding: 10px 25px;
  text-transform: uppercase;
  transition: all 1s ease;
}

[type="file"]::-webkit-file-upload-button:hover {
  background: #fff;
  border: 2px solid #535353;
  color: #000;
}
/* input */
input.search {
	width: 200px;
	height: 38px;
	border: 2px solid #d3d3d3;
	border-radius: 30px;
	padding: 0 0 0 15px;
	vertical-align: middle;
	font-size: 13px;
	color: #485972;
	outline: none;
	-webkit-border-radius: 35px;
	border-radius: 35px;
	padding-left: 35px;
}
.form-search {
	position: relative;
}
.form-search-icon {
	background-color: #195e95;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	padding-top: 5px;
	position: absolute;
	right: 6px;
	top: 4px;
}
.radio02-input {

	display: none;
}
input[type="radio"] {
	margin: 0px 5px 1px 0px;
	display: none;
}
.radio-inline {
	cursor: pointer;
}
dt .radio02-input:checked + .radio02-parts {
	color: #fff;
}
.radio02-input:checked + .radio02-parts {
	color: #195e95;
}
.radio02-parts {
	padding-left: 24px;
	position: relative;
	margin-right: 20px;
	line-height: 1.6;
	display: inline-block;
}
.radio02-parts::before {
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	left: 0;
	width: 18px;
	height: 18px;
	border: 1px solid #999;
	border-radius: 50%;
	background: #fff;
}
.radio02-input:checked + .radio02-parts::after {
	content: "";
	display: block;
	position: absolute;
	top: 6px;
	left: 3px;
	width: 12px;
	height: 12px;
	background: #195e95;
	border-radius: 50%;
}
.checkbox-inline {
	padding-left: 30px;
}
.checkbox01-parts {
    padding-left: 24px;
    position: relative;
    margin-right: 20px;
    line-height: 1.6;
}
.checkbox01-parts::before {
	position: absolute;
	content: '';
	top: 50%;
	left: 0;
	width: 18px;
	height: 18px;
	margin-top: -9px;
	background: #fff;
	border: 1px solid #ccc;
}
input[type="checkbox"] {
	display: none;
}
.radio-inline, .checkbox-inline {
	position: relative;
	display: inline-block;
	margin-bottom: 0;
	margin-top: 5px;
	vertical-align: middle;
	font-weight: normal;
	cursor: pointer;
}
.checkbox01-input:checked + .checkbox01-parts::after {
	position: absolute;
	content: '';
	top: 5px;
	left: 2px;
	width: 16px;
	height: 6px;
	border-left: 3px solid #195e95;
	border-bottom: 3px solid #195e95;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.checkbox-inline {
	padding-left: 0px!important;
	position: relative;
	margin-right: 20px;
}
.label-ttl {
	display: block;
}
.form-control {
	display: block;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857;
	color: #555555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	width: 100%;
}
textarea.form-control {
	height: auto;
}
/* お問い合わせ */
.input-info01 {
	width: 487px;
}
.input-info02 {
	width: 180px;
}
.input-info03 {
	width: 363px;
}
.input-info04 {
	width: 100px;
}
/* ===============================================================
  01 タイトル
================================================================ */
.heading-ttl01 {
	border-left: 7px solid #195e95;
	padding-left: 10px;
	margin-top: 20px;
	margin-bottom:  20px;
}
.heading-br {
	content: "";
	display: block;
	border-bottom: solid #e1e9f4;
	width: 100%;
	margin-bottom: 20px;
}
.heading-ttl02 {
	color: #195e95;
	font-weight: bold;
	margin: 10px 0;
	text-align:left;
}
.service03 .heading-ttl02 {
	padding:12px 10px;
}
.heading-ttl02 .fi {
	font-size: 28px;
	background: #195e95;
	padding: 10px;
	border-radius: 50%;
	margin-right: 8px;
}
.heading-ttl02 .fi::before {
	color: #fff;
}
h2.heading-ttl02 .fi {
	font-size: 20px;
	padding: 8px;
}
h3.heading-ttl02 .fi {
	font-size: 22px;
	padding: 8px;
}
h4.heading-ttl02 .fi {
	font-size: 18px;
	padding: 5px;
}
.heading-ttl03 {
	color: #fff;
	background: #195e95;
	padding: 10px;
}
.heading-ttl03 .fi {
	font-size: 28px;
	background: #fff;
	padding: 10px;
	border-radius: 50%;
	margin-right: 8px;
}
.heading-ttl03 .fi::before {
	color: #195e95;
}
.heading-ttl03.or .fi::before {
	color: #ffa93a;
}
.heading-ttl03.lr .fi::before {
	color: #ff5454;
}
h2.heading-ttl03 .fi {
	font-size: 26px;
	padding: 8px;
}
h3.heading-ttl03 .fi {
	font-size: 22px;
	padding: 8px;
}
h4.heading-ttl03 .fi {
	font-size: 18px;
	padding: 5px;
}
.heading-ttl04 {
	background-color: rgb(255, 206, 58);
	color: #fff;
	border-radius: 28px;
	font-weight: bold;
	text-shadow: 0px 2px 0px rgba(63, 62, 49, 0.2);
	padding: 7px 0 7px 15px;
	box-shadow: 0px 4px 0px rgba(63, 62, 49, 0.2);
	margin-bottom: 20px;
}
.heading-ttl04 .fi::before {
	color: #fff
}
.heading-ttl05 {
	background-color: #63bfef;
	color: #fff;
	border-radius: 28px;
	font-weight: bold;
	text-shadow: 0px 2px 0px rgba(63, 62, 49, 0.2);
	padding: 7px 0 7px 15px;
	box-shadow: 0px 4px 0px rgba(63, 62, 49, 0.2);
	margin-bottom: 20px;
}
.heading-ttl05 .fi::before {
	color: #fff
}
.heading-ttl06::before {
	display: inline-block;
	font-family: FontAwesome;
	content: "\f138";
	vertical-align: baseline;
	margin-right: 8px;
	color: #ffce3a;
}
.heading-ttl07::before {
	display: inline-block;
	font-family: FontAwesome;
	content: "\f138";
	vertical-align: baseline;
	margin-right: 8px;
	color: #63bfef;
}
.heading-ttl08, .heading-ttl09 {
/* 	font-size: 20px; */
	font-size: 20px!important;
	color: rgb(255, 255, 255);
	font-weight: bold;
	text-shadow: 0px 1px 0px rgba(63, 62, 49, 0.2);
	line-height: 20px;
	text-align: center;
	padding: 20px 0;
	height: 74px;
}
.heading-ttl06, .heading-ttl07 {
	font-weight:bold;
	text-align:center;
}
.heading-ttl08::before {
	content: "";
	display: inline-block;
	width: 24px;
	height: 28px;
	background-size: contain;
	background: url(../img/icon/ttl-icon01.png);
	margin-right: 8px;
	vertical-align: sub;
}
.heading-ttl09::before {
	content: "";
	display: inline-block;
	width: 24px;
	height: 28px;
	background-size: contain;
	background: url(../img/icon/ttl-icon02.png);
	margin-right: 8px;
	vertical-align: sub;
}
.heading-ttl08::after, .heading-ttl09::after {
	content: "";
	display: inline-block;
	width: 20px;
	height: 22px;
	background-size: contain;
	background: url(../img/icon/ttl-icon03.png);
	margin-left: 8px;
	vertical-align: sub;
}
.heading-ttl10 {
	font-weight: bold;
	font-size: 48px;
	color: #fff;
	text-shadow: 0px 2px 0px rgba(63, 62, 49, 0.2);
}
.heading-ttl10::before {
	display: inline-block;
	font-family: FontAwesome;
	content: "\f18e";
	vertical-align: baseline;
	margin-right: 8px;
	color: #fff;
}
/* ねこキャラ（完了画面） */
.ttl-com01 {
		font-size: 82px;
    letter-spacing: -3px;
    font-weight: 600;
    line-height: 82px;
}
.ttl-com01-1 {
		font-size: 40px;
    letter-spacing: -3px;
    font-weight: 600;
    line-height: 48px;
}
.ttl-com02 {
		font-size: 18px;
    letter-spacing: 2px;
}
.DoBox {
	background: #fffce7;
	padding: 20px 0;
}
@media (max-width: 767px) {
	.heading-ttl04 {
		background-color: rgb(255, 206, 58);
		color: #fff;
		border-radius: 28px;
		font-weight: bold;
		text-shadow: 0px 2px 0px rgba(63, 62, 49, 0.2);
		padding: 7px 0 7px 10px;
		box-shadow: 0px 4px 0px rgba(63, 62, 49, 0.2);
		margin-bottom: 20px;
	}
	.heading-ttl05 {
		background-color: #63bfef;
		color: #fff;
		border-radius: 28px;
		font-size: 24px;
		font-weight: bold;
		text-shadow: 0px 2px 0px rgba(63, 62, 49, 0.2);
		padding: 7px 0 7px 10px;
		box-shadow: 0px 4px 0px rgba(63, 62, 49, 0.2);
	}
	.heading-ttl08, .heading-ttl09 {
	/* 	font-size: 20px; */
		font-size: 20px!important;
		color: rgb(255, 255, 255);
		font-weight: bold;
		text-shadow: 0px 1px 0px rgba(63, 62, 49, 0.2);
		line-height: 20px;
		text-align: center;
		padding: 13px 0 0;
		height: 66px;
	}
	.heading-ttl01{
		margin-bottom: 5px;
	}
	.ttl-com02 {
		font-size: 16px;
	    letter-spacing: 0px;
	}
}
@media (max-width: 480px) {
	.heading-ttl08, .heading-ttl09{
		font-size: 14px!important;
	}
	.heading-ttl08::before,.heading-ttl09::before{
		width: 16px;
		height: 16px;
		background-size: cover!important;
	}
	.heading-ttl08::after, .heading-ttl09::after{
		width: 18px;
		height: 20px;
		background-size: cover!important;
	}
}


/* ===============================================================
  02 ボタン
================================================================ */
/* カテゴリボタン */
.cg-m01-md {
	display: inline-block;
	padding-left:5px!important;
	padding-right:5px!important;
	margin-bottom:5px;
}
.cg-n01-lg {
	display: inline-block;
	padding-left:5px!important;
	padding-right:5px!important;
	margin-bottom:5px;
}
.cg-n01-lg.all {
	min-width: 90px;
	font-size: 12px;
	padding: 5px 0;
	color: #fff;
	background: #ffa034;
	text-align: center;
	border-radius: 4px;
}
.cg-n01-lg.pr {
	min-width: 90px;
	font-size: 12px;
	padding: 5px 0;
	color: #fff;
	background: #ffce3a;
	text-align: center;
	border-radius: 4px;
}
.cg-n01-lg.st {
	min-width: 90px;
	font-size: 12px;
	padding: 5px 0;
	color: #fff;
	background: #63bfef;
	text-align: center;
	border-radius: 4px;
}
.cg-n01-lg.imp {
	min-width: 90px;
	font-size: 12px;
	padding: 5px 0;
	color: #fff;
	background: #ff5454;
	text-align: center;
	border-radius: 4px;
}
.cg-n01-lg.mem {
	min-width: 90px;
	font-size: 12px;
	padding: 5px 0;
	color: #fff;
	background: #97d017;
	text-align: center;
	border-radius: 4px;
}
.cg-m01-lg.pr {
	min-width: 90px;
	font-size: 16px;
	padding: 5px 0;
	color: #195e95;
	background: #ffd8e0;
	text-align: center;
	border-radius: 4px;
	border: solid #195e95 1px;
}
.cg-m01-lg.re {
	min-width: 90px;
	font-size: 16px;
	padding: 5px 0;
	color: #195e95;
	background: #ffee9f;
	text-align: center;
	border-radius: 4px;
	border: solid #195e95 1px;
}
.cg-m01-lg.op {
	min-width: 90px;
	font-size: 16px;
	padding: 5px 0;
	color: #195e95;
	background: #d0f8af;
	text-align: center;
	border-radius: 4px;
	border: solid #195e95 1px;
}
.cg-m01-lg.cl {
	min-width: 90px;
	font-size: 16px;
	padding: 5px 0;
	color: #195e95;
	background: #addfff;
	text-align: center;
	border-radius: 4px;
	border: solid #195e95 1px;
}
.cg-m01-lg.os {
	min-width: 90px;
	font-size: 16px;
	padding: 5px 0;
	color: #195e95;
	background: #abbaff;
	text-align: center;
	border-radius: 4px;
	border: solid #195e95 1px;
}
.cg-m01-lg.tg {
	min-width: 90px;
	font-size: 16px;
	padding: 5px 0;
	color: #195e95;
	background: #ffcaab;
	text-align: center;
	border-radius: 4px;
	border: solid #195e95 1px;
}
.cg-m01-md.pr {
	min-width: 90px;
	font-size: 12px;
	padding: 2px 0;
	color: #195e95;
	background: #ffd8e0;
	text-align: center;
	border-radius: 4px;
	border: solid #195e95 1px;
}
.cg-m01-md.re {
	min-width: 90px;
    font-size: 12px;
    padding: 2px 0;
    color: #195e95;
    background: #ffee9f;
    text-align: center;
    border-radius: 4px;
    border: solid #195e95 1px;
}
.cg-m01-md.op {
	min-width: 90px;
	font-size: 12px;
	padding: 2px 0;
	color: #195e95;
	background: #d0f8af;
	text-align: center;
	border-radius: 4px;
	border: solid #195e95 1px;
}
.cg-m01-md.cl {
	min-width: 90px;
    font-size: 12px;
    padding: 2px 0;
    color: #195e95;
    background: #addfff;
    text-align: center;
    border-radius: 4px;
    border: solid #195e95 1px;
}
.cg-m01-md.os {
	min-width: 90px;
    font-size: 12px;
    padding: 2px 0;
    color: #195e95;
    background: #abbaff;
    text-align: center;
    border-radius: 4px;
    border: solid #195e95 1px;
}
.cg-m01-md.tg {
	min-width: 90px;
    font-size: 12px;
    padding: 2px 0;
    color: #195e95;
    background: #ffcaab;
    text-align: center;
    border-radius: 4px;
    border: solid #195e95 1px;
}
.ttlProducts {
	font-weight:bold;
	font-size:18px;
	color: #195e95;
}
/* 固定ボタン */
.btn-f01 {
	width: 190px;
	padding: 17px 0;
	text-align: center;
	font-size: 16px;
	color: #fff;
	border-radius: 16px;
	font-weight: 600;
}
.btn-f01 a {
	color: #fff;
}
.btn-f01 .fi::before {
	color: #fff;
	font-size: 19px;
	font-size: 22px;
	margin-right: 3px;
	vertical-align: sub;
}
.btn-f01-bl {
	background: #195e95;
}
.btn-f01-lb {
	background: #3190da;
}
.btn-f01-llb {
	background: #63bfef;
}
.btn-f01-rg {
	background: #27b2bb;
}
.btn-f01-or {
	background: #ffa034;
}
.btn-f01-lr {
	background: #ff5454;
}
.btn-f01-p {
	background: #ff5490;
}
.btn-f01-yw {
	background: #ffce3a;
}
.btn-f02 {
	width: 78px;
	height: 78px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	border-radius: 16px;
	padding-top: 8px;
}
.btn-f02 .fi::before {
	color: #fff;
	font-size: 30px;
}
.btn-f02 a {
	color: #fff;
}
.btn-f02 .txt {
	width: 48px;
	display: inline-block;
	line-height: 15px;
	margin-top: 4px;
}
.btn-f02-bl {
		background: #195e95;
}
.btn-f02-lb {
	background: #3190da;
}
.btn-f02-llb {
	background: #63bfef;
}
.btn-f02-rg {
	background: #27b2bb;
}
.btn-f02-or {
	background: #ffa034;
}
.btn-f02-lr {
	background: #ff5454;
}
.btn-f02-p {
	background: #ff5490;
}
.btn-f02-yw {
	background: #ffce3a;
}
.btn-f03 {
	width: 128px;
	text-align: center;
	line-height: 22px!important;
	color: #fff;
	font-size: 10.5px;
	border-radius: 3px;
}
.btn-f03 a {
	color: #fff;
}
.btn-f03 .fi::before {
	color: #fff;
	margin-right: 3px;
}
.btn-f03-bl {
		background: #195e95;
}
.btn-f03-lb {
	background: #3190da;
}
.btn-f03-llb {
	background: #63bfef;
}
.btn-f03-rg {
	background: #27b2bb;
}
.btn-f03-or {
	background: #ffa034;
}
.btn-f03-lr {
	background: #ff5454;
}
.btn-f03-p {
	background: #ff5490;
}
.btn-f03-yw {
	background: #ffce3a;
}
/* 余白ボタン */
.btn-p01 {
	padding: 17px 20px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	border-radius: 16px;
}
.btn-p01 a {
	color: #fff;
	display:block;
}
.btn-p01 .fi::before {
	color: #fff;
	font-size: 22px;
	margin-right: 3px;
	vertical-align: sub;
}
.btn-p01-bl {
		background: #195e95;
}
.btn-p01-lb {
	background: #3190da;
}
.btn-p01-llb {
	background: #63bfef;
}
.btn-p01-rg {
	background: #27b2bb;
}
.btn-p01-or {
	background: #ffa034;
}
.btn-p01-lr {
	background: #ff5454;
}
.btn-p01-p {
	background: #ff5490;
}
.btn-p01-yw {
	background: #ffce3a;
}
.btn-p01-grey {
	background: #ccc;
}
/* 可変ボタン */
.btn-r01 {
	width: 100%;
	padding: 17px 0;
	text-align: center;
	font-size: 16px;
	color: #fff;
	border-radius: 16px;
	font-weight: 600;
}
.btn-r01 a {
	color: #fff;
}
.btn-r01 .fi::before {
	color: #fff;
	font-size: 19px;
	font-size: 22px;
	margin-right: 3px;
	vertical-align: sub;
}
.btn-r01-bl {
	background: #195e95;
}
.btn-r01-lb {
	background: #3190da;
}
.btn-r01-llb {
	background: #63bfef;
}
.btn-r01-rg {
	background: #27b2bb;
}
.btn-r01-or {
	background: #ffa034;
}
.btn-r01-lr {
	background: #ff5454;
}
.btn-r01-p {
	background: #ff5490;
}
.btn-r01-yw {
	background: #ffce3a;
}

@media (max-width: 767px) {
	.btn-p01 {
		padding: 17px 20px;
		text-align: center;
		font-size: 16px;
		color: #fff;
		border-radius: 16px;
	}
	.medi_detail .btn-p01 {
	    width:100%;
	}
	.spTopBtn {
		width:100%;
	}
	.spTopBtn a{
		text-align:center;
		float: none!important;
	}
	.ttl-com01{
		font-size:50px;
	}
}

/* ===============================================================
  03 ヘッダー・フッター
================================================================ */
/* ヘッダー */
.awe-logo {
	float: left;
	display: inline-block;
	margin-right: 15px;
	line-height: 80px;
}
.awe-hidden-text {
	display: none;
}
.menu-shopping-cart {
	position: relative;
}
.menu-shopping-cart.have-product {
	color: #ffa200 !important;
}
.header-logo {
	float: left;
    position: relative;
    top: 18px;
}
.cart-number {
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	text-align: center;
	background: url("../img/bg-cart-number.png") no-repeat center center;
	width: 20px;
	height: 20px;
	line-height: 20px;
	display: inline-block;
	position: absolute;
	top: 18px;
	right: 3px;
}
.awemenu-icon {
	font-size: 18px;
}
.menubar-search-form {
	position: absolute;
	z-index: 1000;
	top: 0;
	right: 150px;
	background: #fff;
	min-width: 500px;
	margin-top: 20px;
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	visibility: hidden;
	opacity: 0;
}
.menubar-search-form.open {
	-webkit-transform: translateY(1px);
	-ms-transform: translateY(1px);
	transform: translateY(1px);
	visibility: visible;
	opacity: 1;
}
.menubar-search-form > form {
	position: relative;

}
.menubar-search-form > form .form-control {
	border-color: #333;
}
.menubar-search-form > form .menubar-search-buttons {
	margin-right: 5px;
	margin-top: 3px;
	position: absolute;
	right: 0;
	top: 0;
}
.menubar-search-form > form .menubar-search-buttons button:hover {
	background: #f9f9f9;
}
.menubar-search-form > form .menubar-search-buttons button:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}

@media (max-width: 1199px) {
.menubar-search-form {
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	top: inherit;
	margin-top: 0;
	padding: 25px;
	min-width: 100%;
	-webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.15);
	box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.15);
}
}
.awemenu-megamenu-wrapper {
	padding: 15px;
}
.awemenu-megamenu-wrapper p {
	color: #898989;
	margin-bottom: 15px;
}
.awemenu-megamenu-wrapper .sublist {
	margin-top: 40px;
}
.awemenu-megamenu-wrapper .bottom-link {
	position: absolute;
	bottom: 40px;
}
.awemenu-megamenu-wrapper h2 {
	font-size: 25px;
	margin-top: 0;
	margin-bottom: 15px;
}
.awemenu-megamenu-wrapper ul {
	list-style: none;
	padding-left: 0;
}
.awemenu-megamenu-wrapper ul > li > a {
	color: #898989;
	padding: 10px 0;
	display: block;
}
.awemenu-megamenu-wrapper ul > li > a:hover, .awemenu-megamenu-wrapper ul > li > a:active {
	color: #ffa200;
}
.awemenu-megamenu-wrapper ul.super > li > a {
	font-size: 16px;
}

.awemenu-megamenu-wrapper .numbers-list {
	list-style: none;
	padding-left: 0;
	margin-bottom: 25px;
	overflow: hidden;
}
.awemenu-megamenu-wrapper .numbers-list > li {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}
.awemenu-megamenu-wrapper .numbers-list > li > a {
	border: solid 1px #898989;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	padding: 0;
	font-weight: 700;
	font-size: 10px;
}
.awemenu-megamenu-wrapper .numbers-list > li > a:hover {
	color: #fff;
	background-color: #ffa200;
	border-color: #ffa200;
}
.awemenu-mobile .awemenu-megamenu-wrapper .bottom-link {
	margin-top: 25px;
	position: inherit;
}
.awemenu-mobile .awemenu-megamenu-wrapper .bottom-link .btn, .awemenu-mobile .awemenu-megamenu-wrapper .bottom-link .search-submit {
	width: 100%;
	padding: auto;
}
.body-headroom .main-wrapper {
	padding-top: 80px;
}
.headroom {
	-webkit-transition: -webkit-transform 0.5s ease;
	transition: transform 0.5s ease;
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	right: 0;
}
.headroom--pinned {
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
}
.headroom--unpinned {
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}
.awemenu-active.headroom--pinned {
	-webkit-transform: none !important;
	-ms-transform: none !important;
	transform: none !important;
}
.pages-list {
	margin: 15px 0;
}
.pages-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.pages-list ul > li + li {
	margin-top: solid 1px #eee;
}
.pages-list ul a {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	font-family: Montserrat, Arial, sans-serif;
	display: block;
	padding: 5px 10px;
}
.pages-list ul a:hover {
	background: #f7f7f7;
}
.admin-bar .headroom, .admin-bar .awemenu-wp {
	top: 32px;
}
.awemenu-megamenu-item {
	padding-top: 20px;
	padding-bottom: 20px;
}
.navbar-icons, .navbar-search {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
}
.navbar-icons > li, .navbar-search > li {
	float: left;
}
.navbar-icons > li > a, .navbar-search > li > a {
	display: inline-block;
	padding: 0 15px;
	height: 80px;
	line-height: 80px;
}
.navbar-icons > li .submenu, .navbar-search > li .submenu {
	position: absolute;
	list-style: none;
	margin: 0;
	padding: 0;
	right: 0;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
	-webkit-transform: translateY(15px);
	-ms-transform: translateY(15px);
	transform: translateY(15px);
	opacity: 0;
	visibility: hidden;
	z-index: 999;
}

@media (max-width: 1200px) {
.navbar-icons > li .submenu, .navbar-search > li .submenu {
	left: 0;
	right: auto;
}
}
.navbar-icons > li:hover .submenu, .navbar-icons > li:focus .submenu, .navbar-search > li:hover .submenu, .navbar-search > li:focus .submenu {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
.navbar-search .awe-menubar-search {
	padding-right: 35px;
}
.navbar-icons {
	border-left: solid 1px #e1e1e1;
	border-right: solid 1px #e1e1e1;
}
.navbar-icons .submenu {
	right: 0;
	background: #fff;
	-webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.15);
	box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.15);
}
.navbar-icons .submenu > li {
	min-width: 250px;
}
.navbar-icons .submenu.dropdown > li > a {
	display: block;
	padding: 10px 15px;
	color: #333;
	font-family: Montserrat, Arial, sans-serif;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}
.navbar-icons .submenu.dropdown > li > a:hover, .navbar-icons .submenu.dropdown > li > a:focus {
	color: #ffa200;
}
.navbar-icons .submenu.megamenu > li {
	padding: 20px 0;
}
.navbar-header {
	float: right;
}

@media (max-width: 1199px) {
#wrapper {
	padding-top: 0 !important;
}
.awemenu-nav .container, .awemenu-nav .header-style-4 .awemenu-left .awemenu-megamenu-item > .container-fluid, .header-style-4 .awemenu-left .awemenu-nav .awemenu-megamenu-item > .container-fluid {
	width: 100%;
}
.awemenu-nav {
	position: inherit !important;
	height: auto;
}
.navbar-header {
	display: block;
	float: none;
	overflow: hidden;
	margin: 0 -15px;
	border-bottom: solid 1px #e1e1e1;
}
.navbar-search {
	float: right;
}
.navbar-search .awe-menubar-search {
	padding-right: 15px;
}
.navbar-icons {
	float: left;
}
.navbar-search, .navbar-icons {
	border-left: none;
	border-right: none;
}
.navbar-search > li > a, .navbar-icons > li > a {
	height: 45px;
	line-height: 48px;
}
.awemenu-bars {
	margin-top: 15px !important;
	color: #fff !important;
	background: #333 !important;
}
.menu-logo {
	display: none;
}
}
.menubar-account .submenu {
	width: 170px;
}
.submenu .menubar-cart, .menubar-wishlist .submenu {
	width: 250px;
}
.header-contact {
	margin-top: 13px;
	float: left;
}
.header-contact p {
	font-size: 12px;
	margin-bottom: 2px;
}
.policy-header {
	margin-top: 25px;
	margin-right: 25px;
	float: right;
}
.policy-header .policy {
	display: inline-block;
	text-align: left;
	padding-left: 25px;
	padding-right: 25px;
}
.header-top {
	border: solid 1px #e1e1e1;
}

@media (max-width: 1199px) {
.header-top .container, .header-top .header-style-4 .awemenu-left .awemenu-megamenu-item > .container-fluid, .header-style-4 .awemenu-left .header-top .awemenu-megamenu-item > .container-fluid {
	width: 100%;
}
}
.header-top .header-top-relative {
	position: relative;
	z-index: 10000;
}
.header-style-2 .navbar-search a, .header-style-1 .navbar-search a {
	font-size: 22px;
	padding-right: 15px;
}
.header-style-2 .menubar-search-form, .header-style-1 .menubar-search-form {

	margin-top: 24px;
	right: 0 !important;
}
.header-style-2 .awemenu-mobile .awemenu, .header-style-1 .awemenu-mobile .awemenu {
	z-index: 99999 !important;
}

@media (max-width: 1199px) {
.header-style-2 .navbar-search, .header-style-1 .navbar-search {
	margin-top: -45px;
}
.header-style-2 .navbar-search .menubar-search-form, .header-style-1 .navbar-search .menubar-search-form {
	margin-top: 0 !important;
}
.header-style-2 .header-contact, .header-style-2 .policy-header, .header-style-1 .header-contact, .header-style-1 .policy-header {
	display: none;
}
.header-style-2 .awemenu-nav .awe-logo, .header-style-1 .awemenu-nav .awe-logo {
	display: block;
}
.header-style-2 .navtop .awe-logo, .header-style-1 .navtop .awe-logo {
	display: none;
}
}
.header-style-1 .awemenu-nav .awe-logo {
	display: none;
}
.header-style-1 .navbar-search a {
	font-size: 22px;
	padding-right: 15px;
}
.header-style-1 .menubar-search-form {
	width: 500px !important;
}

@media (min-width: 1200px) {
.header-style-3 .navbar-search-wrapper {
	float: left;
}
}
.header-style-3 .awe-logo {
	display: none;
}
.header-style-3 .awemenu-mobile .awe-logo {
	display: block;
}
.header-style-3 .awemenu-default .awemenu {
	margin-right: 50px;
}

@media (min-width: 1200px) and (max-width: 1454px) {
.home-style-4 {
	overflow: hidden;
	margin-left: 50px;
}
}

@media (min-width: 1455px) {
.home-style-4 {
	margin-left: 256px;
}
}

@media (min-width: 1200px) {
.header-style-4 {
	position: fixed;
	width: 256px;
	z-index: 9999;
	background-color: white;
	left: 0;
	bottom: 0;
	top: 0;
	border-right: solid 1px #e1e1e1;
}
}

@media (min-width: 1200px) and (max-width: 1454px) {
.header-style-4 {
	width: 50px;
}
}
.header-style-4 .logo-small {
	display: none;
}
.header-style-4 .awe-logo {
	display: block;
	margin-right: 0;
	float: none;
	height: 80px;
	line-height: 80px;
	border-bottom: solid 1px #e1e1e1;
}
.header-style-4 .awe-logo a {
	display: block;
	text-align: center;
}

@media (min-width: 1200px) {
.header-style-4 .awemenu-bars {
	margin: 15px 0 !important;
	text-align: center;
	width: 100%;
	font-size: 22px;
}
.header-style-4 .menubar-search-form {
	right: auto !important;
	left: 100% !important;
	padding: 15px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
}

@media (max-width: 1454px) and (min-width: 1200px) {
.header-style-4 .logo-large {
	display: none;
}
.header-style-4 .logo-small {
	display: block;
	padding-left: 10px;
	padding-right: 10px;
}
}
.header-style-4 .awemenu-nav {
	height: auto;
	background-color: white;
	border-bottom: none;
}

@media (min-width: 1200px) {
.header-style-4 .navbar-icons {
	border-top: solid 1px #e1e1e1;
	border-bottom: solid 1px #e1e1e1;
	border-left: none;
	border-right: none;
}
.header-style-4 .navbar-icons, .header-style-4 .navbar-search {
	float: none;
	position: relative;
	padding-top: 15px;
	padding-bottom: 15px;
}
.header-style-4 .navbar-icons > li, .header-style-4 .navbar-search > li {
	float: none;
	display: block;
	position: static;
	text-align: center;
}
.header-style-4 .navbar-icons > li > a, .header-style-4 .navbar-search > li > a {
	height: 50px;
	line-height: 50px;
}
.header-style-4 .navbar-icons > li > ul, .header-style-4 .navbar-search > li > ul {
	top: 0;
	left: 100%;
	right: auto;
	background-color: white;
	text-align: left;
}
.header-style-4 .awe-menubar-search {
	padding-right: 15px !important;
}
.header-style-4 .awemenu-bars {
	float: none !important;
}
.header-style-4 .awemenu-mobile-outleft.awemenu-active .awemenu, .header-style-4 .awemenu-active.awemenu-mobile-default.awemenu-mobile-outright .awemenu {
	margin-left: 50px !important;
}
}

@media (max-width: 1199px) {
.header-style-4 .navbar-footer {
	border-bottom: solid 1px #e1e1e1;
}
.header-style-4 .navbar-footer:before, .header-style-4 .navbar-footer:after {
	content: " ";
	display: table;
}
.header-style-4 .navbar-footer:after {
	clear: both;
}
.header-style-4 .awemenu-bars {
	position: absolute;
	top: 0;
	right: 15px;
}
.header-style-4 .awe-logo {
	padding-left: 15px;
	padding-right: 15px;
}
.header-style-4 .awe-logo a {
	text-align: left;
}
}
.header-style-4 .awemenu-left .awemenu {
	margin-top: 15px;
	margin-bottom: 15px;
}
.header-style-4 .awemenu-left .awemenu > li.awemenu-item > a {
	height: 50px;
	line-height: 50px;
	text-align: center;
}
.awemenu-mobile-outleft .awemenu-megamenu-item [class*="col-"], .awemenu-mobile-default.awemenu-mobile-outright .awemenu-megamenu-item [class*="col-"] {
	width: 100%;
}
.awemenu-default .awemenu.awemenu-right {
	display: none;
}
.navbar-icons {
	border-right: none;
	border-left: none;
}
.menubar-cart {
	background: #ff5454;
}


.menubar-login {
	background: #ffce3a;
}
.menubar-account {
	background: #63bfef;
}
.menubar-guide {
	background: #ffa034;
}
.awemenu-nav {
	background: #d8effb;
	border-top: solid #195e95 3px;
	width: 100%;
}

/* media query */
@media(min-width:1200px) {
.navbar-icons > li, .navbar-search > li {
	float: left;
	width: 163px;
	text-align: center;
}
.navbar-icons > li > a {
	display: inline-block;
	padding: 0 15px;
	height: 49px;
	line-height: 61px;
	color: #fff;
}
.navbar-icons li a .fi::before {
	color: #fff;
}
.navbar-icons li a .awe-hidden-text {
	display: inline-block;
}
.menubar-cart {
	width: 55px!important;
	height: 55px;
	margin-left: 10px;
	border-radius: 8px;
	margin-top: 12px;
}
.menubar-cart a {
	color: #fff;
	height: inherit!important;
	line-height: 65px!important;
	padding: 0 11px!important;
	font-size: 27px;
}
.menubar-cart .awe-hidden-text {
	display: none!important;
}
.menubar-guide {
	background: url(../img/bk/tab_or.png) no-repeat;
	margin-right: 15px;
	background-size: cover;
	margin-top: 28px;
}
.menubar-account {
	background: url(../img/bk/tab_bl.png) no-repeat;
	margin-right: 15px;
	background-size: cover;
	margin-top: 28px;
}
.menubar-login {
	background: url(../img/bk/tab_yw.png) no-repeat;
	margin-right: 15px;
	background-size: cover;
	margin-top: 28px;
}
.hellowtxt-header {
	position: absolute;
	right: 90px;
	top: 5px;
	color: #195e95;
}
.hellowtxt-header .fi::before {
	color: #195e95;
}
}

/* media query */
@media(max-width:1198px) {
.awemenu-default .awemenu.awemenu-right {
	display: block;
}
.navbar-header {
	position: relative;
}
.navbar-icons {
	position: absolute;
	right: 0;
	top: 0;
	margin-top: 14px !important;
	margin-right: 20px;
}
.navbar-icons li {
	width: 55px;
	height: 55px;
	margin-left: 10px;
	border-radius: 8px;
}
.awemenu-nav li a {
	color: #fff;
	height: inherit;
	line-height: 65px;
	padding: 0 15px;
}
.awemenu-mobile-default .awemenu-bars {
	position: absolute;
	top: 0;
	right: 0;
	width: 55px;
	height: 55px;
	line-height: 55px;
	margin-top: 14px !important;
	border-radius: 8px;
}
.navbar-header {
	border-bottom: none;
}
.awemenu-container {
	background: #d8effb!important;
}
.awemenu-nav {
	position: inherit !important;
	height: 83px;
	background: #d8effb;
	border-bottom: none;
}
.menubar-wishlist, .menubar-account, .menubar-cart {
	position: relative;
}
.navbar-icons .icon {
	font-size: 27px;
}
.navbar-icons .fi::before {
	font-size: 27px;
	color: #fff;
}
.hellowtxt-header {
	display: none;
}
}

/* media query */
@media(max-width:414px) {
.awemenu-mobile-default .awemenu-bars {
	width: 45px;
	height: 45px;
	line-height: 45px;
	margin-top: 18px !important;
}
.navbar-icons li {
	width: 45px;
	height: 45px;
}
.navbar-icons {
	margin-top: 18px !important;
	margin-right: 10px;
}
.awemenu-nav li a {
	line-height: 56px;
	padding: 0 9px;
}
.awe-menubar-header {
	border-top: solid #195e95 3px;
}
input.search {
	padding-left: 8px!important;
}
}
.awemenu-nav .awemenu-container {
	position: relative;
}
/* 00スマホ表示　FIXメニュー */
.NaviIcon__items {
	display: table;
	table-layout: fixed;
	width: 100%;
	border-bottom: 1px solid #e8e7e1;
	padding-left: 0;
	margin-bottom: 0;
}


.NaviIcon__item {
	display: table-cell;
	border-right: 1px solid #e8e7e1;
	background: #fff;
	text-align: center;
	font-size: 10px;
}
.NaviIcon__item .fi::before {
	font-size: 22px;
}
.NaviIcon__link {
	display: block;
	padding: 7px 0 5px;
	white-space: nowrap;
}
.NaviIcon {
	position: fixed;
	z-index: 999;
	bottom: 0;
}
.NaviIcon__item.active {
	background: #ffce3a;
}
.NaviIcon__item.active a {
	color: #195e95;
}
.NaviIcon__item.active .fi::before {
	color: #195e95;
}
/* フッター */
footer {
	position: relative;
	background: #195e95;
	color: #fff;
	font-size: 14px;
	line-height: 34px;
	padding: 35px 0 10px;
	min-width:100%;
}
footer a {
	color: #fff;
}
.footerSiteMap .ResBox33 {
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}
.footerSiteMap-list li a img {
	width: 100%;
	height: auto;
}
.footer-copyright {
	position: relative;
	font-size: 12px;
	bottom: 0;
}
.footer-copyright p {
	position: absolute;
	bottom: 0;
}
footer h3.heading-ttlb {
	font-size: 16px!important;
	font-weight: bold!important;
	margin: 0 0 10px 0!important;
	border-bottom: 2px solid #fff!important;
	padding-bottom: 10px!important;
}
@media (max-width: 767px) {
	footer {
		position: relative;
		background: #195e95;
		color: #fff;
		font-size: 14px;
		line-height: 34px;
		padding: 35px 0 10px;
		margin-bottom: 50px;
	}
	.footer-copyright h4{
		margin-bottom: 30px;
		width: 100%;
	}
}

/* ===============================================================
  04 Box
================================================================ */
/* FixBox */
.FixBox33 {
	width: 33px;
}
/* ResBox */
.ResBox6 {
	width: 6%;
}
.ResBox10 {
	width: 10%;
}
.ResBox12 {
	width: 12%;
}
.ResBox14 {
	width: 14%;
}
.ResBox15 {
	width: 15%;
}
.ResBox20 {
	width: 20%;
}
.ResBox25 {
	width: 25%;
}
.ResBox30 {
	width: 30%;
}
.ResBox33 {
	width: 33.33333%;
}
.ResBox35 {
	width: 35%;
}
.ResBox40 {
	width: 40%;
}
.ResBox45 {
	width: 45%;
}
.ResBox50 {
	width: 50%;
}
.ResBox55 {
	width: 55%;
}
.ResBox60 {
	width: 60%;
}
.ResBox65 {
	width: 65%;
}
.ResBox68 {
	width: 68%;
}
.ResBox70 {
	width: 70%;
}
.ResBox80 {
	width: 80%;
}
.ResBox85 {
	width: 85%;
}
.ResBox100 {
	width: 100%;
}
.ResBox100_01 {
	width: 100%!important;
}
.Box .ResBox6 {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	display: table-cell;
}
.Box .ResBox10 {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
}
.Box .ResBox12 {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
}
.Box .ResBox14 {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
}
.Box .ResBox15 {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
}
.Box .ResBox20 {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
}
.Box .ResBox25 {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
}
.Box .ResBox30 {
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}
.Box .ResBox33 {
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}
.Box .ResBox35 {
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}
.Box .ResBox40 {
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}
.Box .ResBox45 {
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}
.Box .ResBox50 {
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}
.Box .ResBox55 {
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}
.Box .ResBox60 {
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}
.Box .ResBox65 {
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}
.Box .ResBox68 {
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}
.Box .ResBox70 {
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}
.Box .ResBox80 {
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}
.Box .ResBox85 {
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}
.Box .ResBox100 {
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}
.boxCase03 {
	width:100%;
}
.table-Box {
	float: left;
    width: 100%;
}
.category-Wrap01 {
	margin:20px 0;
}
.mypage {
	    margin-top: 60px;
}
@media (max-width:780px) {
	.category-Wrap01 {
	margin:5px 0;
}
}

@media (max-width:767px) {
	.Box .ResBox50.info {
		padding-left:0;
		padding-right:0;
	}
}


/* ===============================================================
  05 Margin and padding helpers
================================================================ */
/* Margin */
.margin-top-2 {
	margin-top: 2px !important;
}
.margin-5 {
	margin: 5px !important;
}
.margin-vertical-5 {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}
.margin-horizontal-5 {
	margin-left: 5px !important;
	margin-right: 5px !important;
}
.margin-top-5 {
	margin-top: 5px !important;
}
.margin-bottom-5 {
	margin-bottom: 5px !important;
}
.margin-left-5 {
	margin-left: 5px !important;
}
.margin-right-5 {
	margin-right: 5px !important;
}
/* Padding */
.padding-5 {
	padding: 5px !important;
}
.padding-vertical-5 {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
.padding-horizontal-5 {
	padding-left: 5px !important;
	padding-right: 5px !important;
}
.padding-top-5 {
	padding-top: 5px !important;
}
.padding-bottom-5 {
	padding-bottom: 5px !important;
}
.padding-left-5 {
	padding-left: 5px !important;
}
.padding-right-5 {
	padding-right: 5px !important;
}
/* Margin */
.margin-10 {
	margin: 10px !important;
}
.margin-vertical-10 {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}
.margin-horizontal-10 {
	margin-left: 10px !important;
	margin-right: 10px !important;
}
.margin-top-10 {
	margin-top: 10px !important;
}
.margin-bottom-10 {
	margin-bottom: 10px !important;
}
.margin-left-10 {
	margin-left: 10px !important;
}
.margin-right-10 {
	margin-right: 10px !important;
}
/* Padding */
.padding-10 {
	padding: 10px !important;
}
.padding-vertical-10 {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
.padding-horizontal-10 {
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.padding-top-10 {
	padding-top: 10px !important;
}
.padding-bottom-10 {
	padding-bottom: 10px !important;
}
.padding-left-10 {
	padding-left: 10px !important;
}
.padding-right-10 {
	padding-right: 10px !important;
}
/* Margin */
.margin-15 {
	margin: 15px !important;
}
.margin-vertical-15 {
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}
.margin-horizontal-15 {
	margin-left: 15px !important;
	margin-right: 15px !important;
}
.margin-top-15 {
	margin-top: 15px !important;
}
.margin-bottom-15 {
	margin-bottom: 15px !important;
}
.margin-left-15 {
	margin-left: 15px !important;
}
.margin-right-15 {
	margin-right: 15px !important;
}
/* Padding */
.padding-15 {
	padding: 15px !important;
}
.padding-vertical-15 {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}
.padding-horizontal-15 {
	padding-left: 15px !important;
	padding-right: 15px !important;
}
.padding-top-15 {
	padding-top: 15px !important;
}
.padding-bottom-15 {
	padding-bottom: 15px !important;
}
.padding-left-15 {
	padding-left: 15px !important;
}
.padding-right-15 {
	padding-right: 15px !important;
}
/* Margin */
.margin-17 {
	margin: 17px !important;
}
.margin-vertical-17 {
	margin-top: 17px !important;
	margin-bottom: 17px !important;
}
.margin-horizontal-17 {
	margin-left: 17px !important;
	margin-right: 17px !important;
}
.margin-top-17 {
	margin-top: 17px !important;
}
.margin-bottom-17 {
	margin-bottom: 17px !important;
}
.margin-left-17 {
	margin-left: 17px !important;
}
.margin-right-17 {
	margin-right: 17px !important;
}
/* Padding */
.padding-17 {
	padding: 17px !important;
}
.padding-vertical-17 {
	padding-top: 17px !important;
	padding-bottom: 17px !important;
}
.padding-horizontal-17 {
	padding-left: 17px !important;
	padding-right: 17px !important;
}
.padding-top-17 {
	padding-top: 17px !important;
}
.padding-bottom-17 {
	padding-bottom: 17px !important;
}
.padding-left-17 {
	padding-left: 17px !important;
}

.padding-right-17 {
	padding-right: 17px !important;
}
/* Margin */
.margin-20 {
	margin: 20px !important;
}
.margin-vertical-20 {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}
.margin-horizontal-20 {
	margin-left: 20px !important;
	margin-right: 20px !important;
}
.margin-top-20 {
	margin-top: 20px !important;
}
.margin-bottom-20 {
	margin-bottom: 20px !important;
}
.margin-bottom-50 {
	margin-bottom: 50px !important;
}
.margin-left-20 {
	margin-left: 20px !important;
}
.margin-right-20 {
	margin-right: 20px !important;
}

/* Padding */
.padding-20 {
	padding: 20px !important;
}
.padding-vertical-20 {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}
.padding-horizontal-20 {
	padding-left: 20px !important;
	padding-right: 20px !important;
}
.padding-top-20 {
	padding-top: 20px !important;
}
.padding-bottom-20 {
	padding-bottom: 20px !important;
}
.padding-left-20 {
	padding-left: 20px !important;
}
.padding-right-20 {
	padding-right: 20px !important;
}
/* Margin */
.margin-25 {
	margin: 25px !important;
}
.margin-vertical-25 {
	margin-top: 25px !important;
	margin-bottom: 25px !important;
}
.margin-horizontal-25 {
	margin-left: 25px !important;
	margin-right: 25px !important;
}
.margin-top-25 {
	margin-top: 25px !important;
}
.margin-bottom-25 {
	margin-bottom: 25px !important;
}
.margin-left-25 {
	margin-left: 25px !important;
}
.margin-right-25 {
	margin-right: 25px !important;
}
/* Padding */
.padding-25 {
	padding: 25px !important;
}
.padding-vertical-25 {
	padding-top: 25px !important;
	padding-bottom: 25px !important;
}
.padding-horizontal-25 {
	padding-left: 25px !important;
	padding-right: 25px !important;
}
.padding-top-25 {
	padding-top: 25px !important;
}
.padding-bottom-25 {
	padding-bottom: 25px !important;
}
.padding-left-25 {
	padding-left: 25px !important;
}
.padding-right-25 {
	padding-right: 25px !important;
}
/* Margin */
.margin-30 {
	margin: 30px !important;
}
.margin-vertical-30 {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}
.margin-horizontal-30 {
	margin-left: 30px !important;
	margin-right: 30px !important;
}
.margin-top-30 {
	margin-top: 30px !important;
}
.margin-bottom-30 {
	margin-bottom: 30px !important;
}
.margin-left-30 {
	margin-left: 30px !important;
}
.margin-right-30 {
	margin-right: 30px !important;
}
/* Padding */
.padding-30 {
	padding: 30px !important;
}
.padding-vertical-30 {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}
.padding-horizontal-30 {
	padding-left: 30px !important;
	padding-right: 30px !important;
}
.padding-top-30 {
	padding-top: 30px !important;
}
.padding-bottom-30 {
	padding-bottom: 30px !important;
}
.padding-left-30 {
	padding-left: 30px !important;
}
.padding-right-30 {
	padding-right: 30px !important;
}
/* Margin */
.margin-35 {
	margin: 35px !important;
}
.margin-vertical-35 {
	margin-top: 35px !important;
	margin-bottom: 35px !important;
}
.margin-horizontal-35 {
	margin-left: 35px !important;
	margin-right: 35px !important;
}
.margin-top-35 {
	margin-top: 35px !important;
}
.margin-bottom-35 {
	margin-bottom: 35px !important;
}
.margin-left-35 {
	margin-left: 35px !important;
}
.margin-right-35 {
	margin-right: 35px !important;
}
/* Padding */
.padding-35 {
	padding: 35px !important;
}
.padding-vertical-35 {
	padding-top: 35px !important;
	padding-bottom: 35px !important;
}
.padding-horizontal-35 {
	padding-left: 35px !important;
	padding-right: 35px !important;
}
.padding-top-35 {
	padding-top: 35px !important;
}
.padding-bottom-35 {
	padding-bottom: 35px !important;
}
.padding-left-35 {

	padding-left: 35px !important;
}
.padding-right-35 {
	padding-right: 35px !important;
}
/* Margin */
.margin-40 {
	margin: 40px !important;
}
.margin-vertical-40 {
	margin-top: 40px !important;
	margin-bottom: 40px !important;
}
.margin-horizontal-40 {
	margin-left: 40px !important;
	margin-right: 40px !important;
}
.margin-top-40 {
	margin-top: 40px !important;
}
.margin-bottom-40 {
	margin-bottom: 40px !important;
}
.margin-left-40 {
	margin-left: 40px !important;
}
.margin-right-40 {
	margin-right: 40px !important;
}
/* Padding */
.padding-40 {
	padding: 40px !important;
}
.padding-vertical-40 {
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}
.padding-horizontal-40 {
	padding-left: 40px !important;
	padding-right: 40px !important;
}
.padding-top-40 {
	padding-top: 40px !important;
}
.padding-bottom-40 {
	padding-bottom: 40px !important;
}
.padding-left-40 {
	padding-left: 40px !important;
}
.padding-right-40 {
	padding-right: 40px !important;
}
/* Margin */
.margin-45 {
	margin: 45px !important;
}
.margin-vertical-45 {
	margin-top: 45px !important;
	margin-bottom: 45px !important;
}
.margin-horizontal-45 {
	margin-left: 45px !important;
	margin-right: 45px !important;
}
.margin-top-45 {
	margin-top: 45px !important;
}
.margin-bottom-45 {
	margin-bottom: 45px !important;
}
.margin-left-45 {
	margin-left: 45px !important;
}
.margin-right-45 {
	margin-right: 45px !important;
}
/* Padding */
.padding-45 {
	padding: 45px !important;
}
.padding-vertical-45 {
	padding-top: 45px !important;
	padding-bottom: 45px !important;
}
.padding-horizontal-45 {
	padding-left: 45px !important;
	padding-right: 45px !important;
}
.padding-top-45 {
	padding-top: 45px !important;
}
.padding-bottom-45 {
	padding-bottom: 45px !important;
}
.padding-left-45 {
	padding-left: 45px !important;
}
.padding-right-45 {
	padding-right: 45px !important;
}
/* Margin */
.margin-50 {
	margin: 50px !important;
}
.margin-vertical-50 {
	margin-top: 50px !important;
	margin-bottom: 50px !important;
}
.margin-horizontal-50 {
	margin-left: 50px !important;
	margin-right: 50px !important;
}
.margin-top-50 {
	margin-top: 50px !important;
}
.margin-bottom-50 {
	margin-bottom: 50px !important;
}
.margin-left-50 {
	margin-left: 50px !important;
}
.margin-right-50 {
	margin-right: 50px !important;
}
/* Padding */
.padding-50 {
	padding: 50px !important;
}
.padding-vertical-50 {
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}
.padding-horizontal-50 {
	padding-left: 50px !important;
	padding-right: 50px !important;
}
.padding-top-50 {
	padding-top: 50px !important;
}
.padding-bottom-50 {
	padding-bottom: 50px !important;
}
.padding-left-50 {
	padding-left: 50px !important;
}
.padding-right-50 {
	padding-right: 50px !important;
}
/* Margin */
.margin-55 {
	margin: 55px !important;
}
.margin-vertical-55 {
	margin-top: 55px !important;
	margin-bottom: 55px !important;
}
.margin-horizontal-55 {
	margin-left: 55px !important;
	margin-right: 55px !important;
}
.margin-top-55 {
	margin-top: 55px !important;
}
.margin-bottom-55 {
	margin-bottom: 55px !important;
}
.margin-left-55 {
	margin-left: 55px !important;
}
.margin-right-55 {
	margin-right: 55px !important;
}
/* Padding */
.padding-55 {
	padding: 55px !important;
}
.padding-vertical-55 {
	padding-top: 55px !important;
	padding-bottom: 55px !important;
}
.padding-horizontal-55 {
	padding-left: 55px !important;
	padding-right: 55px !important;
}
.padding-top-55 {
	padding-top: 55px !important;
}
.padding-bottom-55 {
	padding-bottom: 55px !important;
}
.padding-left-55 {
	padding-left: 55px !important;
}
.padding-right-55 {
	padding-right: 55px !important;
}
/* Margin */
.margin-60 {
	margin: 60px !important;
}
.margin-vertical-60 {
	margin-top: 60px !important;
	margin-bottom: 60px !important;
}
.margin-horizontal-60 {
	margin-left: 60px !important;
	margin-right: 60px !important;
}
.margin-top-60 {
	margin-top: 60px !important;
}
.margin-bottom-60 {
	margin-bottom: 60px !important;
}
.margin-left-60 {
	margin-left: 60px !important;
}
.margin-right-60 {
	margin-right: 60px !important;
}
/* Padding */
.padding-60 {
	padding: 60px !important;
}
.padding-vertical-60 {
	padding-top: 60px !important;
	padding-bottom: 60px !important;
}
.padding-horizontal-60 {
	padding-left: 60px !important;
	padding-right: 60px !important;
}
.padding-top-60 {
	padding-top: 60px !important;
}
.padding-bottom-60 {
	padding-bottom: 60px !important;
}
.padding-left-60 {
	padding-left: 60px !important;
}
.padding-right-60 {
	padding-right: 60px !important;
}
/* Margin */
.margin-65 {
	margin: 65px !important;
}
.margin-vertical-65 {
	margin-top: 65px !important;
	margin-bottom: 65px !important;
}
.margin-horizontal-65 {
	margin-left: 65px !important;
	margin-right: 65px !important;
}
.margin-top-65 {
	margin-top: 65px !important;
}
.margin-bottom-65 {
	margin-bottom: 65px !important;
}
.margin-left-65 {
	margin-left: 65px !important;
}
.margin-right-65 {
	margin-right: 65px !important;
}
/* Padding */
.padding-65 {
	padding: 65px !important;
}
.padding-vertical-65 {
	padding-top: 65px !important;
	padding-bottom: 65px !important;
}
.padding-horizontal-65 {
	padding-left: 65px !important;
	padding-right: 65px !important;
}
.padding-top-65 {
	padding-top: 65px !important;
}
.padding-bottom-65 {
	padding-bottom: 65px !important;
}
.padding-left-65 {
	padding-left: 65px !important;
}
.padding-right-65 {
	padding-right: 65px !important;
}
/* Margin */
.margin-70 {
	margin: 70px !important;
}
.margin-vertical-70 {
	margin-top: 70px !important;
	margin-bottom: 70px !important;
}
.margin-horizontal-70 {
	margin-left: 70px !important;
	margin-right: 70px !important;
}
.margin-top-70 {
	margin-top: 70px !important;
}
.margin-bottom-70 {
	margin-bottom: 70px !important;
}
.margin-left-70 {
	margin-left: 70px !important;
}
.margin-right-70 {
	margin-right: 70px !important;
}
/* Padding */
.padding-70 {
	padding: 70px !important;
}
.padding-vertical-70 {
	padding-top: 70px !important;
	padding-bottom: 70px !important;
}
.padding-horizontal-70 {
	padding-left: 70px !important;
	padding-right: 70px !important;
}
.padding-top-70 {
	padding-top: 70px !important;
}
.padding-bottom-70 {
	padding-bottom: 70px !important;
}
.padding-left-70 {
	padding-left: 70px !important;
}
.padding-right-70 {
	padding-right: 70px !important;
}
/* Margin */
.margin-75 {
	margin: 75px !important;
}
.margin-vertical-75 {
	margin-top: 75px !important;
	margin-bottom: 75px !important;
}
.margin-horizontal-75 {
	margin-left: 75px !important;
	margin-right: 75px !important;
}
.margin-top-75 {
	margin-top: 75px !important;
}
.margin-bottom-75 {
	margin-bottom: 75px !important;
}
.margin-left-75 {
	margin-left: 75px !important;
}
.margin-right-75 {
	margin-right: 75px !important;
}
/* Padding */
.padding-75 {
	padding: 75px !important;
}
.padding-vertical-75 {
	padding-top: 75px !important;
	padding-bottom: 75px !important;
}
.padding-horizontal-75 {
	padding-left: 75px !important;
	padding-right: 75px !important;
}
.padding-top-75 {
	padding-top: 75px !important;
}
.padding-bottom-75 {
	padding-bottom: 75px !important;
}
.padding-left-75 {
	padding-left: 75px !important;
}
.padding-right-75 {
	padding-right: 75px !important;
}
/* Margin */
.margin-80 {
	margin: 80px !important;
}
.margin-vertical-80 {
	margin-top: 80px !important;
	margin-bottom: 80px !important;
}
.margin-horizontal-80 {
	margin-left: 80px !important;
	margin-right: 80px !important;
}
.margin-top-80 {
	margin-top: 80px !important;
}
.margin-bottom-80 {
	margin-bottom: 80px !important;
}
.margin-left-80 {
	margin-left: 80px !important;
}
.margin-right-80 {
	margin-right: 80px !important;
}
/* Padding */
.padding-80 {
	padding: 80px !important;
}
.padding-vertical-80 {
	padding-top: 80px !important;
	padding-bottom: 80px !important;
}
.padding-horizontal-80 {
	padding-left: 80px !important;
	padding-right: 80px !important;
}
.padding-top-80 {
	padding-top: 80px !important;
}
.padding-bottom-80 {
	padding-bottom: 80px !important;
}
.padding-left-80 {
	padding-left: 80px !important;
}
.padding-right-80 {
	padding-right: 80px !important;
}
/* Margin */
.margin-85 {
	margin: 85px !important;
}
.margin-vertical-85 {
	margin-top: 85px !important;
	margin-bottom: 85px !important;
}
.margin-horizontal-85 {
	margin-left: 85px !important;
	margin-right: 85px !important;
}
.margin-top-85 {
	margin-top: 85px !important;
}
.margin-bottom-85 {
	margin-bottom: 85px !important;
}
.margin-left-85 {
	margin-left: 85px !important;
}
.margin-right-85 {
	margin-right: 85px !important;
}
/* Padding */
.padding-85 {

	padding: 85px !important;
}
.padding-vertical-85 {
	padding-top: 85px !important;
	padding-bottom: 85px !important;
}
.padding-horizontal-85 {
	padding-left: 85px !important;
	padding-right: 85px !important;
}
.padding-top-85 {
	padding-top: 85px !important;
}
.padding-bottom-85 {
	padding-bottom: 85px !important;
}
.padding-left-85 {
	padding-left: 85px !important;
}
.padding-right-85 {
	padding-right: 85px !important;
}
/* Margin */
.margin-90 {
	margin: 90px !important;
}
.margin-vertical-90 {
	margin-top: 90px !important;
	margin-bottom: 90px !important;
}
.margin-horizontal-90 {
	margin-left: 90px !important;
	margin-right: 90px !important;
}
.margin-top-90 {
	margin-top: 90px !important;
}
.margin-bottom-90 {
	margin-bottom: 90px !important;
}
.margin-left-90 {
	margin-left: 90px !important;
}
.margin-right-90 {
	margin-right: 90px !important;
}
/* Padding */
.padding-90 {
	padding: 90px !important;
}
.padding-vertical-90 {
	padding-top: 90px !important;
	padding-bottom: 90px !important;
}
.padding-horizontal-90 {
	padding-left: 90px !important;
	padding-right: 90px !important;
}
.padding-top-90 {
	padding-top: 90px !important;
}
.padding-bottom-90 {
	padding-bottom: 90px !important;
}
.padding-left-90 {
	padding-left: 90px !important;
}
.padding-right-90 {
	padding-right: 90px !important;
}
/* Margin */
.margin-95 {
	margin: 95px !important;
}
.margin-vertical-95 {
	margin-top: 95px !important;
	margin-bottom: 95px !important;
}
.margin-horizontal-95 {
	margin-left: 95px !important;
	margin-right: 95px !important;
}
.margin-top-95 {
	margin-top: 95px !important;
}
.margin-bottom-95 {
	margin-bottom: 95px !important;
}
.margin-left-95 {
	margin-left: 95px !important;
}
.margin-right-95 {
	margin-right: 95px !important;
}
/* Padding */
.padding-95 {
	padding: 95px !important;
}
.padding-vertical-95 {
	padding-top: 95px !important;
	padding-bottom: 95px !important;
}
.padding-horizontal-95 {
	padding-left: 95px !important;
	padding-right: 95px !important;
}
.padding-top-95 {
	padding-top: 95px !important;
}
.padding-bottom-95 {
	padding-bottom: 95px !important;
}
.padding-left-95 {
	padding-left: 95px !important;
}
.padding-right-95 {
	padding-right: 95px !important;
}
/* Margin */
.margin-100 {
	margin: 100px !important;
}
.margin-vertical-100 {
	margin-top: 100px !important;
	margin-bottom: 100px !important;
}
.margin-horizontal-100 {
	margin-left: 100px !important;
	margin-right: 100px !important;
}
.margin-top-100 {
	margin-top: 100px !important;
}
.margin-bottom-100 {
	margin-bottom: 100px !important;
}
.margin-left-100 {
	margin-left: 100px !important;
}
.margin-right-100 {
	margin-right: 100px !important;
}
/* Padding */
.padding-100 {
	padding: 100px !important;
}
.padding-vertical-100 {
	padding-top: 100px !important;
	padding-bottom: 100px !important;
}
.padding-horizontal-100 {
	padding-left: 100px !important;
	padding-right: 100px !important;
}
.padding-top-100 {
	padding-top: 100px !important;
}
.padding-bottom-100 {
	padding-bottom: 100px !important;
}
.padding-left-100 {
	padding-left: 100px !important;
}
.padding-right-100 {
	padding-right: 100px !important;
}
@media (max-width:780px) {
	.margin-bottom-30 , .info:first-child{
    margin-bottom: 10px !important;
}
.margin-bottom-60 {
	margin-bottom: 20px!important;
}
.margin-bottom-20 {
margin-bottom:5px!important;
}
.news-inner {
    background: #fff;
/*     padding: 0 12px!important; */
}
}
/* ===============================================================
  06 position setting
================================================================ */
.float-l {
	float: left;
}
.float-r {
	float: right;
}
.float-n {
	float: none;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.inline {
	display: inline-block!important;
}
.block {
	display: block;
}
/* ===============================================================
  07 border setting
================================================================ */
.border-b05B {
	border-bottom: 5px solid #195e95;
}
.border-t05B {
	border-top: 5px solid #195e95;
}
.border-t06B {
	border-top: 6px solid #195e95;
}
.border-r05W {
	border-right: 5px solid #fff;
}
.item-txt dl {
	width: 100%;

	border-bottom: 1px solid #ccc;

	padding-top: 10px;

	padding-bottom: 10px;

	text-align:  left;
	margin-bottom: 20px;
}
.conf_disp {
	margin:20px auto;
}
.item-txt dt {
	color: #195e95;
}
/* ===============================================================
  08 table setting
================================================================ */
.table .table-Box li {
	/* height: 163px; */
	/* padding-top: 10px; */
	/* padding-bottom: 10px; */
	/* box-sizing: content-box; */
}
.table .table-Box h2 {
	line-height: 22px;
}
.table .table-Box li {
/* 	background: #f7faff; */
	background: #e5efff;
	padding: 10px 5px;
}
.table-ttl li {
	background: #195e95;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #fff;
}
.table-Box01 dd, .table-Box01 dt {
	margin-bottom: 5px;
}
.table-Box01 h3 {
	font-weight: bold;
	color: #0d5daa;
}
.table-contents {
	border-bottom: solid 1px #ddd;
	padding-bottom: 10px;
}
.table-ttl {
	float: left;
	width: 100%;
}
.table .table-Box01 li {
/*     background: #d1dded!important; */
    background: #b6cce8!important;
}

@media (max-width: 767px) {
	.table .table-Box li.ResBox15.spW30{
		padding:10px;
	}
}



/* ===============================================================
  09 フォントカラー
================================================================ */
.bl {
		color: #195e95;
}
.lb {
	color: #3190da;
}
.llb {
	color: #63bfef;
}
.rg {
	color: #27b2bb;
}
.or {
	color: #ffa034;
}
.lr {
	color: #ff5454;
}
.p {
	color: #ff5490;
}
.yw {
	color: #ffce3a;
}
/* ===============================================================
  10 パンくず
================================================================ */
.cd-breadcrumb, .cd-multi-steps {
	position: relative;
  padding: 22px 19px;
  border-radius: 3px;
}
.cb-breadcrumb-bl {
	background: #eaf0f7;
}
.cb-breadcrumb-yw {
	background: #fff7d8;
}
.cd-breadcrumb .btn-p01 {
	position: absolute;
	top: 4px;
	right: 19px;
}
.cd-breadcrumb:after, .cd-multi-steps:after {
  content: "";
  display: table;
  clear: both;
}
.cd-breadcrumb li, .cd-multi-steps li {
  display: inline-block;
  float: left;
}
.cd-breadcrumb li::after, .cd-multi-steps li::after {
  display: inline-block;
  content: '\00bb';
  margin: 0 .6em;
  color: #959fa5;
}
.cd-breadcrumb li:last-of-type::after, .cd-multi-steps li:last-of-type::after {
  display: none;
}
.cd-breadcrumb li > *, .cd-multi-steps li > * {
  display: inline-block;
	font-size: 14px;
}
.cd-breadcrumb li.current > *, .cd-multi-steps li.current > * {
  color: #195e95;
}
.no-touch .cd-breadcrumb a:hover, .no-touch .cd-multi-steps a:hover {
  color: #195e95;
}
.cd-breadcrumb.custom-separator li::after, .cd-multi-steps.custom-separator li::after {
  content: '';
  height: 16px;
  width: 16px;
  background: url(../img/icon_svg/cd-custom-separator.svg) no-repeat center center;
  vertical-align: middle;
}



/* ===============================================================
  11 スライダー
================================================================ */
.slick-dotted.slick-slider {
	margin-bottom: 30px;
}

.slick-dots {
	position: absolute;
	bottom: -25px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	margin: 0;
	width: 100%;
}

.slick-dots li {
	position: relative;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}

.slick-dots li button {
	border: 0;
	background: transparent;
	display: block;
	height: 20px;
	width: 20px;
	outline: none;
	line-height: 0px;
	font-size: 0px;
	color: transparent;
	padding: 5px;
	cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
	outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
	opacity: 1;
}

.slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "•";
	width: 20px;
	height: 20px;
	font-family: "slick";
	font-size: 30px;
	line-height: 20px;
	text-align: center;
	color: black;
	opacity: 0.25;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
	color: #ffa034;
	opacity: 0.75;
}

.padding-top-20 {
	padding-top: 20px;
}

/* 追加 */
@media (max-width:768px) {
	.main {
		margin-top: 300px!important;
	}
	.main2 {
		margin-top: 300px!important;
	}
	.navbar-icons{
		display: inline-block;
	    position: static;
	    float: none;
	}
	.topSpMarT{
		margin-top: 145px!important;
	}
	.main.smedi{
		margin-top: 300px!important;
	}
}


/* 追加 */
@media (max-width:768px) {
	.spBtn{
		width:90%;
		margin-bottom: 10px;
	}
}
.Innertxt img{
	margin-left:10px;
}
.Box .float-l {
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
.disFlex{
	display:flex;
	justify-content: space-between;
}
.w48{
	width:48%;
}
.w100{
	width:100%;
}
.bayBox a{
	color:#fff;
	text-decoration:underline;
}
.detailSlideBox{
	border:1px solid #ccc;
	box-sizing:border-box;
	padding: 10px;
}

/* 商品詳細スライド */
.swiper-slide {
  cursor: pointer;
}

.swiper-button-prev,
.swiper-button-next {
/*   display: none; */
}

@media (min-width: 768px) {
  .swiper-button-prev,
  .swiper-button-next {
    display: block;
  }
}

@media (max-width: 767px) {
	.Box .float-l {
		padding-left: 5px;
		padding-right: 5px;
	}
}


.detailSlideName,
.detailSlideNum,
.detailSlidePrice{
	font-size:14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.detailSlideName{
	margin-top:10px;
}
.colorBlue{
	color:#08d;
}
.colorBlue:hover{
	color:#f80;
}
.exRed{
	color:red;
}
.exOrange{
/* 	color:orange; */
/* 	color:#ff7800; */
	color:#f37200;
}
.exGreen{
	color:green;
}
.exBlack{
	color:black;
}

.searchBox{
	width:100%;
	margin-top: 10px;
	padding:0 5px;
}
.mypageSearch{
	border:1px solid #63bfef;
}
.mypageSearchTtl{
	color:#fff;
	background:#63bfef;
	padding: 5px 10px;
}
.mypageSearch2{
	border:1px solid #ffce3a;
}
.mypageSearchTtl2{
	color:#fff;
	background:#ffce3a;
	padding: 5px 10px;
}
.searchBox .input-group {
    width: 100%;
    display:table;
    padding: 1px;
}
.searchBox .input-group> input {
    border: 0;
}
.searchBox .form-control {
    display: table-cell;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    width: 100%;
}
.input-group-btn{
	display: table-cell;
	vertical-align: middle;
    font-size: 0;
    white-space: nowrap;
    width: 1%;
}
.searchBox button.stc{
	background: #63bfef;
    color: #fff;
    border: 0;
    position: relative;
    margin-right: 1px;
}
.searchBox button.pre{
	background: #ffce3a;
    color: #fff;
    border: 0;
    position: relative;
    margin-right: 1px;
}
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
@media (max-width: 767px) {
	.searchBox .ResBox50{
		width:100%;
		margin-bottom:10px;
	}
}
.boxS{
	margin-top:0;
	padding:0;
	margin-bottom: 7px;
}
.tabInBtnBox{
	width:100%;
	margin-bottom:10px;
}
.tabInBtnBox .page{
	padding: 5px 10px;
	border-radius: 8px;
	margin-bottom:10px;
}
.imgWidth{
	margin-right: 8px;
	vertical-align:middle;
}
.table .table-Box li.btn-f03-bl {
    background: #195e95;
    padding: 0px;
}
.table .table-Box li.btn-f03-lr {
    background: #ff5454;
    padding: 0px;
}
ul.left .btn-f03 a{
	text-decoration:none;
}
.userBox{
	border:1px solid #ccc;
	padding: 0 10px 10px;
}
.userBox .spanBox{
	display:block;
}
.medi_detail .btn-p01{
	margin-bottom:5px;
}
.userBoxBtn .btn-r01{
	margin-top:5px;
	padding: 10px 0;
}

@media (max-width: 767px) {
	.userBox{
		padding:10px;
	}
}


/* ヘッダーNEW */
.newHeader{
	position:fixed;
	top:0;
	z-index: 100;
    background: #fff;
    min-width:100%;
}
.newHeaderTop{
	display:flex;
	justify-content: space-between;
	align-items: center;
	margin: 5px 0;
	flex-wrap: wrap;
}
.newHeaderTop .header-logo{
	top:0;
	display:flex;
	align-items: center;
	font-size: 0!important;
}
.newHeaderCatch{
	font-size:12px;
	margin-left:10px;
}
.newHeaderTopLinkBox{
	display:flex;
}
.newHeaderTopLink{
	font-size:12px;
	margin-left: 10px;
}
.newHeaderCenter{
/* 	display:flex; */
/* 	justify-content: space-between; */
}

.newHeaderTabBox{
	position:relative;
}



.newHeaderUserNameBox{
	font-size:12px;
/* 	padding:12px 0; */
	max-width: 425px;
    text-align: right;
    overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.tabSearch {
	display: inline-block;
	transition: 0.2s;
	background:#d8effb;
	color:#4489bf;
	width:160px;
	text-align:center;
	padding:10px;
}
.tabInput {
	display: none;
}
.tabInput:checked + .tabSearch {
	z-index: 10;
/* 	background:#d8effb; */
	background:#4489bf;
	color:#fff;
}
.tabSearch:hover {
	cursor: pointer;
	background:#4489bf;
	color:#fff;
}
.tabContent {
    display: none;
    z-index: 0;
    background:#4489bf;
    width:100%;
    padding:10px;
    box-sizing:border-box;
    overflow:hidden;
}
#tabId1:checked ~ #tabId1Inner {
	display: block;
}
#tabId2:checked ~ #tabId2Inner {
	display: block;
}
.newHeaderSearchBox{
	width:35%;
	float:left;
	margin-right: 1%;
}
.newHeaderSearchBox a{
	color:#fff;
	line-height:20px;
	padding:7px 0;
	display: block;
}
.newHeaderSearchBox a:hover{
	text-decoration:underline;
}
.newHeaderSearchBox .input-group {
    width: 100%;
    display: table;
}
.newHeaderSearchBox .input-group> input {
    border: 0;
}
.newHeaderSearchBox .form-control {
    display: table-cell;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    width: 100%;
}
.newHeaderSearchBox button {
    background: #195e95;
    color: #fff;
    border: 0;
    position: relative;
    margin-right: 1px;
}
.newHeaderTabBtnBox{
	width:28%;
	float:left;
}
.newHeaderBtn{
	width:32%;
	float:left;
	margin-right:2%;
	text-align: center;
	line-height: 1.4;
}
.newHeaderBtn a{
	display:block;
/* 	height:100%; */
	color: #fff;
}
.newHeaderBtn a span:before{
	color:#fff;
}
.newHeaderBtn:nth-child(3){
	margin-right:0;
}
.newHeaderBtnTxt{
	font-size:12px;
}
@media (max-width: 1200px) {
	.newHeader{
		position:relative;
	}
}

@media (max-width: 767px) {
	.newHeaderBtn{
		width:49%;
		float:left;
		margin-right:0.5%;
		margin-left:0.5%;
		text-align: center;
		line-height: 1.4;
	}
	.newHeaderSearchBox{
		width:49%;
		float:left;
		margin-right: 0.5%;
		margin-left: 0.5%;
	}
	.newHeaderTabBtnBox{
		width:100%;
		float:left;
		margin-top: 10px;
	}
	.newHeaderSearchBox a{
		padding:0;
		font-size: 14px;
		line-height: 1;
	}
	.newHeaderBtn32{
		width:32%;
	}
}
@media (max-width: 480px) {
	.newHeaderTopLinkBox{
		display:flex;
		flex-wrap: wrap;
		margin: 10px 0;
	}
	.newHeaderTopLink{
		font-size:16px;
		margin-left: 10px;
		width: calc(50% - 10px);
		margin-bottom: 5px;
	}
}


.ResBox85 a{
	color:#195e95;
	text-decoration:none;
}
.newHeaderRegiBox{
	margin-left: 30px;
}
.newHeaderRegiBox .btn-p01{
	padding: 5px 20px;
	border-radius: 8px;
}
#anc01,
#anc02,
#anc03{
	margin-top:-170px;
	padding-top:170px;
}
.guideTb{
	width:100%;
	border:1px solid #ccc;
	box-sizing:border-box;
	display:table;
}
.guideTr{
	display:table-row;
	border-bottom: 1px solid #ccc;
    float: left;
    width: 100%;
}
.guideTr:last-child{
	border-bottom:none;
}
.guideTc1{
	display:table-cell;
	width: 20%;
    float: left;
    padding: 5px 10px;
    border-right:1px solid #ccc;
    box-sizing:border-box;
}
.guideTc2{
	display:table-cell;
	width: 40%;
    float: left;
    padding: 5px 10px;
    border-right:1px solid #ccc;
    box-sizing:border-box;
}
.guideTc3{
	display:table-cell;
	width: 40%;
    float: left;
    padding: 5px 10px;
}
.guideTc4{
	display:table-cell;
	width: 33.33%;
    float: left;
    padding: 5px 10px;
    border-right:1px solid #ccc;
    box-sizing:border-box;
}
.guideTc5{
	display:table-cell;
	width: 33.33%;
    float: left;
    padding: 5px 10px;
}
.guideTc6{
	display:table-cell;
	width: 50%;
    float: left;
    padding: 5px 10px;
    border-right:1px solid #ccc;
    box-sizing:border-box;
}
.guideTc7{
	display:table-cell;
	width: 50%;
    float: left;
    padding: 5px 10px;
}
.ttlC{
	text-align:center;
}
.info .heading-ttl02 {
	margin-bottom:0;
}
.info .news {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	padding-top: 20px;
}

.main.top {
	margin-top: 153px!important;
}
@media (max-width: 768px) {
	.main.top {
		margin-top: 145px!important;
	}
}







/* tab */
label.panel-label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  width: 160px;
  color: #00a593;
  cursor: pointer;
  background-color: #d9fffb;
  -webkit-transition-property: background-color, color;
  transition-property: background-color, color;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}
label.panel-label:hover {
  color: #fff;
  background:#00a593;
}

#panels {
  background-color: #00a593;
/*   overflow:hidden; */
}

#panels section header label.panel-label {
  padding: 12px 24px;
  box-sizing: border-box;
}
#panels section main {
  box-sizing: border-box;
  max-height: 0;
  opacity: 0;
  -webkit-transition: opacity 600ms;
  transition: opacity 600ms;
  overflow-y: hidden;
  display:block;
}

#panel-1-ctrl:checked ~ #panels #panel-1 main {
  max-height: 100%;
  opacity: 1;
  padding: 10px;
}

#panel-2-ctrl:checked ~ #panels #panel-2 main {
  max-height: 100%;
  opacity: 1;
  padding: 10px;
}

#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 {
  pointer-events: none;
  cursor: default;
  box-shadow: none;
  border-right: none;
}

#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 label.panel-label {
  background-color: #00a593;
  color: #fff;
}


#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 {
  pointer-events: none;
  cursor: default;
  box-shadow: none;
  border-right: none;
}

#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label {
  background-color: #00a593;
  color: #fff;
}



ul#tabs-list {
  display: flex;
  justify-content: left;
  list-style: none;
  text-align: center;
  margin: auto;
  padding: 0;
  text-align: center;
  width:940px;
  position:relative;
}
ul#tabs-list li {
  display: flex;
  text-align: center;
  width: 160px;
  position: relative;
}
ul#tabs-list li:hover {
  -webkit-transition: none;
  transition: none;
  border-right: none;
}

ul#tabs-list li label.panel-label {
  position: relative;
  padding: 10px;
  line-height: 1.5;
}
.newHeaderUser{
	position:absolute!important;
	right:0;
	width:600px!important;
	display:flex!important;
	align-items: center;
    height: 44px;
    justify-content: flex-end;
}
ul#tabs-list li .btn-p01{
	padding: 5px 20px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    border-radius: 8px;
    width: auto;
}


.kochira{
	font-size:16px;
	font-weight: bold;
	text-align: center;
    margin-bottom: 5px;
}
@media (max-width: 940px) {
	ul#tabs-list {
	  width:100%;
	}
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
  ul#tabs-list li{
  	width:50%;
  }
  ul#tabs-list li label{
  	width:100%;
  }
}

.btnWH{
	width:100%;
	padding:5px 0;
	border-radius: 8px;
}
.newmemberTxt{
	font-size: 18px;
	padding: 20px 40px;
	text-align: left;
	line-height: 1.6;
}
.newmemberTxt .red{
	color:#ff5454;
	font-weight: bold;
}
.newmemberTxt .blue{
	color:#195e95;
	font-weight: bold;
}
.newmemberTxt .blue a{
	color:#195e95;
	text-decoration:underline;
}
.indent{
	padding-left: 1em;
    text-indent: -1em;
    display: inline-block;
}
.contactLink{
	width:100%;
	display:inline-block;
	text-align:right;
	margin-top: 20px;
}
.contact{
	font-size:20px;
	font-weight:bold;
	text-decoration:underline;
	color:#195e95;
}
.gray{
	background: #999;
}
.mypageFs{
	font-size:10px;
	letter-spacing: -0.05em;
	padding: 5px 0;
}

/* faq */
.faqCateBox{
	border:1px solid #ccc;
	box-sizing:border-box;
	padding:10px;
	margin-bottom: 20px;
}
.faqCateTit{
	font-size: 18px!important;
}
.faqList{
	margin:10px 20px 0;
}
.faqLink{

}
.faqLink:before{
	content: "\f0da";
	font-family: FontAwesome;
}
.faqDetail{
	border:1px solid #ccc;
	box-sizing:border-box;
	margin-bottom:20px;
}
.faqDetailInner{
	padding:10px 20px;
}
.faqQcir{
	display:inline-block;
	width:30px;
	height:30px;
	background:#195e95;
	color:#fff;
	font-weight:bold;
	border-radius:50%;
	text-align:center;
	line-height:30px;
	margin-right: 5px;
}
.faqAcir{
	display:inline-block;
	width:30px;
	height:30px;
	background:#ff5454;
	color:#fff;
	font-weight:bold;
	border-radius:50%;
	text-align:center;
	line-height:30px;
	margin-right: 5px;
}
.faqQ{
	margin-bottom:10px;
}
.faqA{
	margin-bottom:10px;
}
.faqA,.faqQ{
	display:flex;
	flex-wrap: wrap;
}
.faqATxt,.faqQTxt{
	width: calc(100% - 35px);
}
.faqQTxt{
	font-size: 20px;
}
.faqAStandard{
	display:inline-block;
	background:#63bfef;
	color:#fff;
	padding: 2px 10px;
    border-radius: 5px;
    width: 240px;
    text-align: center;
    margin-bottom:5px;
}
.faqAPremium{
	display:inline-block;
	background:rgb(255, 206, 58);
	color:#fff;
	padding: 2px 10px;
    border-radius: 5px;
    width: 240px;
    text-align: center;
    margin-bottom:5px;
}
.faqDetailTit{
	padding: 10px;
    background: #eee;
}
.faqQaBox{
	border-bottom: 1px dashed #ccc;
	padding-top: 184px;
	margin-top:-174px;
}

@media (max-width: 767px) {
	.faqTopBox .ResBox50{
		width:100%;
	}
	.faqQaBox{
		border-bottom: 1px dashed #ccc;
		padding-top: 10px;
		margin-top:0px;
	}
	.faqATxt,.faqQTxt{
		width: 100%;
	}
	.faqQcir,
	.faqAcir{
		margin-bottom:5px;
	}
	.newmemberTxt{
		padding: 20px 20px;
	}
}

.medi_detail .heading-ttl01{
	color:#195e95;
}

.about-inner p{
	font-size: 20px;
	line-height: 1.6;
}
.about-inner p a{
	float:right;
	color:#00a593;
}
.about-inner p a:hover{
	text-decoration:underline;
}
.non_active_AC_btn{
	opacity:0.6 ;
}
@media (max-width: 767px) {
	.about-inner p a{
		float:right;
		color:#00a593;
		margin: 10px 0;
	}
	.about-inner p{
		font-size: 16px;
	}
}

/* flowページ追加 */
input[disabled=disabled], select[disabled=disabled]{
	border: none;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.expiration select{
	margin-bottom: 10px;
}

/* 運営者情報ページ追加 */
.infoTb{
	width:100%;
	margin-top: 20px;
}
.infoRow{
	width:100%;
	display:flex;
	flex-wrap:wrap;
}
.infoItem{
	font-size:22px!important;
	width: 25%;
	background: #ddd;
    margin-bottom: 3px;
    padding: 5px 10px;
    align-items: center;
    display: flex;
}
.infoTxt{
	font-size:22px;
	align-items: center;
    display: flex;
    width: calc(100% - 25% - 3px);
    background: #eee;
    margin-bottom: 3px;
    margin-left: 3px;
    padding: 5px 10px;
}

.infoImgBox{
	width:100%;
}
.infoImgBox img{
	width:100%;
}
.infoBtmImgBox{
	width:100%;
	margin-top:20px;
}
.infoBtmImgBox img{
	width:100%;
}
@media (max-width: 767px) {
	.infoItem{
		font-size:18px!important;
		width: 100%;
		background: #ddd;
	    margin-bottom: 3px;
	    padding: 5px 10px;
	    align-items: center;
	    display: flex;
	}
	.infoTxt{
		font-size:18px;
		align-items: center;
	    display: flex;
	    width: 100%;
	    background: #eee;
	    margin-bottom: 3px;
	    margin-left: 0px;
	    padding: 5px 10px;
	}
}

/* サイトマップ */
.sitemapTit{
	font-size: 16px!important;
	font-weight:bold;
	margin-bottom: 5px;
}
.sitemapList{
	font-size:16px;
	margin-bottom:5px;
}
.sitemapList a:hover{
	text-decoration:underline;
}
.sitemapRow .ResBox25{
	margin-bottom: 40px;
}
@media (max-width: 767px) {
	.sitemapRow .ResBox25{
		width:50%;
	}
}
@media (max-width: 480px) {
	.sitemapRow .ResBox25{
		width:100%;
	}
}

.linkUl{
	text-decoration:underline;
	color:#195e95;
}

/* ご利用ガイドページ追加 */
.txtClrP{
	color:#ffce3a;
}
.txtClrS{
	color:#63bfef;
}
.guide p a{
	text-decoration: underline;
    color: #195e95;
}
.guidePBox{
	border-top:1px dashed #ffce3a;
	border-bottom:1px dashed #ffce3a;
	padding:10px 0;
}
.guideSBox{
	border-top:1px dashed #63bfef;
	border-bottom:1px dashed #63bfef;
	padding:10px 0;
}
.guideBuy::before {
    display: inline-block;
    font-family: FontAwesome;
    content: "\f138";
    vertical-align: baseline;
    margin-right: 5px;
    color: #27b2bb;
}
.guideSale::before {
    display: inline-block;
    font-family: FontAwesome;
    content: "\f138";
    vertical-align: baseline;
    margin-right: 5px;
    color: #ff5454;
}
.guideFS20{
	font-size: 20px;
}
.courseTit1{
	color:rgb(68, 137, 191);
	text-align:center;
	font-weight:bold;
	font-size: 28px!important;
}
.courseTit2{
	color:#fff;
	position:relative;
	background:rgb(68, 137, 191);
	text-align:center;
	height: 48px;
    line-height: 48px;
    font-size: 22px;
    margin:0 auto 20px;
    width:50%;
    font-weight:bold;
}
.courseTit2:before{
	content:"";
	display:block;
	position:absolute;
	top:7px;
	left:-17px;
	width:34px;
	height:34px;
	background:rgb(68, 137, 191);
	-webkit-transform:rotate(45deg);
	z-index: -1;
}
.courseTit2:after{
	content:"";
	display:block;
	position:absolute;
	top:7px;
	right:-17px;
	width:34px;
	height:34px;
	background:rgb(68, 137, 191);
	-webkit-transform:rotate(45deg);
	z-index: -1;
}
.courseTit3{
	text-align: center;
    color: #fff;
    font-weight: bold;
    padding: 20px 0;
}
.courseImg img{
	width:100%;
}
.courseBtn{
	text-align:center;
}
@media (max-width: 767px) {
	.courseTit2{
		color:#fff;
		position:relative;
		background:rgb(68, 137, 191);
		text-align:center;
		height: 48px;
	    line-height: 48px;
	    font-size: 18px;
	    margin:0 auto 20px;
	    width:80%;
	    font-weight:bold;
	}
	.courseTit1{
		color:rgb(68, 137, 191);
		text-align:center;
		font-weight:bold;
		font-size: 24px!important;
	}
}
@media (max-width: 480px) {
	.courseTit2{
		color:#fff;
		position:relative;
		background:rgb(68, 137, 191);
		text-align:center;
		height: 48px;
	    line-height: 48px;
	    font-size: 14px;
	    margin:0 auto 20px;
	    width:80%;
	    font-weight:bold;
	}
}

#medicine_list_html ul{
/* 	height:126px; */
	overflow:hidden;
}
#medicine_list_html ul li a img{
	max-height:80px;
}
@media (max-width: 767px) {
	#medicine_list_html ul{
		height:auto;
		overflow:hidden;
	}
	#medicine_list_html ul li a img{
		max-height:none;
	}
	.news .ResBox50{
		width:100%;
	}
}

/* ご利用ガイド追加 */
.guideDiscBox{
	margin-bottom:50px;
}
.guideDiscTit1{
	display:flex;
	align-items:center;
	margin-bottom: 20px;
}
.guideDiscTit1 img{
	margin-left:20px;
}
.guideDiscInBox{
	margin-bottom:30px;
}
.guideDiscTit2{
	font-size: 16px!important;
	color:#333333;
	letter-spacing: 0.1em;
	margin-bottom: 20px;
}
.guideDiscTit2 .txtClrP,
.guideDiscTit2 .txtClrS{
	font-size:24px;
	font-weight:bold;
}
.guideDiscTb{
/* 	border:1px solid #dddddd; */
}
.guideDiscRow{
	display:flex;
	border:1px solid #dddddd;
}
.guideDiscTb .guideDiscRow:nth-of-type(3){
	border-top:none;
}
.itemBg1{
	background:#ffce3a;
}
.itemBg2{
	background:#63bfef;
}
.guideDiscItem{
	color:#fff;
	font-size:18px;
	font-weight:bold;
	letter-spacing:0.1em;
	display: flex;
    align-items: center;
    width:110px;
    justify-content: center;
    padding:40px 0;
}
.guideDiscTxt{
	padding:10px;
	font-size:16px;
	color:#333333;
	letter-spacing:0.1em;
	width: calc(100% - 110px);
}
.guideDiscImg{
	text-align:center;
	margin-top: 40px;
	margin-bottom: 40px;
}
.guideFlowBox{
	display:flex;
	justify-content: space-between;
	margin-bottom:50px;
	flex-wrap: wrap;
}
.guideFlow{
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.2);
	padding:115px 10px 20px;
	margin-left: 20px;
	position:relative;
	border-radius: 10px;
	width: calc(25% - 20px);
}
.guideFlow:nth-of-type(1){
	margin-left:0;
}
.guideFlowTit{
	font-weight:bold;
	height: 70px;
	display: flex;
    align-items: center;
}
.flowNum{
	position:absolute;
	left:-12px;
	top:-16px;
}
.guideFlow p{
	font-size:14px;
	color:#222222;
}

@media (max-width: 767px) {
	.guideFlow {
	    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.2);
	    padding: 115px 10px 20px;
	    margin-left: 10px;
	    position: relative;
	    border-radius: 10px;
	    width: 100%;
	    margin-bottom:30px;
	    margin-right: 10px;
	}
	.guideFlow:nth-of-type(1) {
		margin-left:10px;
	}
}

/* 追加 */
.detailSlideImg{
	width:100%;
	position: relative;
}
.detailSlideImg:before{
	content:"";
    display: block;
    padding-top: 100%;
}
.detailSlideImg img{
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.swiper-container2{
	width:100%;
	overflow:hidden;
	margin-top:10px;
	position: relative;
}
.swiper-container2 .swiper-slide{
	padding:0;
	position: relative;
	width: 100%;
}
.swiper-container2 .swiper-slide:before{
	content:"";
    display: block;
    padding-top: 100%;
}
.swiper-container2 .swiper-slide img{
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin:auto;
}
.priceSp{
	display:none;
}
.guide p{
	line-height:1.8;
}
.smedi p{
	line-height:1.6;
}
#medicine_list_html a img{
	margin-bottom:10px;
}
.linkGreen{
	color:#00a593;
}
a.linkGreen:hover{
	text-decoration:underline;
}
.fwB{
	font-weight:bold;
}
.error{
	display:block;
	margin-top:5px;
}
.btmPad{
	padding-top: 20px;
    padding-bottom: 20px;
}
.padTB10{
	padding-top:10px;
	padding-bottom:10px;
	float: left;
}
.payFont{
	font-size: 22px;
	margin-bottom: 20px;
	color: #195e95;
	font-weight: bold;
}
.payTxt{
	font-size:16px;
	line-height:1.6;
	margin-bottom: 20px;
}
.payTxt2{
	font-size:16px;
	line-height:1.6;
	margin-bottom: 10px;
}
.payTxt2 span{
	padding:0 20px;
}
.payTb{
	border:1px solid #ccc;
}
.payRow{
	display:flex;
	justify-content: space-between;
	border-top:1px solid #ccc;
}
.payRow:nth-of-type(even){
	background:#eee;
}
.payRowTit{
	background:#ccc;
}
.payRow.payRowTit .payCell{
	border-left:1px solid #fff;
}
.payCell{
	font-size:16px;
	padding: 10px;
	text-align:center;
	border-left:1px solid #ccc;
}
.payRow .payCell:nth-of-type(1){
	border-left:none;
}
.payCell20{
	width:20%;
}
.payCell25{
	width:25%;
}
.payCell30{
	width:30%;
}



@media (max-width: 767px) {
	.priceSp{
		display:block;
		background: #195e95;
	    padding-top: 10px;
	    padding-bottom: 10px;
	    color: #fff;
	    margin-bottom:5px;
	}
	.spW100 .item-txt{
		padding:0;
	}
	.btn-f03 {
	    width: 128px;
	    text-align: center;
	    line-height: 22px;
	    color: #fff;
	    font-size: 10.5px;
	    border-radius: 3px;
	    margin-bottom: 10px;
	}
	.lh2{
		line-height:2;
	}
	.spTaL{
		text-align:left;
	}
	.spTaR{
		text-align:right;
	}
	.spTaC{
		text-align:center;
	}
	.form-group .margin-bottom-20.spTaL{
		margin-bottom:10px!important;
	}
	.spPad0{
		padding:0!important;
	}
	.spPadT10{
		padding-top:10px;
	}
	.ttlProducts {
	    margin-top: 20px;
	}
	.spMarT10{
		margin-top:10px;
		display:block;
	}
	.Topsearch-Box .ResBox50{
		padding-left:0;
		padding-right:0;
	}
	.Topsearch-Box .ResBox100{
		padding-left:0;
		padding-right:0;
	}
	.spHei{
		height:200px;
	}
	.spMr{
		margin-right:0!important;
	}
	.spMl{
		margin-left:0!important;
	}
	.spMt{
		margin-top:0!important;
	}
	.spDisF {
		float: left;
		width: 100%;
		display:flex;
		flex-wrap: wrap;
	}
	.spW100tit {
		width:100%;
	}
	.spW100{
		width:100%;
		margin-bottom: 20px;
	}
	.spW100-2{
		width:100%;
		margin-bottom: 20px;
		display:inline-block;
	}
	.spW100-3{
		width:100%;
		display:block;
		overflow: hidden;
	}
	.spW10{
		width:10%!important;
	}
	.spW15{
		width:15%!important;
	}
	.spW20{
		width:20%!important;
	}
	.spW25{
		width:25%!important;
	}
	.spW30{
		width:30%!important;
	}
	.spW35{
		width:35%!important;
	}
	.spW40{
		width:40%!important;
	}
	.spW45{
		width:45%!important;
	}
	.spW50{
		width:50%!important;
	}
	.spW70{
		width:70%!important;
	}
	.spW80{
		width:80%!important;
	}
	.spW90{
		width:90%!important;
	}
	.spWauto{
		width:auto;
	}
	.price.spW20,
	.price.spW40,
	.price.spW100-3{
		text-align:left;
	}
	.spFloR{
		float:right;
	}
	.spHeiAuto{
		height:auto!important;
	}
	.faqAStandard{
		margin-bottom:5px;
	}
	.Box .ResBox70.spFlex{
		display:flex!important;
		align-items:center;
	}
	.spP1{
		padding:0 5px;
		margin-bottom:10px;
	}
}


.rankTbBox{
	width:100%;
}
.rankTb{
	font-weight:bold;
}
.rankRow{
	display:flex;
	margin-bottom:1px;
}
.rowTit{
	font-weight:bold;
}
.rankCell{
	text-align:center;
	padding:10px;
	display: flex;
	flex-wrap:wrap;
    align-items: center;
    justify-content: center;
    border-left:1px dotted #ccc;
}
.rankCell:nth-of-type(1){
	border-left:none;
}
.rankCell img{
	width:60px;
	margin-right: 10px;
}
.rankCell1{
	width:30%;
	font-weight:bold;
}
.rankCell2{
	width:35%;
}
.rankCell3{
	width:35%;
}
.rankCell3 span{
	color:red;
	width: 100%;
	font-size: 18px;
}
.row1{
	background:#ffedd0;
	color:#a25110;
}
.row2{
	background:#eee;
	color:#8c998c;
}
.row3{
	background:#f3ef99;
	color:#ff9201;
}
.row4{
	background:#e3f9ff;
	color:#54bad8;
}
.row5{
	background:#cbf3ec;
	color:#4c9182;
}






.chatTxt{

}
.nav_area{
	margin-bottom:50px;
}
.nav_row{
	padding: 20px ;
/* 	border-bottom: 1px solid #e5e5e5; */
}
.syuppin{
	background:#ffffca;
}
.kounyu{
	background:#d3e3ff;
}
.nav_title {
	width:100%;
	display:flex;
	justify-content: space-between;
	margin-bottom:10px;
	border-bottom: dotted 1px #ccc;
	padding-bottom: 5px;
	flex-wrap:wrap;
}
.nav_new{
	color:red;
	font-weight:bold;
	margin-right:10px;
}
.nav_la{
	font-weight:bold;
}
.nav_input{
	margin-top:20px;
}
.navBtnBox{
	text-align:center;
	margin-top:10px;
}
.navBtnBox button{
	border:none;
}
.nav_title  .nav_t_in{
	margin-right: 20px;
}

.nav_input .nav_detail{
	width: 100%;
	height: 130px;
}

@media (max-width: 767px) {
	.navName{
		width:100%;
	}
	.navDate{
		width:100%;
	}
	.nav_new {
	    color: red;
	    font-weight: bold;
	    margin-right: 0px;
	    width: 100%;
	    display: inline-block;
	}
}

.guideMapBox{
	margin-top:20px;
	position:relative;
}
.guideMapTxt{
	position:absolute;
	top:50px;
	left:50px;
	font-size: 20px;
	padding:20px 30px;
	border: 2px solid #e60026;
}
.map1{
	display:inline-block;
	height:20px;
	width:20px;
	background:#e60026;
	border:1px solid #e60026;
	margin-right:5px;
	margin-bottom: -3px;
}
.map2{
	display:inline-block;
	height:20px;
	width:20px;
	background:#eeeeee;
	border:1px solid #d0c2c2;
	margin-right:5px;
	margin-bottom: -3px;
}
@media (max-width: 480px) {
	.guideMapTxt {
	    position: relative;
	    top: 10px;
	    left: 0;
	    font-size: 20px;
	    padding: 10px;
	    border: 2px solid #e60026;
	}
}

.askLinkBox{
	width:100%;
	clear: both;
	text-align:center;
}
.askLink{
	display:inline-block;
	padding: 10px 30px;
}
.askDoBox1{
	background:#bcfeff;
	padding:20px 100px;
	margin-bottom:20px;
	font-size:24px;
	font-weight:bold;
	color: #333;
	display:flex;
	align-items: center;
	justify-content: center;
	flex-wrap:wrap;
}
.askDoBox1 div{
	margin:0 20px;
}
.colorRed{
	color:red;
}
.askArw{
	display:block;
	width:100%;
	text-align:center;
	font-size: 24px;
	padding:5px;
}
.formTxtP{
	display:inline-block;
	width:calc(100% - 200px);
	vertical-align: middle;
}

@media (max-width: 767px) {
	.askDoBox1{
		background:#bcfeff;
		padding:20px;
		margin-bottom:20px;
		font-size:18px;
		font-weight:bold;
		color: #333;
	}
	.askDoBox1 div{
		width:100%;
		margin:5px 20px;
	}
	.formTxtP{
		width:100%;
	}
}

.redCau{
	color:red;
	font-size:12px;
	line-height: 1.2;
}
.spStar{
	display:block;
	text-align:center;
	font-size: 0;
}
.spStar img{
	display:inline-block;
}
.yakkaTxtClr1{
	color:#ff8a00;
	font-weight:bold;
}
.yakkaTxtClr2{
	color:#ed2e2e;
	font-weight:bold;
}
.guideTit{
	text-align:center;
	margin-bottom: 30px;
}
.guideTit img{
	display:inline-block;
}
.guideTbTit1{
	background:#ffce3a;
	color:#fff;
	display: flex;
    justify-content: space-between;
    align-items: center;
    padding:15px 20px;
    -moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	border-top-left-radius: 20px;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	border-top-right-radius: 20px;
}
.guideTbTit2{
	background:#63bfef;
	color:#fff;
	display: flex;
    justify-content: space-between;
    align-items: center;
    padding:15px 20px;
    -moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	border-top-left-radius: 20px;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	border-top-right-radius: 20px;
}
.guideTbTitTxt1{
	font-size:28px;
	font-weight:bold;
	padding-right:20px;
}
.guideTbTitTxt2{
	margin-right: auto;
	font-size:18px;
	font-weight:bold;
}
.guideTbTitIcon img{
	vertical-align: middle;
	width:36px;
}
.yakkaImg{
	background:#195e95;
	border-radius:20px;
	padding:20px;
	margin-bottom: 10px;
}
.yakkaImgInner{
	background:#fff;
	display:flex;
	flex-wrap:wrap;
	padding:20px 10px;
	justify-content: space-between;
}
.yakkaInnerBox1{
	width:50%;
}
.yakkaInnerBox2{
	width:50%;
}
.yakkaBoxTit{
	width:100%;
	text-align: center;
}
.yakkaInnerDiscBox{
	display:flex;
	align-items: center;
    height: calc(100% - 70px);
}
.yakkaInnerTxt{
	font-size:14px;
	color:#333333;
	padding-left:10px;
	width:calc(100% - 97px);
}
.yakkaInnerIcon{
	width:97px;
}
.fs16{
	font-size:16px;
}




@media (max-width: 767px) {
	.guideTbTit1,.guideTbTit2{
		flex-wrap: wrap;
	}
	.guideTbTitTxt1{
		width:100%;
	}
	.guideTbTitTxt2{
		font-size: 14px;
	}
	.guideTbTitIcon{
		display:none;
	}
	.yakkaInnerBox1{
		width:100%;
		margin-bottom: 20px;
	}
	.yakkaInnerBox2{
		width:100%;
	}
	.yakkaInnerTxt{
		width:auto;
	}
	.yakkaInnerDiscBox{
		justify-content: center;
	}
}
@media (max-width: 480px) {
	.guideTbTitTxt1{
		font-size: 22px;
	}
	.guideTbTitTxt2{
		font-size: 12px;
	}
	.yakkaBoxTit{
		margin-bottom: 10px;
	}
}





@media (max-width:767px){.hidden-xs{display:none!important}}
@media (min-width:768px){.visible-xs{display:none!important}}