@charset "UTF-8";
/* CSS Document */

	a:hover{
		opacity: 0.7;
		color: #291204;
	}
	a:active {
		text-decoration: none;
	}
	.column_tmp01 img{
		width: 100%;
	}
	.cnt_in{
		text-align: left;
	}
	/*buttonタグのデフォルト打ち消し*/
	button {
	  background-color: transparent;
	  border: none;
	  cursor: pointer;
	  outline: none;
	  padding: 0;
	  appearance: none;
	}
	img{
		max-width: 100%;
		height: auto;
	}
	.text_center{
		text-align: center;
	}

/*　---------------------------ノベルティページ CSS　*/
	.show_pc{
		display: block;
	}
	.show_sp{
		display: none;
	}
	.mt50{
		margin-top: 50px !important;
	}
	.tx_red{
		color: #e8161a !important;
	}
	.tx_bold{
		font-weight: bold !important;
	}
	.bg_novelty{
		background-color: #fff3db;
		padding: 50px 40px 60px;
	}
	.bg_about{
		background-color: #fffaf0;
    	padding: 30px 50px 20px;
		margin-bottom: 68px;
	}
	.bg_about h3{
		color: #31000e;
		font-size: 22px;
		font-weight: bold;
		text-align: center;
		padding-bottom: 20px;
		border-bottom: dotted 3px #dea572;
		margin-bottom: 20px;
	}
	.bg_about p{
		color: #31000e;
		font-size: 18px !important;
		line-height: 1.7 !important;
		margin-bottom: 20px !important;
	}
	.hidden_link{
		color: #31000e;
		text-align: right;
		text-decoration: underline;
		font-size: 16px !important;
	}
	.novelty_flex{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.novelty_img{
		width: 40%;
	}
	.arrow{
		width: 10%;
	}
	.tx{
		font-size: 18px !important;
		color: #000000;
		margin-bottom: 10px !important;
	}
	.tx_ast{
		text-indent: -1em;
		padding-left: 1em;
		font-size: 13px !important;
		margin-bottom: 0px !important;
	}
	.btn_regist{
		width: 45%;
	}
	





	
	
/*　---------------------------画面サイズが751px〜989pxまではここを読み込む　*/ 	
	@media screen and (min-width:751px) and (max-width:979px){
	
}
		

/*　---------------------------画面サイズが750pxまでここを読み込む　*/ 
@media screen and (max-width:750px) {	

	img{
		max-width: 100%;
	}
	.text_center{
		text-align: left !important;
	}
	.show_pc{
		display: none;
	}
	.show_sp{
		display: block;
	}
	.bg_novelty {
		padding: 50px 20px 60px;
	}
	.bg_about {
		padding: 30px 25px 30px;
	}
	.bg_about h3 {
		font-size: 20px;
	}
	.bg_about p {
		font-size: 16px !important;
	}
	.hidden_link {
		font-size: 12px !important;
	}
	.novelty_flex {
		display: block;
	}
	.novelty_img {
		width: 80%;
		margin: 0 auto;
	}
	.arrow {
		width: 15%;
		transform: rotate(90deg);
		margin: 20px auto;
	}
	.btn_regist {
		width: 300px;
	}
	.tx {
		font-size: 16px !important;
	}
}