@charset "utf-8";


/* Body setting
------------------------------------------------------------------------------- */
body {
	color: #000;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 16px;
	line-height: 1.6;
	font-style: normal;
	overflow-y:auto;
	border-top:none;
	/**/
	min-width: 960px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, body {
		font-family:'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	} /* IE11 */
}

/* PC */
@media screen and (min-width: 769px) {
	/*-------------*/
}
/* SP */
@media screen and (max-width: 768px) {
	body{
		font-size: 12px;
		border:none;
		min-width:inherit;
	}
	/*-------------*/
}


/* style
------------------------------------------------------------------------------- */
.wrapper{
}
.inner{
	margin: 0 auto;
	position: relative;
	width:960px;
}

a{
	color:#26b7bc !important;
}
a:hover{
	color:#26b7bc; !important;
}

.effect{
	opacity: 0;
	/**/
	-webkit-transition: 0.7s ease;
	transition: 0.7s ease;
}
.effect .effect{
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;

}

/* PC */
@media screen and (min-width: 769px) {
	a{
		-webkit-transition: 0.3s ease;
		transition: 0.3s ease;
	}
	a:hover{
		opacity: 0.7 !important;
	}
	/*-------------*/
}
/* SP  */
@media screen and (max-width: 768px) {
	.inner{
		width:auto;
	}
	/*-------------*/
}



/* content_button
------------------------------------------------------------------------------- */
.content_button {
	text-align: center;
	padding: 30px 0;
	background:#FFC;
}

.content_button a {
	font-size:30px;
	background: #13317b;
	color: #ffffff !important;
	border-radius: 5px;
	padding: 20px 100px;
	text-decoration:none;
}

.content_button a:hover {
	background: #FC0;
}

.button_01 {
  background:#FFC;
}

.button_02 {
  background:#ffffff;
}

/* SP  */
@media screen and (max-width: 768px) {
.content_button a {
	font-size:20px;
	background: #13317b;
	color: #ffffff !important;
	border-radius: 5px;
	padding: 15px 60px;
	text-decoration:none;
}

}


/* content_maintenance
------------------------------------------------------------------------------- */
.content_maintenance {
  background:#ffffff;
	background-size: cover;
	min-height: 230px;
	text-align: center;
	padding: 30px 0;
}
.content_maintenance h2{
	color:#26b7bc;
	font-size:30px;
	font-weight: bold;
	line-height: 1.1;
	letter-spacing: -2px;
	margin-bottom: 30px;
}
.content_maintenance p{
	font-size: 18px;
	margin-bottom: 10px;
}

/* SP  */
@media screen and (max-width: 768px) {
.content_maintenance {
		background:#ffffff;
		background-size: cover;
		min-height:inherit;
		text-align: center;
		padding: 30px 5px 20px;
	}
.content_maintenance h2 {
		font-size:18px;
		letter-spacing: -1px;
		margin-bottom: 30px;
	}
	.content_maintenance p {
		font-size: 14px;
		line-height: 1.5;
		margin-bottom: 10px;
		padding: 0 10px;
	}
	/*-------------*/
}


/* content00
------------------------------------------------------------------------------- */
#content00{
	height: 550px;
	background: url(../img/content01_bg.jpg) 50% 0 no-repeat;
	background-size: contain;
	text-align: center;
  background-color: #26b7bc;
}
#logo{
	position: absolute;
	top:0px;
	left: 10px;
	text-align: left;
	margin-top: 30px;
}
#content00 h1{
	position: absolute;
	top:155px;
	left: 0px;
	width: 100%;
	text-align: center;
}
#content00 p{
	position: absolute;
	top:340px;
	left: 0px;
	width: 100%;
	text-align: center;
}


/* SP  */
@media screen and (max-width: 768px) {
	#content00{
		height: auto;
		background: none;
	}
	#logo{
		position: absolute;
		/*top:15px;*/
		left: 0px;
		width: 100%;
		text-align: center;
		margin-top: 0px;
	}
	#logo img{
		width: 189px;
	}
	#content00 h1{
		top:280px;
		padding: 0 15px;
	}
	#content00 h1 img{
		width:325px;
	}
	#content00 p{
		top:inherit;
		bottom: 75px;
		padding: 0 15px;
	}
	#content00 p img{
		width:325px;
	}
	#content00 figure{
		line-height: 0;
	}
	/*-------------*/
}

/* SP2 */
@media screen and (max-width: 347px) {
	#content00 h1{
		top:220px;
	}
	/*-------------*/
}

/* content01
------------------------------------------------------------------------------- */
#content01{
	background:#FFC;
	/*background: url(../img/content05_bg.jpg) 50% 0 no-repeat;*/
	background-size: cover;
	min-height: 230px;
	text-align: center;
	padding: 30px 0;
}
#content01 h2{
	color:#26b7bc;
	font-size:30px;
	font-weight: bold;
	line-height: 1.1;
	letter-spacing: -2px;
	margin-bottom: 30px;
}
#content01 p{
	font-size: 18px;
	margin-bottom: 20px;
}

/* SP  */
@media screen and (max-width: 768px) {
	#content01{
		background:#FFC;
		/*background: url(../img/content05_bg_sp.jpg) 50% 0 no-repeat;*/
		background-size: cover;
		min-height:inherit;
		text-align: center;
		padding: 30px 5px 20px;
	}
	#content01 h2{
		font-size:18px;
		letter-spacing: -1px;
		margin-bottom: 30px;
	}
	#content01 p{
		font-size: 12px;
		line-height: 2.5;
		margin-bottom: 10px;
		padding: 0 10px;
	}
	/*-------------*/
}


/* content02
------------------------------------------------------------------------------- */
#content02{
	background:#ffffff;
	/*background: url(../img/content02_bg.jpg) 50% 0 no-repeat;*/
	/*background-size: cover;*/
	min-height: 350px;
	text-align: center;
	padding: 30px 0;
}
#content02 h2{
	color:#26b7bc;
	font-size:30px;
	font-weight: bold;
	line-height: 1.1;
	/*letter-spacing: -2px;*/
	margin-bottom: 30px;
}
/*#content02 p{
	font-size:18px;
	line-height: 2.7;
	margin-bottom: 40px;
}*/

#content02 ul{
	display: flex;	
}

#content02 ul li span {
  font-size:18px;
	background: #ffffff;
	color: #13317b; !important;
  border: #13317b 1px solid;
	border-radius: 5px;
	padding: 10px 100px;
	text-decoration:none;
}

#content02 p.content02_dltext{
	font-weight: bold;
	margin-bottom: 25px;
	line-height: 1.1;
}

/* SP  */
@media screen and (max-width: 768px) {
	#content02{
		background:#ffffff;
		/*background: url(../img/content02_bg_sp.jpg) 50% 0 no-repeat;*/
		background-size: cover;
		min-height:inherit;
		padding: 30px 25px;
	}
	#content02 h2{
		font-size:18px;
		/*letter-spacing: -1px;*/
		margin-bottom: 10px;
	}
	/*#content02 h2{
		line-height: 0;
		margin-bottom: 28px;
	}*/

#content02 h2 img{
		width: 120px;
		height: 31px;
}
		
	#content02 ul{
		flex-direction: column;
}
  
  #content02 ul li {
    margin: 10px;
  }
  
#content02 ul li span {
  font-size:15px;
	background: #ffffff;
	color: #13317b !important;
  border: #13317b 1px solid;
	border-radius: 5px;
	padding: 5px 50px;
	text-decoration:none;
}
  
  #content02 ul img {
		max-width: 80%;	
}
	#content02 p{
		font-size:12px;
		margin-left: -10px;
		margin-right: -10px;
		margin-bottom: 20px;
	}

	#content02 p.content02_dltext{
		font-size: 15px;
		margin-bottom: 20px;
		letter-spacing: -1px;
	}

	/*-------------*/
}

/* SP2 */
/*@media screen and (max-width: 347px) {
	#content02{
		padding: 30px 15px 20px;
	}
	#content02 p{
		font-size:11px;
		margin-left: -10px;
		margin-right: -10px;
		margin-bottom: 20px;
	}

	#content02 p.content02_dltext{
		font-size: 13px;
		margin-bottom: 20px;
		letter-spacing: -1px;
	}
}*/

/* content_gmt
------------------------------------------------------------------------------- */
#content_gmt{
	background:#ffffff;
	/*background: url(../img/content05_bg.jpg) 50% 0 no-repeat;*/
	background-size: cover;
	min-height: 300px;
	text-align: center;
	padding: 30px 0 20px;
}
#content_gmt h2{
	color:#26b7bc;
	font-size:30px;
	font-weight: bold;
	line-height: 1.1;
	letter-spacing: -2px;
	margin-bottom: 20px;
}
#content_gmt p{
	font-size: 18px;
	margin-bottom: 20px;
}

/* SP  */
@media screen and (max-width: 768px) {
	#content_gmt{
		background:#ffffff;
		/*background: url(../img/content05_bg_sp.jpg) 50% 0 no-repeat;*/
		background-size: cover;
		min-height:inherit;
		text-align: center;
		padding: 30px 5px 20px;
	}
	#content_gmt h2{
		font-size:18px;
		letter-spacing: -1px;
		margin-bottom: 30px;
	}
	#content_gmt p{
		font-size: 12px;
		line-height: 2.5;
		margin-bottom: 10px;
		padding: 0 10px;
	}
	/*-------------*/
}


/* content03
------------------------------------------------------------------------------- */
#content03{
	background:#FFC;
	/*background: #fbded8;*/
	text-align: center;
	padding: 30px 0;
}
#content03 h2{
	color:#26b7bc;
	font-size:30px;
	font-weight: bold;
	line-height: 1.1;
	letter-spacing: -2px;
	margin-bottom: 30px;
}
#content03 h3{
	line-height: 0;
	margin-bottom: 40px;
}
#content03 h4{
	color:#46b7ed;
	font-weight: bold;
	font-size:25px;
	margin-bottom: 45px;
}
#content03 p{
	font-size:18px;
	line-height: 2.7;
}

#content03 p.content03__text-ex{
	font-size:15px;
	margin: 60px 0;
}
#content03 p.content03__text-ex span{
	min-height: 39px;
	display: inline-block;
	padding: 0px 0px 0 150px;
	background: url(../img/icon_ex.svg) 0 0 no-repeat;
	background-size: 131px 39px;
}

.content03__list-pc{
}
.content03__list-pc li{
	margin-bottom: 45px;
}

.content03__box{
	background: #fff;
	border-radius: 10px;
	padding: 50px;
	margin-bottom: 65px;
}

.content03__dl{
	
}
.content03__dl > dt{
	background: #f0f0f0;
	text-align: center;
	margin-bottom: 15px;
	font-size:18px;
	font-weight: bold;
	padding: 7px;
}
.content03__dl > dd{
	margin-bottom: 10px;
}
.content03__dl-str{
	font-weight: bold;
	font-size:44px;
	color:#26b7bc;
}
.content03__dl-str span{
	font-size:34px;
}

.content03_status {
  font-weight: bold;
  color:#505050;
}

.content03_status a{
	color:#FFB90B !important;
}
.content03_status a:hover{
	color:#FFB90B; !important;
}


.content03__dl__ul{
  text-align: left;
}

.content03__dl__ul li{
  font-size:18px;
	padding-left: 115px;
	min-height: 30px;
	margin-bottom: 10px;
}

 .content03__dl__ul_02 {
  text-align: center;
}

.content03__dl__ul_02 li{
  font-size:18px;
	/*padding-left: 115px;*/
	min-height: 30px;
	margin-bottom: 10px;
}

.content03__dl__dl{
	text-align: left;
}
.content03__dl__dl dt{
	font-size:20px;
	font-weight: bold;
	padding-left: 115px;
	min-height: 30px;
	margin-bottom: 10px;
}
.content03__dl__dl dd{
	font-size:16px;
	margin-bottom: 45px;
}

dd .content03__dl__dl:nth-of-type(1) dt{
	margin-top: 30px;
	background: url(../img/icon_step1.svg) 0 0 no-repeat;
	background-size: 100px 30px;
}
dd .content03__dl__dl:nth-of-type(2) dt{
	background: url(../img/icon_step2.svg) 0 0 no-repeat;
	background-size: 100px 30px;
}
dd .content03__dl__dl:nth-of-type(3) dt{
	background: url(../img/icon_step3.svg) 0 0 no-repeat;
	background-size: 100px 30px;
}

/* SP  */
@media screen and (max-width: 768px) {
	#content03{
		padding: 30px 25px;
	}
	#content03 h2{
		font-size:18px;
    /*letter-spacing: -1px;*/
	}
	#content03 h3{
		line-height: 0;
		margin-bottom: 40px;
	}
	#content03 h3 img{
		width: 325px;
	}
	#content03 h4{
		font-size:17px;
		margin-bottom: 35px;
	}
	#content03 p{
		font-size:12px;
		margin: 0 -10px;
		line-height: 2.1;
	}

	#content03 p.content03__text-ex{
		font-size:10px;
		margin: 55px 0 35px;
	}
	#content03 p.content03__text-ex span{
		min-height:inherit;
		display: block;
		padding: 37px 0px 0 0px;
		background: url(../img/icon_ex.svg) 50% 0 no-repeat;
		background-size: 78px 23px;
	}


	.content03__box{
		border-radius: 6px;
		padding: 25px;
		margin-top: 0px;
		margin-bottom: 50px;
	}

	.content03__dl{
	}
	.content03__dl > dt{
		margin-bottom: 12px;
		font-size:12px;
		font-weight: bold;
		padding: 3px;
	}
	.content03__dl > dd{
		margin-bottom: 10px;
	}
	.content03__dl-str{
		font-size:24px;
		line-height: 1.3;
	}
  
	.content03__dl-str span{
		font-size:19px;
	}
  
 .content03_status {
  font-weight: bold;
  color:#505050;
}

.content03_status a{
	color:#FFB90B !important;
}
.content03_status a:hover{
	color:#FFB90B; !important;
}

  
.content03__dl__ul{
  text-align: left;
}
  
.content03__dl__ul li{
  font-size:14px;
  padding-left: 0px;
  /*text-indent: 55px;*/
  min-height: 15px;
  line-height: 1.4;
  margin-bottom: 10px;
  letter-spacing: -1px;
  }
  
  .content03__dl__ul_02{
  text-align: center;
}
  
.content03__dl__ul_02 li{
  font-size:14px;
  padding-left: 0px;
  /*text-indent: 55px;*/
  min-height: 15px;
  line-height: 1.4;
  margin-bottom: 10px;
  letter-spacing: -1px;
  }

	.content03__dl__dl{
		text-align: left;
	}
	.content03__dl__dl dt{
		/*
		font-size:15px;
		*/
		font-size:14px;
		font-weight: bold;
		padding-left: 0px;
		text-indent: 55px;
		min-height: 15px;
		line-height: 1.4;
		margin-bottom: 10px;
		letter-spacing: -1px;
	}
	.content03__dl__dl dd{
		font-size:12px;
		margin-bottom: 25px;
	}

	dd .content03__dl__dl:nth-of-type(1) dt{
		margin-top: 20px;
		background-position: 0 2px !important;
		background-size: 50px 15px;
	}
	dd .content03__dl__dl:nth-of-type(2) dt{
		background-position: 0 2px !important;
		background-size: 50px 15px;
	}
	dd .content03__dl__dl:nth-of-type(3) dt{
		background-position: 0 2px !important;
		background-size: 50px 15px;
	}

	#twitter-box{
		max-width: 500px;
		margin: 0 auto;
	}
	/*-------------*/
}

/* content04
------------------------------------------------------------------------------- */
#content04{
	background: #13317b;
	/*background: url(../img/content05_bg.jpg) 50% 0 no-repeat;*/
	background-size: cover;
	min-height: 100px;
	text-align: center;
	padding: 30px 0 20px;
}
#content04 h2{
	color:#46b7ed;
	font-size:30px;
	font-weight: bold;
	line-height: 1.1;
	letter-spacing: -2px;
	margin-bottom: 40px;
}
#content04p{
	font-size: 18px;
	margin-bottom: 55px;
}
.content04__btn{
	margin-bottom: 50px;
	line-height: 0;
}

#footer-logo{
	margin-bottom: 30px;
}

#copyright{
	font-size:12px;
	color: #ffffff !important;
}

/* SP  */
@media screen and (max-width: 768px) {
	#content04{
		background: #13317b;
	/*background: url(../img/content05_bg.jpg) 50% 0 no-repeat;*/
		background-size: cover;
		min-height:inherit;
		text-align: center;
		padding: 50px 5px 20px;
	}
	#content04 h2{
		font-size:18px;
		letter-spacing: -1px;
		margin-bottom: 30px;
	}
	#content04 p{
		font-size: 12px;
		line-height: 2.5;
		margin-bottom: 30px;
		padding: 0 10px;
	}
	.content04__img{
		width: 330px;
		height: 86px;
	}
	.content04__btn{
		margin-bottom: 30px;
		line-height: 0;
		text-align: center;
	}
	.content04__btn img{
		width:275px;
		height: 50px;
	}

	#footer-logo{
		margin-bottom: 20px;
	}
	#footer-logo img{
		width: 215px;
	}
	#copyright{
		font-size:9px;
		color: #ffffff !important;
	}
	/*-------------*/
}


/* Slider 
------------------------------------------------------------------------------- */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
	opacity: 1;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/* Slider */
.slick-loading .slick-list
{
}


/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
	/*
    top: 50%;
	margin-top: -40px;
	*/
	top: 220px;
    display: block;

	
	width: 40px;
	height: 40px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: 0;
    background: transparent;
	z-index: 900;
	
	-webkit-animation:blink .8s ease-in-out infinite alternate;
    animation:blink .8s ease-in-out infinite alternate;
}

.slick-prev:focus,
.slick-next:focus{
	outline: 0;
	
}
.slick-prev::before,
.slick-next::before{
	display: none!important;
}

.slick-prev.slick-disabled,
.slick-next.slick-disabled{
	display: none !important;
}

.slick-prev{
	left: 2px;
	
	border-radius: 0;
}
	.slick-prev:hover{
	}

.slick-next{
    right: 2px;
}
	.slick-next:hover{
	}

/* Dots */
.slick-dotted.slick-slider{
    margin-bottom: 0px;
}

.slick-dots{
    position: absolute;
    bottom: -30px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;
    text-align: center;
}
.slick-dots li{
    position: relative;

    display: inline-block;

    width: 12px !important;
	height: 12px !important;
    margin: 0 8px !important;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 12px;
	height: 12px;
	padding: 0px;
	border-radius: 6px;
	
	outline: 0;
	border:1px solid #808080;
	background: none;
    cursor: pointer;
	
	-webkit-transition: none;
    transition:none;
}
.slick-dots li button:hover,
.slick-dots li.slick-active button{
    background:#808080;
	opacity: 1;
}
.slick-dots li button::before{
	display: none !important;
}


/* common
------------------------------------------------------------------------------- */
.pos-rela{
	position: relative !important;
}

.disp-flex{
	display: flex !important;
	align-items: center;
	width:100%;
}

.op_view{
	opacity: 1 !important;
}

.v-align-top{
	vertical-align: top !important;
}

img{
	max-width:100%;
    height: auto;
}
th img,
td img{
	max-width: inherit;
	height: inherit;
}

.cl{
	clear:both;
}
.none{
	display:none !important;
}

/* clearfix */
.cf:before, .cf:after{
    content:"";
    display:table;
}
.cf:after{
    clear:both;
}

/* font系 */
.bold { font-weight: bold !important;}
.normal { font-weight:normal!important;}
.t-col00{ color:#000 !important;}
.t-col01{ color:#BF0000 !important;}
.t-col02{ color:#3682B1 !important;}


/* tbale-cell */
.table-cell {
	display: table;
}
.table-cell-l,
.table-cell-r {
	display: table-cell;
	vertical-align: middle;
}

.bnr-wrap {
	margin-bottom: -8px;
}


/* PC
----------------------------------------------- */
@media screen and (min-width: 769px) {
	/**/
  /*
	a img{
		-webkit-transition: 0.3s ease;
		transition: 0.3s ease;
	}
	a:hover img{
		opacity: 0.7;
	}
  */
  
  .align_r {
  	text-align: right !important;
  }
  .align_c {
    text-align: center !important;
  }
  .align_l {
    text-align: left !important;
  }
	
	.fl_l{
		float: left;
	}
	.fl_r{
		float: right;
	}
	
	/* view */
	.sp_view{
		display: none;
	}
	.pc_view{
	}
	
	/* font-size */
	.fs9 {font-size: 9px !important;}
	.fs10 {font-size: 10px !important;}
	.fs11 {font-size: 11px !important;}
	.fs12 {font-size: 12px !important;}
	.fs13 {font-size: 13px !important;}
	.fs14 {font-size: 14px !important;}
	.fs15 {font-size: 15px !important;}
	.fs16 {font-size: 16px !important;}
	.fs17 {font-size: 17px !important;}
	.fs18 {font-size: 18px !important;}
	.fs19 {font-size: 19px !important;}
	.fs20 {font-size: 20px !important;}
	.fs21 {font-size: 21px !important;}
	.fs22 {font-size: 22px !important;}
	.fs23 {font-size: 23px !important;}
	.fs24 {font-size: 24px !important;}
	
	/* margin-top */
	.mt10_minus { margin-top: -10px   !important;}
	.mt5_minus { margin-top: -5px   !important;}
	.mt0 { margin-top: 0   !important;}
	.mt5 { margin-top: 5px !important;}
	.mt10 { margin-top:10px !important;}
	.mt15 { margin-top:15px !important;}
	.mt20 { margin-top:20px !important;}
	.mt25 { margin-top:25px !important;}
	.mt30 { margin-top:30px !important;}
	.mt35 { margin-top:35px !important;}
	.mt40 { margin-top:40px !important;}
	.mt45 { margin-top:45px !important;}
	.mt50 { margin-top:50px !important;}

	/* margin-bottom */
  .mb20_minus { margin-bottom: -20px   !important;}
	.mb0 { margin-bottom: 0   !important;}
	.mb5 { margin-bottom: 5px !important;}
	.mb10 { margin-bottom:10px !important;}
	.mb15 { margin-bottom:15px !important;}
	.mb20 { margin-bottom:20px !important;}
	.mb25 { margin-bottom:25px !important;}
	.mb30 { margin-bottom:30px !important;}
	.mb35 { margin-bottom:35px !important;}
	.mb40 { margin-bottom:40px !important;}
	.mb50 { margin-bottom:50px !important;}
	.mb60 { margin-bottom:60px !important;}
	.mb70 { margin-bottom:70px !important;}
	.mb100 { margin-bottom:100px !important;}
	
	/* margin-right */
	.mr0 { margin-right: 0   !important;}
	.mr5 { margin-right: 5px !important;}
	.mr10 { margin-right:10px !important;}
	.mr15 { margin-right:15px !important;}
	.mr20 { margin-right:20px !important;}
	.mr30 { margin-right:30px !important;}
	.mr40 { margin-right:40px !important;}
	.mr50 { margin-right:50px !important;}

	/* margin-left */
	.ml0 { margin-left: 0   !important;}
	.ml5 { margin-left: 5px !important;}
	.ml10 { margin-left:10px !important;}
	.ml15 { margin-left:15px !important;}
	.ml20 { margin-left:20px !important;}
	.ml30 { margin-left:30px !important;}
	.ml40 { margin-left:40px !important;}
	.ml50 { margin-left:50px !important;}

	/* padding-top */
	.pt0 { padding-top: 0   !important;}
	.pt5 { padding-top: 5px !important;}
	.pt8 { padding-top:8px !important;}
	.pt18 { padding-top:18px !important;}
	.pt10 { padding-top:10px !important;}
	.pt15 { padding-top:15px !important;}
	.pt20 { padding-top:20px !important;}
	.pt25 { padding-top:25px !important;}
	.pt30 { padding-top:30px !important;}
	.pt35 { padding-top:35px !important;}
	.pt40 { padding-top:40px !important;}
	.pt45 { padding-top:45px !important;}
	.pt50 { padding-top:50px !important;}
	.pt55 { padding-top:55px !important;}
	.pt70 { padding-top:70px !important;}
	.pt75 { padding-top:75px !important;}
	
	/* padding-bottom */
	.pb0 { padding-bottom: 0   !important;}
	.pb5 { padding-bottom: 5px !important;}
	.pb10 { padding-bottom:10px !important;}
	.pb15 { padding-bottom:15px !important;}
	.pb20 { padding-bottom:20px !important;}
	.pb30 { padding-bottom:30px !important;}
	.pb40 { padding-bottom:40px !important;}
	.pb50 { padding-bottom:50px !important;}
	
	/* padding-right */
	.pr0 { padding-right: 0   !important;}
	.pr5 { padding-right: 5px !important;}
	.pr10 { padding-right:10px !important;}
	.pr15 { padding-right:15px !important;}
	.pr20 { padding-right:20px !important;}
	.pr30 { padding-right:30px !important;}
	.pr40 { padding-right:40px !important;}
	.pr50 { padding-right:50px !important;}
	
	/* padding-left */
	.pl0 { padding-left: 0   !important;}
	.pl5 { padding-left: 5px !important;}
	.pl10 { padding-left:10px !important;}
	.pl15 { padding-left:15px !important;}
	.pl20 { padding-left:20px !important;}
	.pl30 { padding-left:30px !important;}
	.pl40 { padding-left:40px !important;}
	.pl50 { padding-left:50px !important;}
	
	/* width-size px */
	.w60{ width: 60px !important;}
	.w90{ width: 90px !important;}
	.w100{ width: 100px !important;}
	.w120{ width: 120px !important;}
	.w175{ width: 175px !important;}
	.w150{ width: 150px !important;}
	.w200{ width: 200px !important;}
	.w240{ width: 240px !important;}
	.w245{ width: 245px !important;}
	.w280{ width: 280px !important;}
	.w300{ width: 300px !important;}
	.w340{ width: 340px !important;}
	.w400{ width: 400px !important;}
	.w440{ width: 440px !important;}
	.w500{ width: 500px !important;}
	
	/* width-size % */
	.w100p{ width: 100% !important;}
	.w75p{ width: 75% !important;}
	.w50p{ width: 50% !important;}
	.w25p{ width: 25% !important;}
	.w10p{ width: 10% !important;}
	.w_auto{ width:auto !important;}

}


/* SP
----------------------------------------------- */
@media screen and (max-width: 768px) {
	
	/* view */
	.sp_view{
		display: block !important;
	}
	.favoriteIcon .sp_view{
		display: inline!important;
	}
	
	.pc_view{
		display: none !important;
	}
  
	/**/
	.align_r_sp {
		text-align: right !important;
	}
	.align_c_sp {
		text-align: center !important;
	}
	.align_l_sp {
		text-align: left !important;
	}
	
	.fl_l_sp{
		float: left;
	}
	.fl_r_sp{
		float: right;
	}
  
	/* font-size */
	.fs8_sp {font-size: 8px !important;}
	.fs9_sp {font-size: 9px !important;}
	.fs10_sp {font-size: 10px !important;}
	.fs11_sp {font-size: 11px !important;}
	.fs12_sp {font-size: 12px !important;}
	.fs13_sp {font-size: 13px !important;}
	.fs14_sp {font-size: 14px !important;}
	.fs15_sp {font-size: 15px !important;}
	.fs16_sp {font-size: 16px !important;}
	.fs17_sp {font-size: 17px !important;}
	.fs18_sp {font-size: 18px !important;}
	.fs19_sp {font-size: 19px !important;}
	.fs20_sp {font-size: 20px !important;}
	.fs21_sp {font-size: 21px !important;}
	.fs22_sp {font-size: 22px !important;}
	.fs23_sp {font-size: 23px !important;}
	.fs24_sp {font-size: 24px !important;}


	/* margin-top */
	.mt0_sp { margin-top: 0   !important;}
	.mt5_sp { margin-top: 5px !important;}
	.mt10_sp { margin-top:10px !important;}
	.mt15_sp { margin-top:15px !important;}
	.mt20_sp { margin-top:20px !important;}
	.mt25_sp { margin-top:25px !important;}
	.mt30_sp { margin-top:30px !important;}
	.mt35_sp { margin-top:35px !important;}
	.mt40_sp { margin-top:40px !important;}
	.mt45_sp { margin-top:45px !important;}
	.mt50_sp { margin-top:50px !important;}


	/* margin-bottom */
	.mb0_sp { margin-bottom: 0   !important;}
	.mb5_sp { margin-bottom: 5px !important;}
	.mb10_sp { margin-bottom:10px !important;}
	.mb15_sp { margin-bottom:15px !important;}
	.mb20_sp { margin-bottom:20px !important;}
	.mb25_sp { margin-bottom:25px !important;}
	.mb30_sp { margin-bottom:30px !important;}
	.mb35_sp { margin-bottom:35px !important;}
	.mb40_sp { margin-bottom:40px !important;}
	.mb50_sp { margin-bottom:50px !important;}
	.mb60_sp { margin-bottom:60px !important;}
	.mb70_sp { margin-bottom:70px !important;}
	.mb100_sp { margin-bottom:100px !important;}
	
	.mlr10_sp_minus { margin-right: -10px !important; margin-left: -10px !important;}
	
	/* margin-right */
	.mr10_sp_minus { margin-right: -10px   !important;}
	.mr0_sp { margin-right: 0   !important;}
	.mr5_sp { margin-right: 5px !important;}
	.mr10_sp { margin-right:10px !important;}
	.mr15_sp { margin-right:15px !important;}
	.mr20_sp { margin-right:20px !important;}
	.mr30_sp { margin-right:30px !important;}
	.mr40_sp { margin-right:40px !important;}
	.mr50_sp { margin-right:50px !important;}

	/* margin-left */
	.ml0_sp { margin-left: 0   !important;}
	.ml5_sp { margin-left: 5px !important;}
	.ml7_sp { margin-left: 7px !important;}
	.ml10_sp { margin-left:10px !important;}
	.ml15_sp { margin-left:15px !important;}
	.ml20_sp { margin-left:20px !important;}
	.ml30_sp { margin-left:30px !important;}
	.ml40_sp { margin-left:40px !important;}
	.ml50_sp { margin-left:50px !important;}


	/* padding-top */
	.pt0_sp { padding-top: 0   !important;}
	.pt5_sp { padding-top: 5px !important;}
	.pt10_sp { padding-top:10px !important;}
	.pt15_sp { padding-top:15px !important;}
	.pt20_sp { padding-top:20px !important;}
	.pt25_sp { padding-top:25px !important;}
	.pt30_sp { padding-top:30px !important;}
	.pt35_sp { padding-top:35px !important;}
	.pt40_sp { padding-top:40px !important;}
	.pt45_sp { padding-top:45px !important;}
	.pt50_sp { padding-top:50px !important;}

	/* padding-bottom */
	.pb0_sp { padding-bottom: 0   !important;}
	.pb5_sp { padding-bottom: 5px !important;}
	.pb10_sp { padding-bottom:10px !important;}
	.pb15_sp { padding-bottom:15px !important;}
	.pb20_sp { padding-bottom:20px !important;}
	.pb30_sp { padding-bottom:30px !important;}
	.pb40_sp { padding-bottom:40px !important;}
	.pb50_sp { padding-bottom:50px !important;}

	/* padding-right */
	.pr0_sp { padding-right: 0   !important;}
	.pr5_sp { padding-right: 5px !important;}
	.pr10_sp { padding-right:10px !important;}
	.pr15_sp { padding-right:15px !important;}
	.pr20_sp { padding-right:20px !important;}
	.pr30_sp { padding-right:30px !important;}
	.pr40_sp { padding-right:40px !important;}
	.pr50_sp { padding-right:50px !important;}

	/* padding-left */
	.pl0_sp { padding-left: 0   !important;}
	.pl5_sp { padding-left: 5px !important;}
	.pl10_sp { padding-left:10px !important;}
	.pl15_sp { padding-left:15px !important;}
	.pl20_sp { padding-left:20px !important;}
	.pl30_sp { padding-left:30px !important;}
	.pl40_sp { padding-left:40px !important;}
	.pl50_sp { padding-left:50px !important;}

	/* width-size % */
	.w100_sp{ width: 100px !important;}
	.w100p_sp{ width: 100% !important;}
	.w75p_sp{ width: 75% !important;}
	.w50p_sp{ width: 50% !important;}
	.w25p_sp{ width: 25% !important;}
	.w10p_sp{ width: 10% !important;}
	
	/* flex-order */
	.order1_sp{order: 1 !important;}
	.order2_sp{order: 2 !important;}
	.order3_sp{order: 3 !important;}
	.order4_sp{order: 4 !important;}
	.order5_sp{order: 5 !important;}

	.bnr-wrap {padding: 0 0 10px 0;}
	
}


/* -------------------------------------------- */