/*-------------------------------------------------
2018　CSS　by WebCreatorCloudProject TRIBECA
------------------------------------------------*/

@media screen and (max-width: 800px) {

@charset "utf-8";
/*-------------------------------------------------
 body
-------------------------------------------------*/
body {
	/*font-family: "メイリオ", Meiryo, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	width:100%;
	margin:0 auto;
	text-align:left;
	color:#303030;
	font-size:14px;
	line-height:24px;
}
#wra {
	margin:auto;
	width:100%;
	padding:0 0 0px 0;
}
h1 {
	margin:0;
	padding:0;
}
a {
	color:#1d6094;
	outline: none;
}
a:link, a:visited {
	color:#1d6094;
}
a:hover, a:active {
	color:#1d6094;
	text-decoration:none;
}
a.anc-dec {
	color:#1d6094;
	text-decoration:underline;
}
img {
	display:block;
}
a img {
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s;
}
a:hover img {
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
h1, h2, h3, h4, h5, h6, img, img a, p, table, tr, td, dt, dl, dd {
	margin: 0px;
	padding: 0px;
	border:0px;
}
h1, h2, h3, h4, h5, h6 {
}
ul, ol, li, dl, dt, dd {
	list-style-type: none;
	list-style-position: outside;
	margin: 0px;
	padding: 0px;
	font-weight:normal;
}
.inl-ima-cen {
	text-align:center;
}
.inl-ima-cen img {
	display:inline;
	vertical-align:bottom;
}
.fle-blo {
	display:flex;
}
.fle-blo-ver-cen {
	display:flex;
	align-items:center;
	justify-content:flex-start;
	flex-wrap: wrap;
}
/*-------------------------------------------------
 header
-------------------------------------------------*/
#hea-wra {
	width:100%;
	height:auto;
	background:url(../images/bac_mai_vis01.jpg) top center repeat-x;
	padding-bottom:10px;
	background-size:cover;
}
.men-blo {
	width:100%;
	height:79px;
	border-bottom: 2px solid rgba(255, 255, 255, 0.5);
	display:flex;
	justify-content:center;
	margin:auto;
	position:relative;
}
.sub-men-blo {
	width:100%;
	height:79px;
	border-bottom: 2px solid rgba(153, 153, 153, 0.5);
	display:flex;
	justify-content:center;
	margin:auto;
}
.hea-lef{
	margin-left:-20px;
}
.hea-rig {
	width:100%;
	max-width:100%;
	display:block;
	align-items:center;
	justify-content:flex-start;
}

.hea-rig nav{
	display:none;
}

/*-------------------------------------------------
 navigation
-------------------------------------------------*/
.men {
	width:100%;
	height:79px;
	margin:auto;
	display:none;
	flex-wrap:nowrap;
	align-items:center;
	justify-content:center;
	position:relative;
}
.men li a {
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s;
}
.men span {
	background:#000;
	height:2px;
	display:block;
	position:absolute;
	width:267px;
	left:0;
	bottom:-2px;
}
.sub-men-blo .hea-lef a img, .sub-men-blo .men li a img {
	-webkit-filter: invert(100%);
	-moz-filter: invert(100%);
	-o-filter: invert(100%);
	-ms-filter: invert(100%);
	filter: invert(100%);
}
#men-sma {
	display:none;
}
#navToggle {
 display:block; /*通常時は非表示にしておきます*/
/* position:absolute; bodyに対しての絶対位置指定です*/
position:absolute;
 right:10px;
 top:10px;
 width:26px;
 height:44px;
 cursor:pointer;
 background:#fff;
padding:0 8px;
 margin:5px 0;
 border:solid 2px #000;
 border-radius:0px;
 -webkit-border-radius:0px;
user-select: none; /* CSS3 */
-moz-user-select: none; /* Firefox */
-webkit-user-select: none; /* Safari、Chromeなど */
-ms-user-select: none; /* IE10かららしい */

}
#navToggle div {
position:relative;
} /*spanの絶対位置指定の親にします*/
#navToggle span {
 display:block;
 position:absolute; /*#navToggle div に対して*/
 width:100%;
 left:0px;
 border-bottom:solid 2px #000;
 -webkit-transition: .35s ease-in-out;
 -moz-transition: .35s ease-in-out;
 transition: .35s ease-in-out;

}
#navToggle span:nth-child(1) {
top:12px;
}
#navToggle span:nth-child(2) {
top:20px
}
#navToggle span:nth-child(3) {
top:28px
}
#men-sma {
 display:none;
 width:100%;
 z-index:100;
 position:absolute;
 top:81px;
 left:0;
}
 #men-sma ul li {
 text-align:left;
 line-height:18px;
 font-size:16px;
 font-weight:600;
 border-bottom:solid 1px #000;
background-color: rgba( 255, 255, 255, 0.95 );
 user-select: none;
}
#men-sma ul li a {
 width:100%;
 padding:15px 10px;
 display:block;
 text-align:left;
 line-height:18px;
 display:block;
 text-decoration:none;
 color:#000;
}
#men-sma ul li a:before {
 content:"〉";
 color:#000;
}
/*-------------------------------------------------
 メイン画像 main visual
  -------------------------------------------------*/

#mai-key-wra {
	height: auto;
	width: 100%;
}
#mai-key-inn {
	margin:auto;
	width:100%;
	height:auto;
	display:block;
	align-items:center;
}
.mai-vis-lef {
	color:#FFF;
	height:auto;
}
.mai-vis-lef h2 {
	font-size:240%;
	font-weight:600;
	line-height:120%;
	padding:20px 3%;
	letter-spacing:0px;
	display:block;
	text-align:center;
}
.mai-vis-tex {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
	border:solid 2px #FFF;
	text-align:center;
	padding:20px 20px;
	margin:auto 3%;
}
.mai-vis-tex p {
	font-size:200%;
	line-height:140%;
	font-weight:600;
}
.mai-vis-rig {
	margin:20px 3%;
	text-align:center;
}
.mai-vis-rig img{
	display:inline;
}
/*-------------------------------------------------
 common START
-------------------------------------------------*/
.sp-blo {
	display:none;
}
.pc-blo {
	display:block;
}
.sp-blo-lin {
	display:none;
}
.pc-blo-lin {
	display:inline-block;
}
#con-wra {
	margin:auto;
}
#mai-con {
	width:100%;
	height:100%;
	margin:auto;
	padding:0px 0 0px 0;
	background-color: rgba( 255, 255, 255, 0.0 );
}
.sec {
	margin:auto;
}
.sec-tit-blo {
	display:flex;
	flex-direction: column;
	align-items:center;
	justify-content:center;
	text-align:center;
	width:calc(100% - 0px);
	padding:0px 0;
	margin-bottom:20px;
}
.sec-tit {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
	font-size:130%;
	line-height:140%;
	letter-spacing:1px;
	display:block;
	margin-bottom:10px;
}
.sec-tit-rom {
	display:block;
	font-size:200%;
	line-height:150%;
	font-weight:500;
	letter-spacing:4px;
}
.sec-tit-lin {
	width:80%;
	display:block;
	border-top:solid 1px #ccc;
	text-align:center;
	font-size:0;
	line-height:0px;
	margin:0px 0 20px;
}
.mes-blo-wra {
	background:#ebe6e1;
	padding:20px 0;
}
.mes-blo {
	width: calc(100% - 6%);
	margin:auto 3%;
	text-align:center;
}
.mes-blo h2 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
	font-size:200%;
	line-height:140%;
	font-weight:600;
	padding-bottom:20px;
	letter-spacing:2px;
}
.mes-blo-tex p {
	font-weight:500;
	font-size:150%;
	line-height:150%;
}
.whi-blo {
	width: 94%;
	margin:auto 3%;
	text-align:center;
	padding:20px 0 0;
}
.whi-las-blo {
	width: 94%;
	margin:auto 3%;
	text-align:center;
	padding:20px 0 40px;
}
.hom-rea-blo {
	display:block;
	flex-wrap:wrap;
}
.hom-rea-sec {
	width:calc(100% - 40px);
	height:auto;
	background:#473d33;
	padding:20px 20px;
	margin-bottom:20px;
	display:block;
	align-items:center;
	justify-content:center;
}
.hom-rea-sec:nth-child(2n) {
 margin-left:0px;
}
.hom-rea-sec:last-of-type, .hom-rea-sec:nth-last-of-type(2) {
 margin-bottom:20px;
}
.hom-rea-ima {
	width:100%;
	text-align:center;
	margin-bottom:20px;
}
.hom-rea-ima img{
	display:inline;
}

.hom-rea-dis {
	width:100%;
	color:#FFF;
}
.hom-rea-dis h3 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
	font-size:180%;
	font-weight:600;
	padding-bottom:20px;
}
.hom-rea-dis p {
	font-size:130%;
	line-height:160%;
}
.hom-men-blo {
	display:block;
	flex-wrap:wrap;
}
.hom-men-sec {
	width:260px;
	heigh:246px;
	position:relative;
	margin:auto;
}
.hom-men-dis {
	color:#FFF;
	position:absolute;
	bottom:30px;
	left:30px;
	text-align:left;
	z-index:10;
	letter-spacing:2px;
}
.hom-men-dis .fon-rom {
	font-size:160%;
	font-weight:500;
	display:block;
}
.sub-mes-blo-wra {
	background:#ebe6e1;
	padding:20px 0;
}
.mes-blo h2.sub-mes-fon {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
	font-size:180%;
	line-height:150%;
	font-weight:600;
	padding-bottom:00px;
	letter-spacing:2px;
}
.whi-nar-blo {
	width: 94%;
	margin:auto 3%;
	text-align:center;
	padding:20px 0 0;
}
.fir-two-blo {
	display:block;
	flex-wrap:wrap;
	margin-bottom:20px;
}
.fir-two-blo:last-of-type {
	margin-bottom:0;
}
.fir-two-blo p{
	text-align:center;
}
.fir-two-blo p img{
	display:inline;
}
.all-tri {
	width: 0;
	height: 0;
	margin:10px auto;
	border-style: solid;
	border-width: 50px 40px 0 40px;
	border-color: #01b18d transparent transparent transparent;
	transform: rotate(0deg);
}
.che-dat-blo {
	display:block;
}
.che-dat-sec {
	width:100%;
	height:auto;
	position:relative;
	margin-bottom:20px;
}
.che-dat-sec:nth-child(2) {
 margin-left:0px;
}
.che-dat-sec h3 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
	text-align:left;
	padding-left:50px;
	font-size:150%;
	font-weight:600;
	line-height:150%;
	letter-spacing:2px;
	background:url(../images/bac_ico_fir01.png) left no-repeat;
	margin-bottom:10px;
}
.che-dat-dis p:last-of-type{
	text-align:center;
}

.che-dat-dis p:last-of-type img{
	display:inline;
}
.che-dat-tex {
	width:calc(100% - 42px);
	height:auto;
	text-align:left;
	font-size:120%;
	font-weight:500;
	position:relative;
	right:0px;
	bottom:0px;
	padding:20px;
	background-color: rgba( 255, 255, 255, 0.8 );
	border:solid 1px #CCC;
	margin-bottom:10px;

}
.iss-blo {
	width:94%;
	display:block;
	align-items:center;
	justify-content:center;
	margin:auto 3%;
}
.iss-sec {
	text-align:left;
	font-size:110%;
}
.iss-ima {
	margin-left:auto;
	width:auto;
	margin:20px auto;
	text-align:center;
}
.iss-ima img{
	max-width:100%;
	height:auto;
	display:inline;
}
.unt-blo {
	display:block;
	flex-wrap:wrap;
}
.unt-ima {
	width:100%;
	height:auto;
	text-align:center;
}
.unt-ima img{
	display:inline;
}
.unt-sec {
	width:calc(100% - 42px);
	height:calc(100% - 62px);
	border-left:none;
	border:solid 1px #CCC;
	padding:30px 20px;
	text-align:left;
}
.unt-sec h3 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
	font-size:140%;
	font-weight:600;
	padding-bottom:20px;
}
.unt-sec p {
	text-align:left;
	font-size:120%;
	font-weight:500;
	letter-spacing:1px;
}
.unt-all img {
	margin:auto;
}
.com-blo01 {
	width:100%;
	height:auto;
	position:relative;
	margin-bottom:20px;
}
.com-sec {
	position:relative;
	padding:30px 20px;
	border:solid 1px #CCC;
	background-color: rgba( 255, 255, 255, 0.8 );
	margin-bottom:10px;
}
.com-sec h3 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
	font-size:150%;
	line-height:140%;
	font-weight:600;
	padding-bottom:15px;
	text-align:left;
}
.com-sec-tex {
	text-align:left;
	font-size:120%;
	letter-spacing:1px;
}
.com-sec-tex p {
	font-weight:500;
	padding-bottom:10px;
}
.com-sec-tex p:last-of-type {
	padding-bottom:0;
}
.com-blo01 .com-sec {
	width:calc(100% - 42px);
	height:calc(100% - 60px);
	left:calc(0% - 0px);
}
.com-blo02 {
	width:100%;
	height:500x;
	position:relative;
	margin-bottom:20px;
}
.com-blo02 .com-sec {
	width:calc(100% - 42px);
	height:calc(100% - 60px);
	right:0;
	top:calc(0% - 0px);
}
.com-blo03 {
	width:100%;
	height:auto;
	position:relative;
	margin-bottom:20px;
}
.com-blo03 .com-sec {
	width:calc(100% - 42px);
	height:calc(100% - 60px);
	left:0;
	top:calc(0% - 0px);
}
.com-blo-fle {
	display:block;
	align-items:flex-end;
}
.com-blo-fle p:first-of-type{
	margin-bottom:20px;
	text-align:center;
}
.com-blo-fle p:first-of-type img{
	display:inline;
}
.com-inf-lis {
	width:100%;
	display:block;
	text-align:left;
	font-size:120%;
}
.com-inf-lis dt {
	display:block;
	width:calc(100% - 40px);
	background:#efe9e4;
	padding:10px 20px;
	border-top:solid #000 1px;
	font-weight:600;
}
.com-inf-lis dd {
	display:block;
	width:calc(100% - 40px);
	padding:20px 20px;
	border-top:solid #000 1px;
	font-weight:500;
	vertical-align:top;
}
.com-inf-lis:last-of-type dt, .com-inf-lis:last-of-type dd {
	border-bottom:solid #000 1px;
}
.com-inf-lis:last-of-type dd {
	display:block;
	width:calc(100% - 0px);
	padding:20px 0px;

}
.con-but-blo {
	width:100%;
	height:100%;
	position:relative;
	margin-bottom:20px;
}
.con-but-sec {
	width:calc(100% - 22px);
	height:calc(100% - 22px);
	position:relative;
	left:calc(0% - 0px);
	padding:10px;
	margin-bottom:10px;
	display:flex;
	align-items:center;
	justify-content:center;
	background-color: rgba( 255, 255, 255, 0.8 );
	border:solid 1px #CCC;
}
a.con-but-sec {
	color:#000;
	text-decoration:none;
}
.con-but-sec h3 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
	font-size:140%;
	line-height:140%;
	font-weight:600;
	padding-right:60px;
	text-align:center;
	background:url(../images/ico_con_all01.png) no-repeat right;
}
.con-for-lis {
	width:100%;
	display:block;
	text-align:left;
	font-size:120%;
}
.con-for-lis dt {
	display:block;
	width:calc(100% - 20px);
	background:#efe9e4;
	padding:10px 10px 10px 10px;
	border-top:solid #000 1px;
	font-weight:600;
	vertical-align:middle;
}
.con-for-lis dd {
	display:block;
	width:calc(100% - 0px);
	padding:10px 0px 10px 0px;
	border-top:solid #000 1px;
	font-weight:500;
	text-align:right;
}
.con-for-lis:last-of-type dt, .con-for-lis:last-of-type dd {
	border-bottom:solid #000 1px;
}
/*　共通　ページネーション*/
.pag-lis-blo {
	margin:auto;
}
.pag-lis-blo ul {
	display:flex;
	align-items:center;
	justify-content:center;
	height:35px;
	margin:20px auto;
}
.pag-lis-blo ul li a {
	display:inline-block;
	width:23px;
	height:29px;
	line-height:29px;
	text-align:center;
	color:#231815;
	padding:2px 5px;
	margin-left:8px;
	margin-right:auto;
	background:#fff;
	border-radius:0px;
	border:solid 1px #a37a58;
	text-decoration:none;
}
.pag-lis-blo ul li a.pag-lis-act {
	color:#FFF;
	padding:2px 5px;
	background:#a37a58;
}
/*　共通　ページネーション*/


/*-------------------------------------------------
 common END
-------------------------------------------------*/


/*-------------------------------------------------
 footer
-------------------------------------------------*/
#foo-wra {
	width:100%;
	height:auto;
	background:#b5a698;
	padding:0px 0px;
}
#foo-con {
	width:94%;
	margin:auto 3%;
	padding:20px 0 20px;
}
.foo-men {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
.foo-men li {
	position:relative;
	padding:5px 20px;
}
.foo-men li a {
	color:#fff;
	font-size:16px;
	font-weight:600;
	letter-spacing:2px;
	text-decoration:none;
}
.foo-men li a:after {
	position:absolute;
	right:-8px;
	content:none;
	display:inline-block;
	transform: rotate(0deg);
	color:#fff;
}
.foo-men li:last-child a:after {
	right:0px;
	content:none;
}
.foo-men li a:before {
	position:absolute;
	left:5px;
	content:'〉';
}
.foo-cop {
	background:#b5a698;
	margin:auto;
	text-align:center;
	font-size:80%;
	color:#fff;
	padding:15px 5px;
}
/* ::::::::::
form START
:::::::::: */
input[type="text"], input[type="email"], input[type="tel"] {
	border:solid 0px #cecece;
	width:calc(100% - 20px);
	height:24px;
	padding:10px 10px;
	font-size:110%;
	border-radius:0px;
	margin:5px 0;
	background:#f5f0eb;
}
.req {
	background:#ffd5d6;
}
.req-nin {
	background:#f4f4f4;
}
.req-for {
	background:#fff8d5;
}
.req-val {
	background:#f9f9f9;
}
textarea.for-tex-are {
	width:calc(100% - 16px);
	height:220px;
	background:#f5f0eb;
	font-size:110%;
	line-height:140%;
	border-radius:0px;
	border:solid 0px #cecece;
	padding:8px;
	margin:10px 0;
	border-radius:0px;
}
/*　共通　メールフォームプロ　*/
.mfp_buttons {
	margin:40px 0 40px;
	text-align:center;
}
div.mfp_buttons button#mfp_button_send, div.mfp_buttons button#mfp_button_send02, div.mfp_buttons button#mfp_button_cancel {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
	color: #fff;
	font-size:16px;
	letter-spacing:2px;
	background-color: #473d33;
	line-height:24px;
	width: 40%;
	padding:10px 0;
	border: 0px solid #fff;
	border-radius:0px;
	cursor:pointer;
	-webkit-appearance: none;
	margin:0 10px;
}
.mfp_element_all{
	max-width:100%;
}
/*　共通　メールフォームプロ　*/

.but-fre {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
	color: #fff;
	font-size:150%!important;
	letter-spacing:2px;
	background-color: #473d33;
	line-height:24px;
	padding:20px 0;
	width: 80%;
	border: 0px solid #fff;
	border-radius:0px;
	cursor:pointer;
	-webkit-appearance: none;
}
/* ::::::::::
form END
:::::::::: */

/* ::::::::::
共通セレクタ　grand rule START
:::::::::: */
.cle-fix {
	display: block;
}
.cle-fix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.und-lin {
	line-height:240%;
	padding-bottom:6px;
	border-bottom:dotted 1px #CCC;
}
.col-enj {
	color:#a90000;
}
.col-enj a:hover {
	text-decoration:none;
}
.col-enj-bol {
	font-weight:bold;
	color:#df1a00;
}
.col-enj-ali-rig {
	color:#df1a00;
	text-align:right;
	font-weight:bold;
	white-space:nowrap;
}
.dot-lin {
	margin-bottom:10px;
	height:10px;
	border-bottom:dotted 1px #cdcdcd;
}
.let-spa4 {
	letter-spacing:4px;
}
#pag-top {
	position:fixed;
	bottom:20px;
	right:20px;
}
#pag-top a {
	color:#FFF;
	text-decoration:none;
}
.flu-ima {
	max-width: 100%;
	height:auto;
}
.cle-bot {
	clear:both;
}
.bre-cru-wra {
	margin:auto;
	width:1000px;
	padding:8px 0;
	margin-bottom:10px;
}
.bre-cru {
	display:flex;
	flex-wrap:wrap;
	text-align: left;
	line-height:24px;
	font-size:15px;
	margin:auto 3%;
	width:calc(100% - 6%);
	padding:10px 0px;
}
.bre-cru a {
	color:#000;
	text-decoration:none;
}
.bre-cru a:hover {
	color:#afafaf;
	text-decoration:underline;
}
.lin-hei-lar {
	line-height:220%;
}
/* ::::::::::
共通セレクタ　grand rule END
:::::::::: */

/* ::::::::::
margin padding 配置制御 START
:::::::::: */
.flo-lef {
	float:left;
}
.flo-rig {
	float:right;
}
.flo-lis li {
	float:left;
}
.mar-rig {
	margin-right:auto;
}
.ali-rig {
	text-align: right;
}
.ali-lef {
	text-align:left;
}
.ali-cen {
	text-align:center;
}
.mar-top-sma {
	margin-top:10px;
}
.mar-top-mid {
	margin-top:20px;
}
.mar-top-tal {
	margin-top:40px;
}
.mar-lef-sma {
	margin-left:10px;
}
.mar-lef-mid {
	margin-left:20px;
}
.mar-bot-xsma {
	margin-bottom:5px;
}
.mar-bot-sma {
	margin-bottom:10px;
}
.mar-bot-mid {
	margin-bottom:20px;
}
.mar-bot-tal {
	margin-bottom:40px;
}
.mar-bot-xtal {
	margin-bottom:80px;
}
.mar-bot-xxtal {
	margin-bottom:20%;
}
.mar-top-bot-xsma {
	margin-top:5px;
	margin-bottom:5px;
}
.mar-top-bot-sma {
	margin-top:10px;
	margin-bottom:10px;
}
.mar-top-bot-mid {
	margin-top:20px;
	margin-bottom:20px;
}
.mar-top-bot-tal {
	margin-top:40px;
	margin-bottom:40px;
}
.mar-lef-rig-mid {
	margin-left:20px;
	margin-right:20px;
}
.mar-lef-rig-tal {
	margin-left:40px;
	margin-right:40px;
}
.mar-rig-sma {
	margin-right:5px;
}
.mar-rig-mid {
	margin-right:20px;
}
.mar-rig-tal {
	margin-right:40px;
}
#wra .mar-non {
	margin:0px;
}
.pad-top-xsma {
	padding-top:5px;
}
.pad-top-sma {
	padding-top:10px;
}
.pad-top-mid {
	padding-top:20px;
}
.pad-top-tal {
	padding-top:40px;
}
.pad-bot-xsma {
	padding-bottom:5px;
}
.pad-bot-sma {
	padding-bottom:10px;
}
.pad-bot-mid {
	padding-bottom:20px;
}
.pad-bot-tal {
	padding-bottom:40px;
}
.pad-top-bot-sma {
	padding-top:10px;
	padding-bottom:10px;
}
.pad-top-bot-mid {
	padding-top:20px;
	padding-bottom:20px;
}
.pad-top-bot-xmid {
	padding-top:35px;
	padding-bottom:35px;
}
.pad-top-bot-tal {
	padding-top:50px;
	padding-bottom:50px;
}
.pad-rig-mid {
	padding-right:20px;
}
/* ::::::::::
margin padding 配置制御 END
:::::::::: */

/* ::::::::::
font　フォント START
:::::::::: */
.tex-sha-whi {
	text-shadow:2px 2px 2px #ffffff;
}
.fon-lar-bol {
	font-size:18px;
	line-height:24px;
	font-weight:bold;
}
.fon-xlar-bol {
	font-size:180%;
	font-weight:600;
}
.fon-xlar-bol02 {
	font-size:200%;
	font-weight:600;
}
.fon-lar-bol-gre {
	font-size:120%;
	font-weight:bold;
	color:#8ec31f;
}
.fon-lar-max {
	font-size:300%;
}
.fon-lar-lar {
	font-size:36px;
	line-height:150%;
}
.fon-lar {
	font-size:22px;
	line-height:140%;
}
.fon-mid {
	font-size:110%;
}
.fon-sma {
	font-size:13px;
}
.fon-xsma {
	font-size:90%;
}
.fon-sma-bol {
	font-weight:bold;
	font-weight:500;
	font-size:90%;
}
.fon-sma-sma {
	font-size:76%;
}
.fon-sma-sma-sma {
	font-size:74%;
}
.fon-bol {
	font-weight:bold;
}
.fon-min {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
/* ::::::::::
font　フォント END
:::::::::: */


.price-table{
	width: 100%;
	overflow-x: scroll;
}
.price-table::-webkit-scrollbar{
	height: 10px;
}
.price-table::-webkit-scrollbar-thumb{
  background: #8c8c8c;
}
.price-table::-webkit-scrollbar-track-piece:start{
  background: #ececec;
}
.price-table::-webkit-scrollbar-track-piece:end{
  background: #ececec;
;
}
.price-table table{
	width: 100%;
	min-width: 500px;
	margin-bottom: 15px;
	font-size: 13px;
}
.price-table table th{
	padding: 2%;
}
.price-table table td{
	padding: 2%;
}
.note_wrap{
	width: 100%;
}
.note_wrap table th{
	width: 100%;
	display: block;
	padding: 5px 0px;
	font-weight: bold;
}
.note_wrap table td{
	display: block;
	padding: 0 0 15px 0;
}



}
/*-------------------------------------------------
2018　CSS　by WebCreatorCloudProject TRIBECA
------------------------------------------------*/

@media screen and (max-width: 360px) {


}