@charset "utf-8";


/*	css vars
------------------------------------------*/

:root {
	--scr-mgnf: calc( 100vh - 460px ) / 400;
	--cl_yellow: #F4C900;
	--cl_brown: #783B33;
}






/*	base font
------------------------------------------*/

@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 100;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 200;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 300;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 400;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Bold");
	font-weight: bold;
}

html{ font-size: calc(13px + 3 * ( 100vh - 460px ) / 300 )}
@media(min-height: 860px){ html{ font-size: 16px }}
@media(max-height: 460px){ html{ font-size: 13px }}

body{
	color: #222;
	font-family: "Yu Gothic", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-size: 1.45rem;
	font-weight: 400;
	line-height:1.8 !important;
	font-feature-settings : "palt";
	-webkit-text-size-adjust: none;
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}



/*	link effects
------------------------------------------*/
a									{ transition:.3s}
a:link, a:visited					{ color:#222; text-decoration: none}
a:hover, a:active, a:focus			{ color:#222; text-decoration: none}
a.i_outerlink{
    padding-right:1.4rem !important;
    background:url(/img/i_outerlink.png) no-repeat 100% 55%;
}


/*	structure
------------------------------------------*/
html{
	background:#fff;
	overflow:auto;
	overflow-x: hidden;
}
#page{
	position:relative;
	width:100%;
	height:100%;
	min-height:100vh;
	min-width:100vw;
	overflow:hidden;
}
@media(max-width: 700px){
}

.hd{
	position:fixed;
    left:0;
    top:0;
    width:100%;
	height:90px;
	background:rgba(255,255,255,.8);
	transition:.3s;
	z-index:10;
}
	.hd .hd_wrap{
		position:relative;
		width:100%;
        max-width:920px;
        font-size:18px;
		margin:0 auto;
	}
	.hd .logo{
		position:relative;
		left:10px;
		top:23px;
		width:105px;
        height:50px;
	}
    .hd .logo a{
		display:block;
	}
    .logo a.hover{
		animation-duration: .3s;
	    animation-name: jello_s;
	    transform-origin: center;
	}
	.hd_gm{
		position:absolute;
		left:160px;
		top:38px;
		width:auto;
	}
	.hd_gm ul{
        white-space: nowrap;
	}
	.hd_gm ul li{
		display:inline-block;
        margin:0 37px 0 0;
	}
	.hd_gm ul li a{
		display:block;
        position:relative;
        padding:5px;
	}
    .hd_gm_contact{
        position:absolute;
        top:42px;
        right:10px;
        overflow: visible;
    }
    .hd_gm_contact a{
        position:relative;
        display:block;
        padding:2px 13px 2px 50px;
		font-weight:bold;
        background:#C3DCFF;
        border-radius:5px;
        overflow: visible;
        animation-duration: .6s;
    }
    .hd_gm_contact a:hover{
	    background:#9cc5ff;
	}
    .hd_gm_contact a img{
        position:absolute;
        display:block;
        left:-33px;
        top:0;
        width:73px;
        height:36px;
        pointer-events: none;
		animation: fuwafuwa 1.5s ease-in-out 0s infinite alternate;
    }

@media(max-width: 700px){
	.hd{
		height:70px;	
	}
    .hd.hd_hide{
		top:-90px;	
	}
	.hd .logo{
		top:10px;	
	}
	.hd_gm,
	.hd_gm_contact{
        display:none;
    }
}


/* bread list */
.pan{
	width:100%;
	max-width:920px;
	padding:0 15px;
	line-height: 1.3;
	margin:0 auto 180px; 
}
	.pan li{
		position:relative;
		display:inline-block;
		font-size:13px;
		margin-left:1.2rem;
	}
	.pan li:first-child{
		padding:0 0 0 0;
	}
	.pan li:not(:first-child)::after{
		position:absolute;
		display:block;
		content:'';
		top:3px;
		left:-1.1rem;
		width:7px;
		height:7px;
		border:1px solid #707070;
		border-width:1px 1px 0 0;
		transform: rotate(45deg);
	}
@media(max-width: 659px){
	.pan.mb_LL{
		margin-bottom:10vh !important;
	}
}


/* main container */
.main{
	position:relative;
	width:100%;
	margin:0 auto 9rem;
}

.inner1100,
.inner1024,
.inner960,
.inner800,
.inner700,
.inner600{
	position:relative;
	width:min(100%,1100px);
	margin:0 auto;
}
	.inner_pad{
		padding:0 5%;
	}
@media(max-width: 767px){
	.inner_pad_sp{
		padding:0 8%;
	}
}
	
.inner1024	{ max-width:1024px}
.inner960	{ max-width:960px}
.inner800	{ max-width:800px}
.inner700	{ max-width:700px}
.inner600	{ max-width:600px}



.ft{
	position:relative;
	padding:3rem 0 1rem;
	text-align: center;
}
.cp{
	font-size:.9rem;
}









/*	loader
------------------------------------------*/
#loader{
	display:block;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#fff;
	z-index:99;
}
#i_loader{
	position:absolute;
	display:block;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:223px;
	height:205px;
	margin:auto;
	transition:.5s;
}



/*	hbg
------------------------------------------*/

#hbg{
	position:fixed;
	right:-100%;
	top: 0;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	overflow: hidden;
	transition:.6s;
	z-index:101;
}
	#hbg.hbg_on{
		right:0;
	}

.hbg_logo{
	display:none;
	position:fixed;
	top:10px;
	left:10px;
	width:105px;
	height:50px;
	opacity:0;
	transition:.6s;
}
.hbg_menu{
	position:fixed;
	top:0;
	right:-100%;
	width:100%;
	height:100%;
	padding:17vh 0 1rem;
	text-align: center;
	opacity:0;
	transition:.6s;
}
	#hbg.hbg_on .hbg_logo{
		display:block;
		opacity:1;
	}
	#hbg.hbg_on .hbg_menu{
		right:0;
		opacity:1;
	}
	.hbg_menu > li{
		width:80%;
		padding:.8rem;
		margin:0 auto;
		transition:.3s;
	}
	.hbg_menu > li > a{
		display:inline-block;
	}
	.hbg_menu > li > a{
		color:#783A32;
	}
	.hbg_menu > li > a::after{
		display:none;
	}
		
/* btn */
.hbg_btn{
	display: block;
	position: fixed;
	right:0;
	top: 0;
	width: 2rem;
	padding: 18px .75rem 30px;
	transform: translate3d(0, 0, 0);
	background-color: transparent;
	transition:.3s;
	box-sizing: content-box;
	z-index: 102;
	cursor: pointer;
}
	.hbg_btn-icon{
		position: relative;
		display: block;
		top:0;
		width: 100%;
		margin-top: 10px;
	}
	.hbg_btn-icon,
	.hbg_btn-icon:before,
	.hbg_btn-icon:after{
		width: 100%;
		height: 3px;
		transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
		background-color: var(--cl_brown);
	}
	.hbg_btn-icon:before,
	.hbg_btn-icon:after{
		position: absolute;
		top: -10px;
		left: 0;
		content: '';
	}
	.hbg_btn-icon:after{
		top: 10px;
	}
	.hbg_btn .i_menu{
		position:absolute;
		display:block;
		bottom:7px;
		width:34px;
		height:auto;
		transition:.3s;
	}

/* opened */
.hbg_btn.hbg_on .hbg_btn-icon{
	background-color: transparent;
}
	.hbg_btn.hbg_on .hbg_btn-icon:before{
		top:0;
		transform: rotate(45deg);
	}
	.hbg_btn.hbg_on .hbg_btn-icon:after{
		top:0;
		transform: rotate(-45deg);
	}
	.hbg_btn.hbg_on .i_menu{
		opacity:0;
	}

.drawer_bg{
	display:block;
	position:fixed;
	left:0;
	top:-100%;
	width:100%;
	height:100%;
	background:rgb(255 255 255 / 0);
	overflow:hidden;
	transition:.5s;
	z-index:100;
}
	.drawer_bg.hbg_on{
		top:0;
		background:rgba(244 201 0 / .9);
	}

@media(max-width: 700px){
	.hbg_btn{
		display:block;
	}
}




.i_pagetop{
	display:none;
	position:fixed;
	right:10px;
	bottom:15px;
	width:46px;
	height:125px;
	z-index:100;
	cursor:pointer;
}
	.i_pagetop img{
		display:block;
		animation: fuwafuwa 2s ease-in-out 1.5s infinite alternate;
	}




/*	ajax
------------------------------------------*/
.modal{
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#e5e3e4;
	z-index:1000;
}
.overlay{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	margin:0 auto;
	z-index:1001;
	overflow:auto;
}
.btn_close{
	display:block;
	position:fixed;
	top:0;
	right:0;
	width:35px;
	height:35px;
	background:#c2b68c;
	z-index:1002;
	cursor:pointer;
	transition: .5s;
}



/*	form
------------------------------------------*/
.must,
.opt{
	position:absolute;
	display:inline-block;
	left:0;
	top:-.2rem;
	padding:6px 8px;
	font-size:.9rem;
	background:#C3DCFF;
	margin: 0 2rem 2rem 0;
}
.opt{
	background:#EBEBEB;
}
.er_msg{
	display:inline-block;
	padding:10px 16px;
	color:#000;
	font-family: "Yu Gothic", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-size:.9rem;
	line-height:1.4;
	background:#e1c620;
	border-radius:5px;
	margin:0 0 2rem;
	
	animation-duration:1.5s;
	animation-name: er_blink;
	animation-iteration-count: infinite;
}
.er{
	position:relative;
	display:inline-block;
	padding:7px 1em;
	color:#000;
	font-family: "Yu Gothic", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-size:.9rem;
	line-height:1;
	background:#e1c620;
	margin:0 0 .5rem;
	border-radius:5px;
	
	animation-duration:1.5s;
	animation-name: er_blink;
	animation-iteration-count: infinite;
}
@keyframes er_blink{
	0%		{ opacity:1 }
	50%		{ opacity:.2 }
	100%	{ opacity:1 }
}
.notice_msg{
	display:inline-block;
	padding:10px 16px;
	color:#000;
	font-family: "Yu Gothic", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-size:.9rem;
	line-height:1.4;
	background:#fff;
	border-radius:5px;
	margin:0 0 2rem;
}


.form_elem{
	width:100%;
	box-sizing: border-box;
}
	.form_elem dt{
		width:20%;
		vertical-align:middle;
		font-weight:normal;
	}
	.form_elem dd{
		vertical-align:middle;
		font-weight:normal;
	}
	.form_elem .submit{
		width:100%;
		text-align:center;
	}
	.form_elem input[type=text],
	.form_elem input[type=tel],
	.form_elem input[type=email],
	.form_elem textarea{
		border-style: none;
		width:70%;
		padding:6px 12px;
		font-size:1rem;
		background:rgba(23,99,132,.1);
		border-radius:5px;
		margin:0 0 5px;
		box-sizing: border-box;
	}
	.form_elem *{
		font-family:"Yu Gothic", YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
	}
	.form_elem textarea{
		width:100%;
		height:300px;
	}
	.form_elem pre{
		white-space:normal;
	}



/*	bg
------------------------------------------*/
.bg_yellow{
	background: var(--cl_yellow);
}
.bg_pad{
	padding:3rem 0;
}

/*	fr
------------------------------------------*/
/* 黄色の波囲み */
.bg_wave{
	position:relative;
	z-index: 1;
}
	.bg_wave::before,
	.bg_wave::after{
		position:absolute;
		display:block;
		content:'';
		left:0;
		top:-79px;
		width:100%;
		height:79px;
		background-image:url(/img/top/bg_curve_T.png);
		background-repeat:repeat-x;
		background-position:center top;
		background-size:auto;
		transform:rotate(var(--bgdeg));
		z-index:-1;
	}
	.bg_wave::after{
		top:inherit;
		bottom:-79px;
		background-image:url(/img/top/bg_curve_B.png);
	}
	.bg_wave > div{
		position:relative;
		width:100%;
		padding:7vh 0;
	}
	.bg_wave > div::after{
		position:absolute;
		display:block;
		content:'';
		left:-15%;
		top:0;
		width:130%;
		height:100%;
		background-color:#FBF8A8;
		transform:rotate(var(--bgdeg));
		z-index: -1;
	}


.fr_beige,
.fr_whitesmoke,
.fr_white{
	display:inline-block;
	padding:1rem 1.3rem;
	background:rgba(190, 180, 145, .25);
	border-radius:4px;
}
.fr_whitesmoke{ background:whitesmoke}
.fr_white{ background:#fff}

.fr_ten{
	padding:3vh 0;
	background-image: url("/img/bd_ten1.svg"), url("/img/bd_ten2.svg");
	background-position:left top, left bottom;
	background-repeat: repeat-x, repeat-x;
}



/*	table
------------------------------------------*/
.dl_table{
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	background:url(/img/bd_rough.gif) repeat-x left top;
}
	.dl_table dt{
		width:30%;
		padding:10px 2px 10px 1rem;
		background:url(/img/bd_rough.gif) repeat-x left bottom;
	}
	.dl_table dd{
		width:70%;
		padding:10px 2px;
		background:url(/img/bd_rough.gif) repeat-x left bottom;
	}
	
.table_plain{
	width:100%;
	border-collapse: separate;
	border-spacing: 0;
	border-bottom:1px solid rgba(255,255,255,.3);
	font-size:1.1rem;
	line-height:1.5;
}
	.table_plain th{
		padding:.3rem;
		vertical-align:middle;
		text-align:left;
		white-space:nowrap;
		border-top:1px solid rgba(255,255,255,.3);
	}
	.table_plain td{
		padding:.3rem;
		vertical-align:middle;
		text-align:left;
		border-top:1px solid rgba(255,255,255,.3);
	}



/*	title
------------------------------------------*/
.m_fukidashi{
	position:relative;
	display:block;
	width:10rem;
	padding:.3rem 0 .5rem .3rem;
	text-align:center;
	color:#fff;
	font-weight:bold;
	line-height:1;
	letter-spacing:.3rem;
	background:#707070;
	margin:0 auto;
	z-index: 1;
}
	.m_fukidashi::after{
		position:absolute;
		display:block;
		content:'';
		left:50%;
		bottom:-5px;
		width:17px;
		height:17px;
		background:#707070;
		transform: translateX(-50%) rotate(45deg);
		z-index:-1;
	}

.m_ten{
	position:relative;
	display:block;
	padding:1.4rem 0 0;
	text-align:center;
	font-weight:bold;
	line-height:1;
	letter-spacing:.1rem;
	background:url(/img/i_ten.png) no-repeat 50% 0;
	margin:0 auto;
}

.m_ul-slategray{
	position:relative;
	display:inline-block;
	padding-bottom:1.5rem;
}
	.m_ul-slategray::after{
		position:absolute;
		display:block;
		content:'';
		left:50%;
		bottom:0;
		width:33%;
		height:5px;
		background:#6582AA;
		transform:translateX(-50%);
	}




/*	btn
------------------------------------------*/

.btn_beige:link,.btn_beige:visited{
	display:inline-block;
	padding:5px 8px;
	vertical-align:middle;
	line-height:1.2;
	background:#d7cfb4;
	border-radius:3px;
	transition:.3s;
}
	.btn_beige:hove{
		color:#464043;
		background-color:rgb(246,225,44);
	}

.btn_sumi:link,.btn_sumi:visited{
	display:inline-block;
	padding:1rem 3rem;
	vertical-align:middle;
	color:#fff;
	line-height:1;
	background:#000;
	border-radius:3px;
}

.submit_button{
	border-style: none;
	display:inline-block;
	padding:12px 16px;
	font-size:.9rem;
	background:#d7cfb4;
	border-radius:5px;
	transition: .3s;
	cursor:pointer;
}
	.submit_button:hover{
		color:#464043;
		background-color:rgb(246,225,44);
	}




/*	link
------------------------------------------*/

.morelink{
	position:relative;
	display:inline-block;
	font-size:1.1rem;
	font-family: fot-tsukubrdgothic-std,sans-serif; font-weight: 400;
	font-weight:bold;
	letter-spacing:.1rem;
	padding:0 1.8rem .7rem;
	border-bottom:1px solid rgba( 0 0 0 / 30%);
}
	.morelink:hover{
		display:inline-block;
		padding:0 4.2rem .7rem;
		border-bottom:1px solid rgba( 0 0 0 / 70%);
	}



/*	font
------------------------------------------*/

/* font family */
.ff_min				{font-family: "A1明朝"; font-weight:normal}
.ff_gothic			{font-family: "Yu Gothic", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif}
.ff_meiryo			{font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W5', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif}
.ff_shinmarugo		{font-family: '新丸ゴ R',sans-serif; font-weight: 400; font-style: normal}
.ff_tsukuBR        {font-family: fot-tsukubrdgothic-std,sans-serif; font-weight: 400; font-style: normal}

/* font size */
.fs_O		{font-size: calc( 25px + 40 * var(--scr-mgnf))}
.fs_LLL		{font-size: calc( 20px + 30 * var(--scr-mgnf))}
.fs_LL		{font-size: calc( 19px + 22 * var(--scr-mgnf))}
.fs_L		{font-size: calc( 18px + 15 * var(--scr-mgnf))}
.fs_MMMM	{font-size: calc( 17px + 11 * var(--scr-mgnf))}
.fs_MMM		{font-size: calc( 17px + 8 * var(--scr-mgnf))}
.fs_MM		{font-size: calc( 16px + 5 * var(--scr-mgnf))}
.fs_M		{font-size: calc( 15px + 3 * var(--scr-mgnf))}
.fs_SSS		{font-size: calc( 14px + 2.5 * var(--scr-mgnf))}
.fs_SS		{font-size: calc( 11px + 3 * var(--scr-mgnf))}
.fs_S		{font-size: calc( 9px + 3 * var(--scr-mgnf))}

/* font weight */
.fw_bold	{font-weight: bold}
.fw_normal	{font-weight: normal}

/* letter spacing */
.ls_loose	{ letter-spacing:.4rem}
.ls_gentle	{ letter-spacing:.2rem}
.ls_soft	{ letter-spacing:.1rem}
.ls_tight	{ letter-spacing:-.05rem}

/* text decoration*/
.txd_ul,	.txd_ul 	a{text-decoration: none; border-bottom: 1px solid #707070}
.txd_none, 	.txd_none 	a{text-decoration:none !important}

.txd_ul_blue{
	padding-bottom:.2rem;
	border-bottom:3px solid #C3DCFF;
}



.ul_linkcolor{
    background: linear-gradient(transparent 70%, rgba(255,130,133,.4) 0);
}



/*	other
------------------------------------------*/

/* color */
.cl_black	{color:#000}
.cl_red		{color:#bd5754}
.cl_white	{color:rgb(255,255,255)}
.cl_brown	{color:var(--cl_brown)}

/* display */
.dp_hide		{display:none !important}
.dp_block		{display:block !important}
.dp_inline		{display:inline !important}
.dp_in-block	{display:inline-block !important}
.dp_flex		{
	display:flex;
	flex-flow: row nowrap;
	justify-content:space-between;
}

.dp_show1000,
.dp_show900,
.dp_show800,
.dp_show700,
.dp_show600,
.dp_show500,
.dp_show400{
	display:none;
}
@media(max-width: 1000px){.dp_show1000{display:block}}
@media(max-width: 900px){.dp_show900{display:block}}
@media(max-width: 800px){.dp_show800{display:block}}
@media(max-width: 700px){.dp_show700{display:block}}
@media(max-width: 600px){.dp_show600{display:block}}
@media(max-width: 500px){.dp_show500{display:block}}
@media(max-width: 400px){.dp_show400{display:block}}

.dp_hide1000,
.dp_hide900,
.dp_hide800,
.dp_hide700,
.dp_hide600,
.dp_hide500,
.dp_hide400{
	display:block;
}
@media(max-width: 1000px){.dp_hide1000{display:none}}
@media(max-width: 900px){.dp_hide900{display:none}}
@media(max-width: 800px){.dp_hide800{display:none}}
@media(max-width: 700px){.dp_hide700{display:none}}
@media(max-width: 600px){.dp_hide600{display:none}}
@media(max-width: 500px){.dp_hide500{display:none}}
@media(max-width: 400px){.dp_hide400{display:none}}

/* clear */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
} 
.clearfix:before {
	content: "";
	display: block;
	clear: both;
} 
.clearfix {
	display: block;
}

/* img */
.imgfit{
	display:block;
	width:100%;
	height:auto;
}

/* list */
.list_num li{
	list-style: decimal;
	list-style-position: inside;
}

/* float */
.float_R{float:right}
.float_L{float:left}
.float_C{margin:0 auto 0}

/* align */
.align_R{text-align:right}
.align_L{text-align:left}
.align_C{text-align:center}

/* margin */
.mb_O	    {margin-bottom: calc( 150px + 150 * var(--scr-mgnf)) !important}
.mb_LLL     {margin-bottom: calc( 100px + 100 * var(--scr-mgnf)) !important}
.mb_LL    	{margin-bottom: calc( 70px + 70 * var(--scr-mgnf)) !important}
.mb_L	    {margin-bottom: calc( 50px + 30 * var(--scr-mgnf)) !important}
.mb_MMM	    {margin-bottom: calc( 30px + 20 * var(--scr-mgnf)) !important}
.mb_MM	    {margin-bottom: calc( 20px + 15 * var(--scr-mgnf)) !important}
.mb_M    	{margin-bottom: calc( 15px + 10 * var(--scr-mgnf)) !important}
.mb_SSS     {margin-bottom: calc( 9px + 6 * var(--scr-mgnf)) !important}
.mb_SS	    {margin-bottom: calc( 7px + 3 * var(--scr-mgnf)) !important}
.mb_S	    {margin-bottom: calc( 3px + 2 * var(--scr-mgnf)) !important}
.mb_Z	    {margin-bottom: 0 !important}

/* width */
.w100p		{width:100% !important;}
.w90p		{width:90% !important;}
.w80p		{width:80% !important;}
.w70p		{width:70% !important;}
.w60p		{width:60% !important;}
.w50p		{width:50% !important;}
.w40p		{width:40% !important;}
.w30p		{width:30% !important;}
.w20p		{width:20% !important;}
.w10p		{width:10% !important;}
.w0p		{width:0 !important;}


/* padding */
.pad-L_10	{padding-left:10px !important}
.pad-L_20	{padding-left:20px !important}
.pad-L_30	{padding-left:30px !important}
.pad-R_10	{padding-right:10px !important}
.pad-R_20	{padding-right:20px !important}
.pad-R_30	{padding-right:30px !important}

/* line-height */
.lh_100		{line-height:1 !important}
.lh_110		{line-height:1.1 !important}
.lh_120		{line-height:1.2 !important}
.lh_130		{line-height:1.3 !important}
.lh_140		{line-height:1.4 !important}
.lh_150		{line-height:1.5 !important}
.lh_170		{line-height:1.7 !important}
.lh_180		{line-height:1.8 !important}
.lh_190		{line-height:1.9 !important}
.lh_200		{line-height:2 !important}
.lh_240		{line-height:2.4 !important}
.lh_300		{line-height:3 !important}



/*	animation fx
------------------------------------------*/

.me{
	opacity:0;
	animation-play-state:paused;
	transition:1s;
}
.me_in{
	opacity:1;
	animation-play-state:running;
}

/* fadein共通 */
.fade{
	opacity: 0;
	transform: translateY(50px);
	transition:1s;
}
.fade_in{
	opacity: 1;
	transform: translateY(0);
}

/* サムネhover拡大 */
.imgwrap {
	position:relative;
	display:block;
	width:100%;
	height:auto;
	border:1px solid rgba(0 0 0 / 30%);
}
	.imgwrap > img,
	.imgwrap > div{
		transition:.3s;
		transform-origin: center;
	}
	.imgwrap.hover > img,
	.imgwrap.hover > div{
		transform:scale(105%);
	}

.fx_jello:hover{
	animation-duration: .3s;
	animation-name: jello_s;
	transform-origin: center;
}
.fx_headshake:hover{
	animation-duration: .8s;
	animation-name: headShake;
	transform-origin: center;
}
.fx_pulse:hover{
	animation-duration: .3s;
	animation-name: pulse;
	transform-origin: center;
}

.fx_expand115,
.fx_expand112,
.fx_expand108,
.fx_expand105,
.fx_expand102,
.fx_expand101{
	transition:.15s;
	transform-origin: center;
}
	.fx_expand115:hover{ transform:scale(1.15)}
	.fx_expand112:hover{ transform:scale(1.12)}
	.fx_expand108:hover{ transform:scale(1.08)}
	.fx_expand105:hover{ transform:scale(1.05)}
	.fx_expand102:hover{ transform:scale(1.02)}
	.fx_expand101:hover{ transform:scale(1.01)}

.fx_ul::after{
    display:block;
    position:absolute;
    content:'';
    left:50%;
    bottom:0;
    width:0;
    height:1px;
    background:#707070;
    transform:translateX(-50%);
    transition:.3s;
}
    .fx_ul.hover::after{
        width:100%;
	}
@-webkit-keyframes fuwafuwa{
	0{transform:translate(0,0)}to{transform:translate(0,-15px)}
}

@keyframes kurukuru{
    0%,100%{
        transform:translate(0,0)
    }
    50%{
        transform:translate(-10px, 10px) rotate(2deg)
    }
}

@keyframes dancedance{
	0%	{transform:translate(0, 0) rotate(-2deg)}
	50% {transform:translate(0, -2px) rotate(0deg)}
	100%{transform:translate(0, 0)rotate(2deg)}
}

@keyframes jump{
  0% 	{ transform: translate(0%, 0%)}
  50% 	{ transform: translate(0%, -10%)}
  100% 	{ transform: translate(0%, 0%)}
}

@keyframes kakukaku{
	0%,32%		{transform:translate(0,0)}
	33%,65%	 	{transform:translate(.5px,0)}
	66%,100% 	{transform:translate(0,1px)}
}