/**************************/
/*     TW Styles     */
/**************************/

body {
  display: flex;
  flex-flow: column;
  min-height: 100vh;
  max-width: 100vw; /* ビューポート幅の100%に設定 */
  overflow-x: hidden; /* 横方向のスクロールバーを非表示 */

}
.Main {
  flex: 1;
}

.mt_1 { margin-top:10px; }
.mt_2 { margin-top:20px; }
.mt_3 { margin-top:30px; }
.mt_4 { margin-top:40px; }
.mt_5 { margin-top:50px; }
.mt_6 { margin-top:60px; }
.mt_7 { margin-top:70px; }
.mt_8 { margin-top:80px; }
.mt_9 { margin-top:90px; }
.mt_10 { margin-top:100px; }

.mb_1 { margin-bottom:10px; }
.mb_2 { margin-bottom:20px; }
.mb_3 { margin-bottom:30px; }
.mb_4 { margin-bottom:40px; }
.mb_5 { margin-bottom:50px; }
.mb_6 { margin-bottom:60px; }
.mb_7 { margin-bottom:70px; }
.mb_8 { margin-bottom:80px; }
.mb_9 { margin-bottom:90px; }
.mb_10 { margin-bottom:100px; }

.pt_1 { padding-top:10px; }
.pt_2 { padding-top:20px; }
.pt_3 { padding-top:30px; }
.pt_4 { padding-top:40px; }
.pt_5 { padding-top:50px; }
.pt_6 { padding-top:60px; }
.pt_7 { padding-top:70px; }
.pt_8 { padding-top:80px; }
.pt_9 { padding-top:90px; }
.pt_10 { padding-top:100px; }

.pb_1 { padding-bottom:10px; }
.pb_2 { padding-bottom:20px; }
.pb_3 { padding-bottom:30px; }
.pb_4 { padding-bottom:40px; }
.pb_5 { padding-bottom:50px; }
.pb_6 { padding-bottom:60px; }
.pb_7 { padding-bottom:70px; }
.pb_8 { padding-bottom:80px; }
.pb_9 { padding-bottom:90px; }
.pb_10 { padding-bottom:100px; }

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

.pl-5 {padding-left:50px;}
.pr-5 {padding-right:50px;}

.cbox_title { padding:5px;font-weight:bold; }


.menu_search_box {
	width:100%;
	max-width:1160px;
	margin:0 auto;
	margin-top:-100px;
}
.menu_search_box2 {
	width:100%;
	max-width:1160px;
	margin:0 auto;
	margin-top:0px;
}
@media screen and (max-width: 769px) {
	.menu_search_box {
	width:100%;
	max-width:769px;
	margin:0 auto;
	margin-top:-50px;
	}
	.menu_search_box2 {
	width:100%;
	max-width:769px;
	margin:0 auto;
	margin-top:0px;
	}
	.search_tab_top{ width:100%;margin:10px 0px 10px 0px; padding:10px;background:#FFF;border-radius: 5px;color:#006eb6;font-size:1.25rem;}
	.search_tab{ width:100%;margin:10px 0px 10px 0px; padding:10px;background:#EEE;border-radius: 5px;color:#006eb6;font-size:1.25rem;}
}

.search_tab_top{	margin:10px 20px 10px 0px; padding:10px;background:#FFF;border-radius: 5px;color:#006eb6;font-size:1.25rem;}
.search_tab{	margin:10px 20px 10px 0px; padding:10px;background:#EEE;border-radius: 5px;color:#006eb6;font-size:1.25rem;}

.tmenu_box{padding:10px;background:#EEE;border-radius: 5px;}
.tmenu_label { color:#006eb6;font-size:1.25rem; }

.kensaku-check{ color:#333; }
	.kensaku-check:hover {
		color: #6699FF;
	}
	/*選択項目表示 枠*/
	.sentaku-space-waku {
		padding: 10px 0;
	}

	/*選択項目表示*/
	.sentaku-space {
		width: 95%;
		color:#006eb6;
		font-weight: 500;
		background-color: #FFF;
		border-radius: 20px;
		text-align: center;
		line-height: 150%;
		padding: 10px;
}

input[type="radio"],input[type="checkbox"]{
	vertical-align:1px;
	margin-right: 2px; /*追加*/
}


.btn-solid {
	display: inline-block;
	padding: 1.375rem 2.25rem 1.375rem 2.25rem;
	border: 1px solid #1ebbce;
	border-radius: 2rem;
	background-color: #1ebbce;
	color: #ffffff;
	font-weight: 600;
	font-size: 0.875rem;
	line-height: 0;
	text-decoration: none;
	transition: all 0.2s;
}

.btn-solid:hover {
	border: 1px solid #1ebbce;
	background-color: transparent;
	color: #1ebbce;
	text-decoration: none;
}

.btn-solid-lg {
	display: inline-block;
	padding: 1.625rem 2.75rem 1.625rem 2.75rem;
	border: 1px solid #1ebbce;
	border-radius: 2rem;
	background-color: #1ebbce;
	color: #ffffff;
	font-weight: 600;
	font-size: 0.875rem;
	line-height: 0;
	text-decoration: none;
	transition: all 0.2s;
}

.btn-solid-lg:hover {
	border: 1px solid #1ebbce;
	background-color: transparent;
	color: #1ebbce;
	text-decoration: none;
}

.btn-outline {
	display: inline-block;
	padding: 1.375rem 2.25rem 1.375rem 2.25rem;
	border: 1px solid #363a40;
	border-radius: 2rem;
	background-color: transparent;
	color: #363a40;
	font-weight: 600;
	font-size: 0.875rem;
	line-height: 0;
	text-decoration: none;
	transition: all 0.2s;
}

.btn-outline:hover {
	border: 1px solid #363a40;
	background-color: #363a40;
	color: #ffffff;
	text-decoration: none;
}

.btn-outline-lg {
	display: inline-block;
	padding: 1.625rem 2.75rem 1.625rem 2.75rem;
	border: 1px solid #30363a;
	border-radius: 2rem;
	background-color: transparent;
	color: #30363a;
	font-weight: 600;
	font-size: 0.875rem;
	line-height: 0;
	text-decoration: none;
	transition: all 0.2s;
}

.btn-outline-lg:hover {
	border: 1px solid #30363a;
	background-color: #30363a;
	color: #ffffff;
	text-decoration: none;
}

.btn-outline-sm {
	display: inline-block;
	padding: 1rem 1.625rem 1rem 1.625rem;
	border: 1px solid #30363a;
	border-radius: 2rem;
	background-color: transparent;
	color: #30363a;
	font-weight: 600;
	font-size: 0.875rem;
	line-height: 0;
	text-decoration: none;
	transition: all 0.2s;
}

.btn-outline-sm:hover {
	border: 1px solid #30363a;
	background-color: #30363a;
	color: #ffffff;
	text-decoration: none;
}

.btn_link_lg_01 {
	display: inline-block;
	padding: 1.625rem 2.75rem 1.625rem 2.75rem;
	border: 1px solid #FFF;
	border-radius: 2rem;
	background-color: #FF4500;
	color: #FFF;
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 0;
	text-decoration: none;
	transition: all 0.2s;
	letter-spacing: 0.25rem
}

.btn_link_lg_01:hover {
	border: 1px solid #FFF;
	background-color: #0033FF;
	color: #FFF;
	text-decoration: none;
}

.form-group {
	position: relative;
	margin-bottom: 1.25rem;
}

.label-control {
	position: absolute;
	top: 0.87rem;
	left: 1.375rem;
	color: #666a72;
	opacity: 1;
	font-size: 0.875rem;
	line-height: 1.375rem;
	cursor: text;
	transition: all 0.2s ease;
}


.form_button_01 {
	display: inline-block;
	width: 100%;
	height: 3.125rem;
	border: 0.125rem solid #006eb6;
	border-radius: 1.5rem;
	background-color: #006eb6;
	color: #FFF;
	font-weight: 600;
	font-size: 1.25rem;
	line-height: 0;
	cursor: pointer;
	transition: all 0.2s;
}

.form_button_01:hover {
	border: 0.125rem solid #60a0df;
	background-color: #60a0df;
	color: #FFF;
}


.t_title_01 { font-size:1.25rem;font-weight:700; }

.key_box { line-height:2;padding:3px 5px 3px 5px;border:1px #CCC solid;background:#FFF;font-weight:400; }
	
/*-------------------------
  Info Section
--------------------------*/
.info-section_m1 {
	margin:10px 0 10px 0;
}
.info-section_m2 {
	margin:20px 0 20px 0;
}
.info-section_m3 {
	margin:30px 0 30px 0;
}
.info-section_m4 {
	margin:40px 0 40px 0;
}
.info-section_m5 {
	margin:50px 0 50px 0;
}

	
.slider-text { position: relative; }
.slider-text .subheading {
	font-size: 1.5rem;
	color: #3366FF;
}
.slider-text h1 {
	font-size: 3.5rem;
	color: #4689FF;
	line-height: 1.2;
	font-weight: 700; 
}
@media (max-width: 991.98px) {
	.slider-text h1 {font-size: 40px; } 
}
@media (max-width: 767.98px) {
	.slider-text h1 {font-size: 30px; } 
}
.slider-text p {
	font-size: 1.5rem;
	line-height: 1.5;
	font-weight: 300;
	color: rgba(255, 255, 255, 0.9); 
}
.slider-text p strong {font-weight: 700; }
.slider-text p strong a {	color: #000000; }
.slider-text p.caps {
	font-weight: 400;
	font-size: 1rem;
}

h2.t_point_01 {
	color: #364e96;
	font-weight:700;
	border-bottom: solid 3px #364e96;
	padding: 0.5em 0 0.5rem 0;
}
	
h2.t_point {
  color: #364e96;
  border: solid 3px #364e96;
  padding: 0.5em;
  border-radius: 0.5em;
	font-weight:700;
}
h2.t_point2 {
  color: #FFF;
  border: solid 3px #0081ca;
	background:#0081ca;
  padding: 0.5em;
  border-radius: 0.5em;
	font-weight:700;
}

h3.t_point_3 {
  position: relative;
  padding: 1rem;
  background: #336699;
	color:#FFF;
	font-weight:700;
	margin:0 0 0 0;
}

h3.t_point_3:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #336699;
  width: 0;
  height: 0;
	z-index:1000;
	}

h3.t_point_3b {
	position: relative;
	padding: 1rem;
		background: #9acd32;
	color:#FFF;
	font-weight:700;
		margin:0 0 15px 0;
		border-radius: 1rem;
}

h3.t_point_3b:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 30px;
	border: 15px solid transparent;
		border-top: 15px solid #9acd32;
	width: 0;
	height: 0;
	z-index:1000;
}


p.t_title { color:#000;font-size:1.5rem;}
.price { color:#CC3300;font-size:2rem;font-weight:500; }

.midashi_01 {
  position: relative;
  line-height: 1.4;
  padding:0.25em 1em;
  display: inline-block;
  top:0;
}

.midashi_01:before, .midashi_01:after { 
  position: absolute;
  top: 0;
  content:'';
  width: 8px;
  height: 100%;
  display: inline-block;
}
.midashi_01:before {
  border-left: solid 1px black;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
  left: 0;
}
.midashi_01:after {
  content: '';
  border-top: solid 1px black;
  border-right: solid 1px black;
  border-bottom: solid 1px black;
  right: 0;
}
.tw_midashi {
  color: #6594e0;
	font-weight:500;
  border-bottom: dashed 2px #6594e0;
}
.tw_plan {
	color:#000:
	font-weight:700 !important;
	margin:10px 0 20px 0;
	padding:5px;
	line-height:1.5;
	border-bottom: solid 3px black;
	background:#EEE;
}
p.fs-1 { font-size:0.5rem; font-weight:500; }

/*追記20241214

/*------------------------------------------------------------------------
Font
--------------------------------------------------------------------------*/

.f-s10 { font-size: 10px; }
.f-s11 { font-size: 11px; }
.f-s12 { font-size: 12px; }
.f-s14 { font-size: 14px; }
.f-s16 { font-size: 16px; }
.f-s18 { font-size: 18px; }
.f-s20 { font-size: 20px; }
.f-s22 { font-size: 22px; }
.f-s24 { font-size: 24px; }
.f-s26 { font-size: 26px; }
.f-s28 { font-size: 28px; }
.f-s30 { font-size: 30px; }
.f-s32 { font-size: 32px; }
.f-s34 { font-size: 34px; }
.f-s36 { font-size: 36px; }
.f-s38 { font-size: 38px; }
.f-s40 { font-size: 40px; }
.f-s50 { font-size: 50px; }


.f-s06em { font-size: 0.6em; }
.f-s07em { font-size: 0.7em; }
.f-s08em { font-size: 0.8em; }
.f-s09em { font-size: 0.9em; }
.f-s11em { font-size: 1.1em; }
.f-s12em { font-size: 1.2em; }
.f-s13em { font-size: 1.3em; }
.f-s14em { font-size: 1.4em; }

/*-----------------------------------------------------
行間（line-height）
-----------------------------------------------------*/

.l-h10{ line-height:1.0em; }
.l-h11{ line-height:1.1em; }
.l-h12{ line-height:1.2em; }
.l-h13{ line-height:1.3em; }
.l-h14{ line-height:1.4em; }
.l-h15{ line-height:1.5em; }
.l-h16{ line-height:1.6em; }
.l-h17{ line-height:1.7em; }
.l-h18{ line-height:1.8em; }
.l-h19{ line-height:1.9em; }
.l-h20{ line-height:2.0em; }
.l-h22{ line-height:2.2em; }
.l-h24{ line-height:2.4em; }
.l-h26{ line-height:2.6em; }
.l-h28{ line-height:2.8em; }
.l-h30{ line-height:3.0em; }


/*-----------------------------------------------------
float関係
-----------------------------------------------------*/
.fl-box{ overflow: hidden;}
.fl{ float: left; }
.fr{ float: right; }

/*-----------------------------------------------------
flex-box
-----------------------------------------------------*/
.flex-row {
  display: flex;
  display: -webkit-flex;
/*  -webkit-justify-content: flex-end;
  justify-content: flex-end;*/
}

.flex-box{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
}
/* 20240105修正
.flex-1{
padding: 5px;
width: calc(100% / 1 - 10px)
}
.flex-2{
padding: 5px;
width: calc(100% / 2 - 10px)
}
.flex-2-1{
padding: 5px;
width: calc(100% / 2 - 10px)
}
.flex-3{
padding: 5px;
width: calc(100% / 3 - 10px)
}
.flex-3-1{
padding: 5px;
width: calc(100% / 3 - 10px)
}
.flex-3-2{
padding: 5px;
width: calc(100% / 3 - 10px)
}
.flex-4{
padding: 5px;
width: calc(100% / 4 - 10px)
}
.flex-4-2{
padding: 5px;
width: calc(100% / 4 - 10px)
}
.flex-4-1{
padding: 5px;
width: calc(100% / 4 - 10px)
}
.flex-5{
padding: 5px;
width: calc(100% / 5 - 10px)
}
.flex-5-1{
padding: 5px;
width: calc(100% / 5 - 10px)
}
.flex-5-2{
padding: 5px;
width: calc(100% / 5 - 10px)
}
.flex-6{
padding: 5px;
width: calc(100% / 6 - 10px)
}
.flex-6-1{
padding: 5px;
width: calc(100% / 6 - 10px)
}
.flex-6-2{
padding: 5px;
width: calc(100% / 6 - 10px)
}

@media screen and (max-width: 640px) {
.flex-2-1{
    width: calc(100% / 1 - 10px)
    }
.flex-2{
    width: calc(100% / 2 - 10px)
    }
.flex-2-1{
    width: calc(100% / 1 - 10px)
    }
.flex-3{
    width: calc(100% / 3 - 10px)
    }
.flex-3-1{
    width: calc(100% / 1 - 10px)
    }
.flex-3-2{
    width: calc(100% / 2 - 10px)
    }
.flex-4{
    width: calc(100% / 3 - 10px)
    }
.flex-4-2{
    width: calc(100% / 2 - 10px)
    }
.flex-4-1{
    width: calc(100% / 1 - 10px)
    }
.flex-5{
    width: calc(100% / 3 - 10px)
    }
.flex-5-2{
    width: calc(100% / 2 - 10px)
    }
.flex-5-1{
    width: calc(100% / 1 - 10px)
    }
.flex-6{
    width: calc(100% / 3 - 10px)
    }
.flex-6-2{
    width: calc(100% / 2 - 10px)
    }
.flex-6-1{
    width: calc(100% / 1 - 10px)
    }
 
}
*/

.flex-1{
padding: 5px;
width: calc(100% / 1)
}
.flex-2{
padding: 5px;
width: calc(100% / 2)
}
.flex-2-1{
padding: 5px;
width: calc(100% / 2)
}
.flex-3{
padding: 5px;
width: calc(100% / 3)
}
.flex-3-1{

padding: 5px;
width: calc(100% / 3)
}
.flex-3-2{
padding: 5px;
width: calc(100% / 3)
}
.flex-4{
padding: 5px;
width: calc(100% / 4)
}
.flex-4-2{
padding: 5px;
width: calc(100% / 4)
}
.flex-4-1{
padding: 5px;
width: calc(100% / 4)
}
.flex-5{
padding: 5px;
width: calc(100% / 5)
}
.flex-5-1{
padding: 5px;
width: calc(100% / 5)
}
.flex-5-2{
padding: 5px;
width: calc(100% / 5)
}
.flex-5-5{
padding: 5px;
width: calc(100% / 5)
}
.flex-6{
padding: 5px;
width: calc(100% / 6)
}
.flex-6-1{
padding: 5px;
width: calc(100% / 6)
}
.flex-6-2{
padding: 5px;
width: calc(100% / 6)
}
.flex-6-3{
padding: 5px;
width: calc(100% / 6)
}

@media screen and (max-width: 640px) {
.flex-2-1{
    width: calc(100% / 1)
    }
.flex-2{
    width: calc(100% / 2)
    }
.flex-2-1{
    width: calc(100% / 1)
    }
.flex-3{
    width: calc(100% / 3)
    }
.flex-3-1{
    width: calc(100% / 1)
    }
.flex-3-2{
    width: calc(100% / 2)
    }
.flex-4{
    width: calc(100% / 3)
    }
.flex-4-2{
    width: calc(100% / 2)
    }
.flex-4-1{
    width: calc(100% / 1)
    }
.flex-5{
    width: calc(100% / 3)
    }
.flex-5-1{
    width: calc(100% / 1)
    }
.flex-5-2{
    width: calc(100% / 2)
    }
.flex-5-5{
    width: calc(100% / 5)
    }
.flex-6{
    width: calc(100% / 3)
    }
.flex-6-1{
    width: calc(100% / 1)
    }
.flex-6-2{
    width: calc(100% / 2)
    }
.flex-6-3{
    width: calc(100% / 3)
    }
 
}

/*-----------------------------------------------------
テキスト位置
-----------------------------------------------------*/
.cen{ text-align: center; }
.tacen{ margin: 0 auto; display: table; }
.rit{ text-align: right; }
.lef{ text-align: left; }

.m-auto{ margin:0px auto 0px auto; }


/*-----------------------------------------------------
width関係(%)
-----------------------------------------------------*/

/* ●モバイル時に広がる */
.w1per{ width: 1%; }
.w2per{ width: 2%; }
.w3per{ width: 3%; }
.w4per{ width: 4%; }
.w5per{ width: 5%; }
.w6per{ width: 6%; }
.w7per{ width: 7%; }
.w8per{ width: 8%; }
.w9per{ width: 9%; }
.w10per{ width: 10%; }
.w11per{ width: 11%; }
.w12per{ width: 12%; }
.w13per{ width: 13%; }
.w14per{ width: 14%; }
.w15per{ width: 15%; }
.w16per{ width: 16%; }
.w16-666per{ width: 16.666666%; }
.w17per{ width: 17%; }
.w18per{ width: 18%; }
.w19per{ width: 19%; }
.w20per{ width: 20%; }
.w21per{ width: 21%; }
.w22per{ width: 22%; }
.w23per{ width: 23%; }
.w24per{ width: 24%; }
.w25per{ width: 25%; }
.w26per{ width: 26%; }
.w27per{ width: 27%; }
.w28per{ width: 28%; }
.w29per{ width: 29%; }
.w30per{ width: 30%; }
.w31per{ width: 31%; }
.w32per{ width: 32%; }
.w33per{ width: 33%; }
.w34per{ width: 34%; }
.w35per{ width: 35%; }
.w36per{ width: 36%; }
.w37per{ width: 37%; }
.w38per{ width: 38%; }
.w39per{ width: 39%; }
.w40per{ width: 40%; }
.w41per{ width: 41%; }
.w42per{ width: 42%; }
.w43per{ width: 43%; }
.w44per{ width: 44%; }
.w45per{ width: 45%; }
.w46per{ width: 46%; }
.w47per{ width: 47%; }
.w48per{ width: 48%; }
.w49per{ width: 49%; }
.w50per{ width: 50%; }
.w51per{ width: 51%; }
.w52per{ width: 52%; }
.w53per{ width: 53%; }
.w54per{ width: 54%; }
.w55per{ width: 55%; }
.w56per{ width: 56%; }
.w57per{ width: 57%; }
.w58per{ width: 58%; }
.w59per{ width: 59%; }
.w60per{ width: 60%; }
.w61per{ width: 61%; }
.w62per{ width: 62%; }
.w63per{ width: 63%; }
.w64per{ width: 64%; }
.w65per{ width: 65%; }
.w66per{ width: 66%; }
.w67per{ width: 67%; }
.w68per{ width: 68%; }
.w69per{ width: 69%; }
.w70per{ width: 70%; }
.w71per{ width: 71%; }
.w72per{ width: 72%; }
.w73per{ width: 73%; }
.w74per{ width: 74%; }
.w75per{ width: 75%; }
.w76per{ width: 76%; }
.w77per{ width: 77%; }
.w78per{ width: 78%; }
.w79per{ width: 79%; }
.w80per{ width: 80%; }
.w81per{ width: 81%; }
.w82per{ width: 82%; }
.w83per{ width: 83%; }
.w84per{ width: 84%; }
.w85per{ width: 85%; }
.w86per{ width: 86%; }
.w87per{ width: 87%; }
.w88per{ width: 88%; }
.w89per{ width: 89%; }
.w90per{ width: 90%; }
.w91per{ width: 91%; }
.w92per{ width: 92%; }
.w93per{ width: 93%; }
.w94per{ width: 94%; }
.w95per{ width: 95%; }
.w96per{ width: 96%; }
.w97per{ width: 97%; }
.w98per{ width: 98%; }
.w99per{ width: 99%; }
.w100per{ width: 100%; }

/* スマホ用 */

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

.w1per,.w2per,.w3per,.w4per,.w5per,
.w6per,.w7per,.w8per,.w9per,.w10per,
.w11per,.w12per,.w13per,.w14per,.w15per,
.w16per,.w16-666per,.w17per,.w18per,.w19per,.w20per,
.w21per,.w22per,.w23per,.w24per,.w25per,
.w26per,.w27per,.w28per,.w29per,.w30per,
.w31per,.w32per,.w33per,.w34per,.w35per,
.w36per,.w37per,.w38per,.w39per,.w40per,
.w41per,.w42per,.w43per,.w44per,.w45per,
.w46per,.w47per,.w48per,.w49per,.w50per,
.w51per,.w52per,.w53per,.w54per,.w55per,
.w56per,.w57per,.w58per,.w59per,.w60per,
.w61per,.w62per,.w63per,.w64per,.w65per,
.w66per,.w67per,.w68per,.w69per,.w70per,
.w71per,.w72per,.w73per,.w74per,.w75per,
.w76per,.w77per,.w78per,.w79per,.w80per,
.w81per,.w82per,.w83per,.w84per,.w85per,
.w86per,.w87per,.w88per,.w89per,.w90per,
.w91per,.w92per,.w93per,.w94per,.w95per,
.w96per,.w97per,.w98per,
.w99per{
	width:96%!important;
	margin-left:2%!important;
	margin-right:2%!important;
}

.f-s30 { font-size:2em; }
.f-s32 { font-size:2em; }
.f-s34 { font-size:2em; }
.f-s36 { font-size:2em; }
.f-s38 { font-size:2em; }
.f-s40 { font-size:2em; }
.f-s50 { font-size:2em; }

}/* @media */



/* ●モバイルでも比率を保つ */
.mw10per{ width: 10%; }
.mw11per{ width: 11%; }
.mw12per{ width: 12%; }
.mw13per{ width: 13%; }
.mw14per{ width: 14%; }
.mw15per{ width: 15%; }
.mw16per{ width: 16%; }
.mw16-666per{ width: 16.666666%; }
.mw17per{ width: 17%; }
.mw18per{ width: 18%; }
.mw19per{ width: 19%; }
.mw20per{ width: 20%; }
.mw21per{ width: 21%; }
.mw22per{ width: 22%; }
.mw23per{ width: 23%; }
.mw24per{ width: 24%; }
.mw25per{ width: 25%; }
.mw26per{ width: 26%; }
.mw27per{ width: 27%; }
.mw28per{ width: 28%; }
.mw29per{ width: 29%; }
.mw30per{ width: 30%!important; }
.mw31per{ width: 31%; }
.mw32per{ width: 32%; }
.mw33per{ width: 33%; }
.mw34per{ width: 34%; }
.mw35per{ width: 35%; }
.mw36per{ width: 36%; }
.mw37per{ width: 37%; }
.mw38per{ width: 38%; }
.mw39per{ width: 39%; }
.mw40per{ width: 40%; }
.mw41per{ width: 41%; }
.mw42per{ width: 42%; }
.mw43per{ width: 43%; }
.mw44per{ width: 44%; }
.mw45per{ width: 45%; }
.mw46per{ width: 46%; }
.mw47per{ width: 47%; }
.mw48per{ width: 48%; }
.mw49per{ width: 49%; }
.mw50per{ width: 50%; }
.mw51per{ width: 51%; }
.mw52per{ width: 52%; }
.mw53per{ width: 53%; }
.mw54per{ width: 54%; }
.mw55per{ width: 55%; }
.mw56per{ width: 56%; }
.mw57per{ width: 57%; }
.mw58per{ width: 58%; }
.mw59per{ width: 59%; }
.mw60per{ width: 60%; }
.mw61per{ width: 61%; }
.mw62per{ width: 62%; }
.mw63per{ width: 63%; }
.mw64per{ width: 64%; }
.mw65per{ width: 65%; }
.mw66per{ width: 66%; }
.mw67per{ width: 67%; }
.mw68per{ width: 68%; }
.mw69per{ width: 69%; }
.mw70per{ width: 70%; }
.mw71per{ width: 71%; }
.mw72per{ width: 72%; }
.mw73per{ width: 73%; }
.mw74per{ width: 74%; }
.mw75per{ width: 75%; }
.mw76per{ width: 76%; }
.mw77per{ width: 77%; }
.mw78per{ width: 78%; }
.mw79per{ width: 79%; }
.mw80per{ width: 80%; }
.mw81per{ width: 81%; }
.mw82per{ width: 82%; }
.mw83per{ width: 83%; }
.mw84per{ width: 84%; }
.mw85per{ width: 85%; }
.mw86per{ width: 86%; }
.mw87per{ width: 87%; }
.mw88per{ width: 88%; }
.mw89per{ width: 89%; }
.mw90per{ width: 90%; }
.mw91per{ width: 91%; }
.mw92per{ width: 92%; }
.mw93per{ width: 93%; }
.mw94per{ width: 94%; }
.mw95per{ width: 95%; }
.mw96per{ width: 96%; }
.mw97per{ width: 97%; }
.mw98per{ width: 98%; }
.mw99per{ width: 99%; }
.mw100per{ width: 100%; }

/*-----------------------------------------------------
margin関係
-----------------------------------------------------*/

.m-t-5 { margin-top: -5px!important; }
.m-t1 { margin-top: 1px!important; }
.m-t2 { margin-top: 2px!important; }
.m-t3 { margin-top: 3px!important; }
.m-t4 { margin-top: 4px!important; }
.m-t5 { margin-top: 5px!important; }
.m-t6 { margin-top: 6px!important; }
.m-t7 { margin-top: 7px!important; }
.m-t8 { margin-top: 8px!important; }
.m-t9 { margin-top: 9px!important; }
.m-t10 { margin-top: 10px!important; }
.m-t11 { margin-top: 11px!important; }
.m-t12 { margin-top: 12px!important; }
.m-t13 { margin-top: 13px!important; }
.m-t14 { margin-top: 14px!important; }
.m-t15 { margin-top: 15px!important; }
.m-t16 { margin-top: 16px!important; }
.m-t17 { margin-top: 17px!important; }
.m-t18 { margin-top: 18px!important; }
.m-t19 { margin-top: 19px!important; }
.m-t20 { margin-top: 20px!important; }
.m-t21 { margin-top: 21px!important; }
.m-t22 { margin-top: 22px!important; }
.m-t23 { margin-top: 23px!important; }
.m-t24 { margin-top: 24px!important; }
.m-t25 { margin-top: 25px!important; }
.m-t26 { margin-top: 26px!important; }
.m-t27 { margin-top: 27px!important; }
.m-t28 { margin-top: 28px!important; }
.m-t29 { margin-top: 29px!important; }
.m-t30 { margin-top: 30px!important; }
.m-t35 { margin-top: 35px!important; }
.m-t40 { margin-top: 40px!important; }
.m-t45 { margin-top: 45px!important; }
.m-t50 { margin-top: 50px!important; }
.m-t60 { margin-top: 60px!important; }
.m-t70 { margin-top: 70px!important; }
.m-t80 { margin-top: 80px!important; }
.m-t90 { margin-top: 90px!important; }
.m-t100 { margin-top: 100px!important; }
.m-t200 { margin-top: 200px!important; }
.m-t300 { margin-top: 300px!important; }
.m-t400 { margin-top: 400px!important; }
.m-t500 { margin-top: 500px!important; }
.m-b1 { margin-bottom: 1px!important; }
.m-b2 { margin-bottom: 2px!important; }
.m-b3 { margin-bottom: 3px!important; }
.m-b4 { margin-bottom: 4px!important; }
.m-b5 { margin-bottom: 5px!important; }
.m-b10 { margin-bottom: 10px!important; }
.m-b15 { margin-bottom: 15px!important; }
.m-b20 { margin-bottom: 20px!important; }
.m-b25 { margin-bottom: 25px!important; }
.m-b30 { margin-bottom: 30px!important; }
.m-l1{ margin-left: 1px!important; }
.m-l2{ margin-left: 2px!important; }
.m-l3{ margin-left: 3px!important; }
.m-l4{ margin-left: 4px!important; }
.m-l5{ margin-left: 5px!important; }
.m-l6{ margin-left: 6px!important; }
.m-l7{ margin-left: 7px!important; }
.m-l8{ margin-left: 8px!important; }
.m-l9{ margin-left: 9px!important; }
.m-l10{ margin-left: 10px!important; }
.m-l11{ margin-left: 11px!important; }
.m-l12{ margin-left: 12px!important; }
.m-l15{ margin-left: 15px!important; }
.m-l20{ margin-left: 20px!important; }
.m-l25{ margin-left: 25px!important; }
.m-l30{ margin-left: 30px!important; }
.m-r1{ margin-right: 1px!important; }
.m-r2{ margin-right: 2px!important; }
.m-r3{ margin-right: 3px!important; }
.m-r4{ margin-right: 4px!important; }
.m-r5{ margin-right: 5px!important; }
.m-r6{ margin-right: 6px!important; }
.m-r7{ margin-right: 7px!important; }
.m-r8{ margin-right: 8px!important; }
.m-r9{ margin-right: 9px!important; }
.m-r10{ margin-right: 10px!important; }
.m-r15{ margin-right: 15px!important; }
.m-r20{ margin-right: 20px!important; }
.m-r25{ margin-right: 25px!important; }
.m-r30{ margin-right: 30px!important; }

/*-----------------------------------------------------
padding関係
-----------------------------------------------------*/
.p-2{ padding: 2px; }
.p-3{ padding: 3px; }
.p-5{ padding: 5px; }
.p-rl5{ padding: 0 5px 0 5px; }
.p-10{ padding: 10px 10px 10px 10px; }
.p-15{ padding: 15px; }
.p-20{ padding: 20px; }
.p-25{ padding: 25px; }
.p-30{ padding: 30px; }
.p-35{ padding: 35px; }
.p-40{ padding: 40px; }
.p-45{ padding: 45px; }
.p-50{ padding: 50px; }
.p-55{ padding: 55px; }
.p-60{ padding: 60px; }
.p-65{ padding: 65px; }
.p-70{ padding: 70px; }
.p-t30 { padding-top: 30px!important; }


/*-----------------------------------------------------
フォントweight
-----------------------------------------------------*/

.fb{ font-weight: bold; }

.fn{ font-weight: normal; }

/*-----------------------------------------------------
画像キャプション
-----------------------------------------------------*/

.caption{
	margin:0!important;
	background:#F7F7F7;
	padding:0.4em 0.6em;
	color:#666;
	font-size:0.9em;
}

/*-----------------------------------------------------
フォントカラー
-----------------------------------------------------*/

.fc-333{ color:#333333; }

.fc-666{ color:#666666; }

.fc-999{ color:#999999; }

.fc-ccc{ color:#CCCCCC; }

.fc-red{ color:#CC0000; }

.fc-red2{ color:#AB0128; }

.fc-red3{ color:#D05656; }

.fc-pink{ color:#E95079; }

.fc-pink2{ color:#EB4678; }

.fc-ora{ color:#FF6600; }

.fc-whi{ color:#FFFFFF; }

.fc-green{ color:#009900; }

.fc-green2{ color:#336600; }

.fc-blu{ color:#006699 }
.fc-blu2{ color:#72d5d6; }
.fc-gra2{ color:#979a9b; }
.fc-bro2{ color:#d0773c; }
.fc-red4{ color:#fe584b; }
.fc-gre2{ color:#dde04a; }
.fc-yel2{ color:#ffcc00; }



.red{ color: #CC0000!important; }/*赤*/
.blue{ color: #0000dd!important; }/*青*/
.green{ color: #008000!important; }/*緑*/
.yellow{ color: #ffff00!important; }/*黄*/
.navy{ color: #1F26A9!important; }/*紺*/
.orange{ color: #ff6600!important; }/*橙*/
.pink{ color: #cc6699!important; }/*ピンク*/
.purple{ color: #660099!important; }/*紫*/
.olive{ color: #808000!important; }/*黄土色*/
.lime{ color: #00ff00!important; }/*黄緑*/
.aqua{ color: #167FA6!important; }/*水色*/
.sky{ color: #3399ff!important; }/*青*/
.black{ color: #000!important; }/*黒*/
.gray{ color: #ccc!important; }/*灰*/
.white{ color: #fff!important; }/*白*/

.col-red{ color: #ff574a!important; }/*ロゴ赤*/
.col-yel{ color: #fff000!important; }/*ロゴ黄色*/
.col-blu{ color: #74d4d5!important; }/*ロゴ水色*/
.col-gla{ color: #999a9B!important; }/*ロゴグレー*/
.col-bro{ color: #d1773B!important; }/*ロゴ茶*/
.col-gre{ color: #dee049!important; }/*ロゴ黄緑*/

/*-----------------------------------------------------
マーカー
-----------------------------------------------------*/

.marker_yel{
	background:#FFFF33;
}

/*-----------------------------------------------------
背景色
-----------------------------------------------------*/
.bg_grey1{ background:#F9F9F9; }/* うすグレー */
.bg_yellow{ background:#FFFFE0;	border:solid 1px #E6DB55;}/* うす黄色 */
.bg_d-yellow{background:#f6f4e7;	border:solid 1px #e6decf;}/* ダークイエロー */
/*background:#F4EFE1; 濃いベージュ*/
.bg_beige{background:#FDE8CB;}/* ベージュ */
.bg_l-blue{ background:#3498db; }/* 水色 */
.bg-blu{ background:#006699; }/* 青色 */
.bg-000{ background:#000000; }/*黒*/
.bg-333{ background:#333333; }/*グレー*/
.bg-666{ background:#666666; }/*グレー*/
.bg-999{ background:#999999; }/*グレー*/
.bg-ccc{ background:#CCCCCC; }/*グレー*/
.bg-efefef{ background:#efefef; }/*グレー*/
.bg-f9f9f9{ background:#f9f9f9; }/*グレー*/
.bg-f1f1f1{ background:#f1f1f1; }/*グレー*/
.bg-fff{ background:#fff; }/*白*/
.bg-pin1{ background:#FDE0DA; }/*薄紅*/
.bg-pink{ background:#FF99FF; }/*ピンク*/
.bg-s-pink{ background:#F53D7E; }/*ショッキングピンク*/
.bg-pink2{ background:#ffccff; }/*うすピンク*/
.bg-ora{ background:#FF9933; }/*オレンジ*/
.bg-green{ background:#e0e8d0; }/*薄緑*/
.bg-green2{ background:#009900; }/*緑*/
.bg-line-green{ background:#00B900; }/*Lineグリーン*/
.bg-blue{ background:#C8D2E3;}/*薄青*/
.bg-ashblue{ background:#F0F6FD;}/*アッシュblue*/
.bg-ffffcc{ background:#ffffcc; }/*薄黄*/
.bg-ffcc99{ background:#ffcc99; }/*薄茶*/
.bg-natsu-fes2020{ background:linear-gradient(to right, #222 10%, #fcbd18 10% 26%, #3b4dd3 26% 42%, #e64d14 42% 58%, #9e9f99 58% 74%, #00963d 74% 90%, #222 10%); }/*フジロックイメージカラー*/
.bg-natsu-fes-img{background-color:#e64d14; background-image: url("../img/natsu-fes/bg_1914x442.png") ;background-repeat: no-repeat;background-position: center bottom;}/*フジロックイメージpict*/

.bg-col-red{ background:#ff574a; }/*ロゴ赤*/
.bg-col-yel{ background:#fff000; }/*ロゴ黄色*/
.bg-col-blu{ background:#74d4d5; }/*ロゴ水色*/
.bg-col-gla{ background:#999a9B; }/*ロゴグレー*/
.bg-col-bro{ background:#d1773B; }/*ロゴ茶*/
.bg-col-gre{ background:#dee049; }/*ロゴ黄緑*/

.bg-rgba60{background-color: rgba(0,0,0,0.6);}/*半透明黒60％*/
.bg-rgba40{background-color: rgba(0,0,0,0.4);}/*半透明黒40％*/
.bg-rgba20{background-color: rgba(0,0,0,0.2);}/*半透明黒20％*/
.bg-rgba60-fff{background-color: rgba(255,255,255,0.6);}/*半透明白60％*/
.bg-rgba40-fff{background-color: rgba(255,255,255,0.4);}/*半透明白40％*/
.bg-rgba20-fff{background-color: rgba(255,255,255,0.2);}/*半透明白20％*/


/*-----------------------------------------------------
ボーダー border
-----------------------------------------------------*/

/* 実線グレー */

.bo{ border:solid 1px #CCCCCC; }
.bo-t{ border-top:solid 1px #CCCCCC; }
.bo-l{ border-left:solid 1px #CCCCCC; }
.bo-r{ border-right:solid 1px #CCCCCC; }
.bo-b{ border-bottom:solid 1px #CCCCCC; }

/* 実線グレー(太枠) */

.bo-5px{ border:solid 5px #CCCCCC; }


/* 点線グレー */

.bo-dot{ border:dotted 1px #CCCCCC; }
.bo-dot-t{ border-top:dotted 1px #CCCCCC; }
.bo-dot-l{ border-left:dotted 1px #CCCCCC; }
.bo-dot-r{ border-right:dotted 1px #CCCCCC; }
.bo-dot-b{ border-bottom:dotted 1px #CCCCCC; }

/* 実線*上5pxロゴカラー */
.bo-t5_red{ border-top:5px solid #ff574a!important; }/*ロゴ赤*/
.bo-t5_yel{ border-top:5px solid #fff000!important; }/*ロゴ黄色*/
.bo-t5_blu{ border-top:5px solid #74d4d5!important; }/*ロゴ水色*/
.bo-t5_gla{ border-top:5px solid #999a9B!important; }/*ロゴグレー*/
.bo-t5_bro{ border-top:5px solid #d1773B!important; }/*ロゴ茶*/
.bo-t5_gre{ border-top:5px solid #dee049!important; }/*ロゴ黄緑*/
.bo-t5_ora{ border-top:5px solid #FF9933!important; }/*オレンジ*/

/* 実線*上8pxロゴカラー */
.bo-t8_red{ border-top:8px solid #ff574a!important; }/*ロゴ赤*/
.bo-t8_yel{ border-top:8px solid #fff000!important; }/*ロゴ黄色*/
.bo-t8_blu{ border-top:8px solid #74d4d5!important; }/*ロゴ水色*/
.bo-t8_gla{ border-top:8px solid #999a9B!important; }/*ロゴグレー*/
.bo-t8_bro{ border-top:8px solid #d1773B!important; }/*ロゴ茶*/
.bo-t8_gre{ border-top:8px solid #dee049!important; }/*ロゴ黄緑*/

/* 実線*上10pxロゴカラー */
.bo-t10_red{ border-top:10px solid #ff574a!important; }/*ロゴ赤*/
.bo-t10_yel{ border-top:10px solid #fff000!important; }/*ロゴ黄色*/
.bo-t10_blu{ border-top:10px solid #74d4d5!important; }/*ロゴ水色*/
.bo-t10_gla{ border-top:10px solid #999a9B!important; }/*ロゴグレー*/
.bo-t10_bro{ border-top:10px solid #d1773B!important; }/*ロゴ茶*/
.bo-t10_gre{ border-top:10px solid #dee049!important; }/*ロゴ黄緑*/

/* 実線*下5pxロゴカラー */
.bo-b5_red{ border-bottom:5px solid #ff574a!important; }/*ロゴ赤*/
.bo-b5_yel{ border-bottom:5px solid #fff000!important; }/*ロゴ黄色*/
.bo-b5_blu{ border-bottom:5px solid #74d4d5!important; }/*ロゴ水色*/
.bo-b5_gla{ border-bottom:5px solid #999a9B!important; }/*ロゴグレー*/
.bo-b5_bro{ border-bottom:5px solid #d1773B!important; }/*ロゴ茶*/
.bo-b5_gre{ border-bottom:5px solid #dee049!important; }/*ロゴ黄緑*/
.bo-b5_ora{ border-bottom:5px solid #FF9933!important; }/*オレンジ*/

/* ●モバイル時にのみ表示させる要素 */
.onlymbl{
	display:none;
}

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

.onlymbl{
	display:block;
}

/* ●モバイルで表示させない要素 */
.nombl{
	display:none!important;
}

} /*@media*/


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