/*
Title: responsive.css
Last Updated: 2025-06-18
Author: Ryu
*/

/*----------------------------------------
	pc sp common
----------------------------------------*/

img{
	vertical-align: bottom;
	image-rendering: -webkit-optimize-contrast;
}
li{ list-style:none; }
.center{ text-align:center; }
.op{ transition: all 0.4s; }
.op:hover{ opacity:0.60; }
.m_auto{
	margin-right: auto;
	margin-left: auto;
}
.respon{ width: 100%; }
.max-respon{ max-width: 100%; }

@media print, screen and (min-width: 600px) {

	.pc_none{ display: none; }
	.sp_br{ display: none; }
	.left{ float: left; }
	.right{ float: right; }

}/*END*/

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

	.sp_none{ display: none;}
	.pc_br{ display: none; }
	.sp_left{ text-align: left; }

}/*END*/


/*----------------------------------------
	text
----------------------------------------*/

/*font-family*/
.text_yu_go{
	font-family:'游ゴシック体', 'Yu Gothic', YuGothic,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif;
}
.text_yu_min{
	font-family: '游明朝体', "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
}

/*font-weight*/
.text_bold{ font-weight: bold; }
.text_normal{ font-weight: normal; }
.text_300{ font-weight: 300; }
.text_400{ font-weight: 400; }
.text_500{ font-weight: 500; }
.text_600{ font-weight: 600; }
.text_700{ font-weight: 700; }

/*line-height*/
.lh_10{ line-height: 1; }
.lh_11{ line-height: 1.1; }
.lh_12{ line-height: 1.2; }
.lh_13{ line-height: 1.3; }
.lh_14{ line-height: 1.4; }
.lh_15{ line-height: 1.5; }
.lh_16{ line-height: 1.6; }
.lh_17{ line-height: 1.7; }
.lh_18{ line-height: 1.8; }
.lh_19{ line-height: 1.9; }
.lh_20{ line-height: 2; }
.lh_21{ line-height: 2.1; }
.lh_22{ line-height: 2.2; }
.lh_23{ line-height: 2.3; }
.lh_24{ line-height: 2.4; }
.lh_25{ line-height: 2.5; }
.lh_26{ line-height: 2.6; }

/*letter-spacing*/
.ls_-2{ letter-spacing: -2px; }
.ls_-1{ letter-spacing: -1px; }
.ls_1{ letter-spacing: 1px; }
.ls_2{ letter-spacing: 2px; }
.ls_3{ letter-spacing: 3px; }
.ls_4{ letter-spacing: 4px; }
.ls_5{ letter-spacing: 5px; }
.ls_6{ letter-spacing: 6px; }


/*----------------------------------------
	datepicker
----------------------------------------*/

#ui-datepicker-div{
	max-width: 100%;
	width: 370px;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button, html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active{
	padding: 15px;
}
.ui-datepicker .ui-datepicker-header{
	padding: 8px 0;
}

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

	#ui-datepicker-div{
		width: 340px;
	}

}/*END*/


/*----------------------------------------
	margin set
----------------------------------------*/

/*margin set*/
.m_b2{ margin-bottom: 2px; }
.m_b3{ margin-bottom: 3px; }
.m_b4{ margin-bottom: 4px; }
.m_b5{ margin-bottom: 5px; }
.m_b8{ margin-bottom: 8px; }
.m_b10{ margin-bottom: 10px; }
.m_b12{ margin-bottom: 12px; }
.m_b15{ margin-bottom: 15px; }

.m_t2{ margin-top: 2px; }
.m_t3{ margin-top: 3px; }
.m_t4{ margin-top: 4px; }
.m_t5{ margin-top: 5px; }
.m_t8{ margin-top: 8px; }
.m_t10{ margin-top: 10px; }
.m_t12{ margin-top: 12px; }
.m_t15{ margin-top: 15px; }

.p_t2{ padding-top: 2px; }
.p_t3{ padding-top: 3px; }
.p_t4{ padding-top: 4px; }
.p_t5{ padding-top: 5px; }
.p_t8{ padding-top: 8px; }
.p_t10{ padding-top: 10px; }
.p_t12{ padding-top: 12px; }
.p_t15{ padding-top: 15px; }

.p_b2{ padding-bottom: 2px; }
.p_b3{ padding-bottom: 3px; }
.p_b4{ padding-bottom: 4px; }
.p_b5{ padding-bottom: 5px; }
.p_b8{ padding-bottom: 8px; }
.p_b10{ padding-bottom: 10px; }
.p_b12{ padding-bottom: 12px; }
.p_b15{ padding-bottom: 15px; }

@media print, screen and (min-width: 1060px){

	.m_b18{ margin-bottom: 18px; }
	.m_b20{ margin-bottom: 20px; }
	.m_b25{ margin-bottom: 25px; }
	.m_b30{ margin-bottom: 30px; }
	.m_b35{ margin-bottom: 35px; }
	.m_b40{ margin-bottom: 40px; }
	.m_b45{ margin-bottom: 45px; }
	.m_b50{ margin-bottom: 50px; }
	.m_b55{ margin-bottom: 55px; }
	.m_b60{ margin-bottom: 60px; }
	.m_b65{ margin-bottom: 65px; }
	.m_b70{ margin-bottom: 70px; }
	.m_b75{ margin-bottom: 75px; }
	.m_b80{ margin-bottom: 80px; }
	.m_b85{ margin-bottom: 85px; }
	.m_b90{ margin-bottom: 90px; }
	.m_b95{ margin-bottom: 95px; }
	.m_b100{ margin-bottom: 100px; }
	.m_b105{ margin-bottom: 105px; }
	.m_b110{ margin-bottom: 110px; }
	.m_b115{ margin-bottom: 115px; }
	.m_b120{ margin-bottom: 120px; }
	.m_b125{ margin-bottom: 125px; }
	.m_b130{ margin-bottom: 130px; }
	.m_b135{ margin-bottom: 135px; }
	.m_b140{ margin-bottom: 140px; }
	.m_b150{ margin-bottom: 150px; }
	.m_b160{ margin-bottom: 160px; }

	.m_t18{ margin-top: 18px; }
	.m_t20{ margin-top: 20px; }
	.m_t25{ margin-top: 25px; }
	.m_t30{ margin-top: 30px; }
	.m_t35{ margin-top: 35px; }
	.m_t40{ margin-top: 40px; }
	.m_t45{ margin-top: 45px; }
	.m_t50{ margin-top: 50px; }
	.m_t55{ margin-top: 55px; }
	.m_t60{ margin-top: 60px; }
	.m_t65{ margin-top: 65px; }
	.m_t70{ margin-top: 70px; }
	.m_t75{ margin-top: 75px; }
	.m_t80{ margin-top: 80px; }
	.m_t85{ margin-top: 85px; }
	.m_t90{ margin-top: 90px; }
	.m_t95{ margin-top: 95px; }
	.m_t100{ margin-top: 100px; }
	.m_t105{ margin-top: 105px; }
	.m_t110{ margin-top: 110px; }
	.m_t115{ margin-top: 115px; }
	.m_t120{ margin-top: 120px; }
	.m_t125{ margin-top: 125px; }
	.m_t130{ margin-top: 130px; }
	.m_t135{ margin-top: 135px; }
	.m_t140{ margin-top: 140px; }

	.p_t18{ padding-top: 18px; }
	.p_t20{ padding-top: 20px; }
	.p_t25{ padding-top: 25px; }
	.p_t30{ padding-top: 30px; }
	.p_t35{ padding-top: 35px; }
	.p_t40{ padding-top: 40px; }
	.p_t45{ padding-top: 45px; }
	.p_t50{ padding-top: 50px; }
	.p_t55{ padding-top: 55px; }
	.p_t60{ padding-top: 60px; }
	.p_t65{ padding-top: 65px; }
	.p_t70{ padding-top: 70px; }
	.p_t75{ padding-top: 75px; }
	.p_t80{ padding-top: 80px; }
	.p_t85{ padding-top: 85px; }
	.p_t90{ padding-top: 90px; }
	.p_t95{ padding-top: 95px; }
	.p_t100{ padding-top: 100px; }
	.p_t105{ padding-top: 105px; }
	.p_t110{ padding-top: 110px; }
	.p_t115{ padding-top: 110px; }
	.p_t120{ padding-top: 120px; }
	.p_t125{ padding-top: 125px; }
	.p_t130{ padding-top: 130px; }
	.p_t135{ padding-top: 135px; }
	.p_t140{ padding-top: 140px; }

	.p_b18{ padding-bottom: 18px; }
	.p_b20{ padding-bottom: 20px; }
	.p_b25{ padding-bottom: 25px; }
	.p_b30{ padding-bottom: 30px; }
	.p_b35{ padding-bottom: 35px; }
	.p_b40{ padding-bottom: 40px; }
	.p_b45{ padding-bottom: 45px; }
	.p_b50{ padding-bottom: 50px; }
	.p_b55{ padding-bottom: 55px; }
	.p_b60{ padding-bottom: 60px; }
	.p_b65{ padding-bottom: 65px; }
	.p_b70{ padding-bottom: 70px; }
	.p_b75{ padding-bottom: 75px; }
	.p_b80{ padding-bottom: 80px; }
	.p_b85{ padding-bottom: 85px; }
	.p_b90{ padding-bottom: 90px; }
	.p_b95{ padding-bottom: 95px; }
	.p_b100{ padding-bottom: 100px; }
	.p_b105{ padding-bottom: 105px; }
	.p_b110{ padding-bottom: 110px; }
	.p_b115{ padding-bottom: 115px; }
	.p_b120{ padding-bottom: 120px; }
	.p_b125{ padding-bottom: 125px; }
	.p_b130{ padding-bottom: 130px; }
	.p_b135{ padding-bottom: 135px; }
	.p_b140{ padding-bottom: 140px; }
	.p_b150{ padding-bottom: 150px; }
	.p_b160{ padding-bottom: 160px; }

}/*END*/

@media print, screen and (min-width: 600px) and ( max-width: 1059px){

	.m_b18{ margin-bottom: 18px; }
	.m_b20{ margin-bottom: 20px; }
	.m_b25{ margin-bottom: 25px; }
	.m_b30{ margin-bottom: 30px; }
	.m_b35{ margin-bottom: 30px; }
	.m_b40{ margin-bottom: 35px; }
	.m_b45{ margin-bottom: 35px; }
	.m_b50{ margin-bottom: 40px; }
	.m_b55{ margin-bottom: 40px; }
	.m_b60{ margin-bottom: 45px; }
	.m_b65{ margin-bottom: 45px; }
	.m_b70{ margin-bottom: 50px; }
	.m_b75{ margin-bottom: 50px; }
	.m_b80{ margin-bottom: 55px; }
	.m_b85{ margin-bottom: 55px; }
	.m_b90{ margin-bottom: 60px; }
	.m_b95{ margin-bottom: 60px; }
	.m_b100{ margin-bottom: 70px; }
	.m_b105{ margin-bottom: 70px; }
	.m_b110{ margin-bottom: 80px; }
	.m_b115{ margin-bottom: 80px; }
	.m_b120{ margin-bottom: 90px; }
	.m_b125{ margin-bottom: 90px; }
	.m_b130{ margin-bottom: 100px; }
	.m_b135{ margin-bottom: 100px; }
	.m_b140{ margin-bottom: 100px; }
	.m_b150{ margin-bottom: 100px; }
	.m_b160{ margin-bottom: 100px; }

	.m_t18{ margin-top: 18px; }
	.m_t20{ margin-top: 20px; }
	.m_t25{ margin-top: 25px; }
	.m_t30{ margin-top: 30px; }
	.m_t35{ margin-top: 30px; }
	.m_t40{ margin-top: 35px; }
	.m_t45{ margin-top: 35px; }
	.m_t50{ margin-top: 40px; }
	.m_t55{ margin-top: 40px; }
	.m_t60{ margin-top: 45px; }
	.m_t65{ margin-top: 45px; }
	.m_t70{ margin-top: 50px; }
	.m_t75{ margin-top: 50px; }
	.m_t80{ margin-top: 55px; }
	.m_t85{ margin-top: 55px; }
	.m_t90{ margin-top: 60px; }
	.m_t95{ margin-top: 60px; }
	.m_t100{ margin-top: 70px; }
	.m_t105{ margin-top: 70px; }
	.m_t110{ margin-top: 80px; }
	.m_t115{ margin-top: 80px; }
	.m_t120{ margin-top: 90px; }
	.m_t125{ margin-top: 90px; }
	.m_t130{ margin-top: 100px; }
	.m_t135{ margin-top: 100px; }
	.m_t140{ margin-top: 100px; }

	.p_t18{ padding-top: 18px; }
	.p_t20{ padding-top: 20px; }
	.p_t25{ padding-top: 25px; }
	.p_t30{ padding-top: 30px; }
	.p_t35{ padding-top: 30px; }
	.p_t40{ padding-top: 35px; }
	.p_t45{ padding-top: 35px; }
	.p_t50{ padding-top: 40px; }
	.p_t55{ padding-top: 40px; }
	.p_t60{ padding-top: 45px; }
	.p_t65{ padding-top: 45px; }
	.p_t70{ padding-top: 50px; }
	.p_t75{ padding-top: 50px; }
	.p_t80{ padding-top: 55px; }
	.p_t85{ padding-top: 55px; }
	.p_t90{ padding-top: 60px; }
	.p_t95{ padding-top: 60px; }
	.p_t100{ padding-top: 70px; }
	.p_t105{ padding-top: 70px; }
	.p_t110{ padding-top: 80px; }
	.p_t115{ padding-top: 80px; }
	.p_t120{ padding-top: 90px; }
	.p_t125{ padding-top: 90px; }
	.p_t130{ padding-top: 100px; }
	.p_t135{ padding-top: 100px; }
	.p_t140{ padding-top: 100px; }

	.p_b18{ padding-bottom: 18px; }
	.p_b20{ padding-bottom: 20px; }
	.p_b25{ padding-bottom: 25px; }
	.p_b30{ padding-bottom: 30px; }
	.p_b35{ padding-bottom: 30px; }
	.p_b40{ padding-bottom: 35px; }
	.p_b45{ padding-bottom: 35px; }
	.p_b50{ padding-bottom: 40px; }
	.p_b55{ padding-bottom: 40px; }
	.p_b60{ padding-bottom: 45px; }
	.p_b65{ padding-bottom: 45px; }
	.p_b70{ padding-bottom: 50px; }
	.p_b75{ padding-bottom: 50px; }
	.p_b80{ padding-bottom: 55px; }
	.p_b85{ padding-bottom: 55px; }
	.p_b90{ padding-bottom: 60px; }
	.p_b95{ padding-bottom: 60px; }
	.p_b100{ padding-bottom: 70px; }
	.p_b105{ padding-bottom: 70px; }
	.p_b110{ padding-bottom: 80px; }
	.p_b115{ padding-bottom: 80px; }
	.p_b120{ padding-bottom: 90px; }
	.p_b125{ padding-bottom: 90px; }
	.p_b130{ padding-bottom: 100px; }
	.p_b135{ padding-bottom: 100px; }
	.p_b140{ padding-bottom: 100px; }
	.p_b150{ padding-bottom: 100px; }
	.p_b160{ padding-bottom: 100px; }

}/*END*/

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

	.m_b18{ margin-bottom: 15px; }
	.m_b20{ margin-bottom: 18px; }
	.m_b25{ margin-bottom: 20px; }
	.m_b30{ margin-bottom: 25px; }
	.m_b35{ margin-bottom: 25px; }
	.m_b40{ margin-bottom: 25px; }
	.m_b45{ margin-bottom: 25px; }
	.m_b50{ margin-bottom: 30px; }
	.m_b55{ margin-bottom: 30px; }
	.m_b60{ margin-bottom: 35px; }
	.m_b65{ margin-bottom: 35px; }
	.m_b70{ margin-bottom: 40px; }
	.m_b75{ margin-bottom: 45px; }
	.m_b80{ margin-bottom: 50px; }
	.m_b85{ margin-bottom: 50px; }
	.m_b90{ margin-bottom: 50px; }
	.m_b95{ margin-bottom: 50px; }
	.m_b100{ margin-bottom: 50px; }
	.m_b105{ margin-bottom: 50px; }
	.m_b110{ margin-bottom: 50px; }
	.m_b115{ margin-bottom: 50px; }
	.m_b120{ margin-bottom: 50px; }
	.m_b125{ margin-bottom: 50px; }
	.m_b130{ margin-bottom: 50px; }
	.m_b135{ margin-bottom: 50px; }
	.m_b140{ margin-bottom: 50px; }
	.m_b150{ margin-bottom: 60px; }
	.m_b160{ margin-bottom: 60px; }

	.m_t18{ margin-top: 15px; }
	.m_t20{ margin-top: 18px; }
	.m_t25{ margin-top: 20px; }
	.m_t30{ margin-top: 25px; }
	.m_t35{ margin-top: 25px; }
	.m_t40{ margin-top: 25px; }
	.m_t45{ margin-top: 25px; }
	.m_t50{ margin-top: 30px; }
	.m_t50{ margin-top: 30px; }
	.m_t60{ margin-top: 35px; }
	.m_t65{ margin-top: 35px; }
	.m_t70{ margin-top: 40px; }
	.m_t75{ margin-top: 45px; }
	.m_t80{ margin-top: 50px; }
	.m_t85{ margin-top: 50px; }
	.m_t90{ margin-top: 50px; }
	.m_t95{ margin-top: 50px; }
	.m_t100{ margin-top: 50px; }
	.m_t105{ margin-top: 50px; }
	.m_t110{ margin-top: 50px; }
	.m_t115{ margin-top: 50px; }
	.m_t120{ margin-top: 50px; }
	.m_t125{ margin-top: 50px; }
	.m_t130{ margin-top: 50px; }
	.m_t135{ margin-top: 50px; }
	.m_t140{ margin-top: 50px; }

	.p_t18{ padding-top: 15px; }
	.p_t20{ padding-top: 18px; }
	.p_t25{ padding-top: 20px; }
	.p_t30{ padding-top: 25px; }
	.p_t35{ padding-top: 25px; }
	.p_t40{ padding-top: 25px; }
	.p_t45{ padding-top: 25px; }
	.p_t50{ padding-top: 30px; }
	.p_t55{ padding-top: 30px; }
	.p_t60{ padding-top: 35px; }
	.p_t65{ padding-top: 35px; }
	.p_t70{ padding-top: 40px; }
	.p_t75{ padding-top: 40px; }
	.p_t80{ padding-top: 45px; }
	.p_t85{ padding-top: 50px; }
	.p_t90{ padding-top: 50px; }
	.p_t100{ padding-top: 50px; }
	.p_t105{ padding-top: 50px; }
	.p_t110{ padding-top: 50px; }
	.p_t115{ padding-top: 50px; }
	.p_t120{ padding-top: 50px; }
	.p_t125{ padding-top: 50px; }
	.p_t130{ padding-top: 50px; }
	.p_t135{ padding-top: 50px; }
	.p_t140{ padding-top: 50px; }
	.p_t150{ padding-top: 60px; }
	.p_t160{ padding-top: 60px; }

	.p_b18{ padding-bottom: 15px; }
	.p_b20{ padding-bottom: 18px; }
	.p_b25{ padding-bottom: 20px; }
	.p_b30{ padding-bottom: 25px; }
	.p_b35{ padding-bottom: 25px; }
	.p_b40{ padding-bottom: 25px; }
	.p_b45{ padding-bottom: 25px; }
	.p_b50{ padding-bottom: 30px; }
	.p_b55{ padding-bottom: 30px; }
	.p_b60{ padding-bottom: 35px; }
	.p_b65{ padding-bottom: 35px; }
	.p_b70{ padding-bottom: 40px; }
	.p_b75{ padding-bottom: 40px; }
	.p_b80{ padding-bottom: 45px; }
	.p_b85{ padding-bottom: 50px; }
	.p_b90{ padding-bottom: 50px; }
	.p_b95{ padding-bottom: 50px; }
	.p_b100{ padding-bottom: 50px; }
	.p_b105{ padding-bottom: 50px; }
	.p_b110{ padding-bottom: 50px; }
	.p_b115{ padding-bottom: 50px; }
	.p_b120{ padding-bottom: 50px; }
	.p_b125{ padding-bottom: 50px; }
	.p_b130{ padding-bottom: 50px; }
	.p_b135{ padding-bottom: 50px; }
	.p_b140{ padding-bottom: 50px; }
	.p_b150{ padding-bottom: 60px; }
	.p_b160{ padding-bottom: 60px; }

}/*END*/