@charset "utf-8";


/* --- SP ---------- */

@media print, screen and (max-width: 740px) {

/* --- 会社概要ページ　company.html ---------------------------------------- */

	div.company div.style02.company01{
		position: relative;
	}
	div.company div.main_body.chapter03 div.btn_black{
		max-width: 580px;
		width: 90%;
		margin: 50px auto 20px;
	}

	div.company .style02 .chapter01 p{
		text-align:left;
	}	

	#main.company .style02 .chapter01 .company_title01 h2{
		max-width: 800px;
		width: 100%;
		margin: 0px auto;
	}
		
	div.company .chapter01 .company_title02 h3{
		max-width: 530px;
		width: 100%;
		margin: 0px auto;
	}
		
	div.company .chapter02 .company_theme01 h3{
		max-width: 780px;
		width: 100%;
		margin: 0px auto;
		padding:10px 0 25px 0;
	}
		
	div.company .chapter02 .company_theme02{
		max-width: 900px;
		width: 100%;
		margin: 0px auto;
	}

	div.company .chapter02 p.pink{
		color:#e67578;
		font-weight: bold;
		font-size: 120%;
	}	

	div.company .chapter02 p.pink span.yellow_border{
		background: linear-gradient(transparent 60%, #ffff66 60%);
	}
		
	div.company .chapter02 p{
		text-align:left;
	}

	div.company .chapter03 .profile .left h3{
		padding:0 0 20px 0;
	}

	div.company .chapter03 .profile .left dl.gaiyo dt{
		margin:0;
		padding:0.2em;
		color:#eb8e90;
		font-size:100%;
		font-weight:bold;
	}	

	div.company .chapter03 .profile .left dl.gaiyo dd{
		margin:-2em 0 0 6em;
		padding:0.2em;
		border:0;
	}	

	div.company .chapter03 .profile .left dl.shouhin dt{
		color:#eb8e90;
		font-weight:bold;
	}

	div.company .chapter03 .profile .left dl.shouhin dd{
		margin:0;
	}


/* --- アクセス　access.html ---------------------------------------- */
	div.access div.main_body.chapter01{
		padding: 30px 0;
	}

	div.access div.access_title{
		max-width: 800px;
		width: 100%;
		margin: 0 auto;
	}

	div.amanoya_map{
		border: 4px solid #fff;
		margin: 30px 0;
	}

	div.map_canvas{
		width: 100%;
		height: 300px;
	}

	div.access_txt{
		width: 100%;
		margin: 0 auto;
		background: #fce6e6;
		border: 1px solid #000;
		box-sizing: border-box;
		padding: 20px;
	}

	div.access_txt_title{
		display: -webkit-flex; /* Safari */
		display: flex;
		-webkit-flex-direction: row; /* Safari */
		flex-direction: row;
		-webkit-flex-wrap: wrap; /* Safari */
		flex-wrap: wrap;
	}

	div.access_txt h3{
		font-size: 140%;
		margin: 8px 0 0;
	}

	div.access_txt p.big{
		font-size: 120%;
		text-align: center;
		font-family: TsukuGoPr5-D, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳ Pゴシック", Osaka, sans-serif;
		margin: 4px 0;
	}

	div.access_txt_box div.left{
		width: 100%;
		box-sizing: border-box;
	}

	div.access_txt_box div.right{
		width: 100%;
	}

	div.access_txt h4{
		color: #e67578;
		margin: 8px 0;
		font-size: 120%;
	}

	div.access_txt p{
		margin: 8px 0;
	}

	div.access div.main_body.chapter02{
		padding: 30px 0 0;
		text-align: center;
	}

	div.access div.main_body.chapter02 h3{
		font-size: 120%;
		line-height: 1.8;
	}

	div.access div.main_body.chapter02 h3 span.yellow_border{
		background: linear-gradient(transparent 60%, #ffff66 60%);
	}

	div.access div.main_body.chapter02 div.amanoya_shop{
		margin: 40px auto;
		width: 80%;
		max-width: 1000px;
		height: 250px;
	}
	div.access div.access_txt01{
		max-width: 570px;
		width: 90%;
		margin: 0 auto;
	}
	div.access_tel{
		max-width: 840px;
		width: 100%;
		margin: 0 auto;
	}
	div.access_tel div.left{
		max-width: 400px;
		width: 90%;
		margin: 0 auto 20px;
	}
	div.access_tel div.right{
		max-width: 400px;
		width: 90%;
		margin: 0 auto;
	}
	div.access div.btn_black.access_btn{
		max-width: 480px;
		margin-top: 0;
	}
	div.access div.chapter03 h3{
		text-align: center;
		font-size: 120%;
		line-height: 1.8;
	}
	div.access div.chapter03 div.btn_pink{
		max-width: 480px;
		width: 90%;
		margin: 0 auto;
	}
	div.access div.main_body.chapter03{
		padding-bottom: 30px;
	}
	div.access div.access_calendar{
		width: 100%;
		height: 300px;
		margin-top: 20px;
	}
	.bottom-btn{
		text-align: center;
		box-sizing: border-box;
		width: 90%;
		margin: 30px auto 0;
	}
	.bottom-btn a{
		display: block;
		font-size: 90%;
		padding: 10px;
		color: #fff;
		text-align: center;
		text-decoration: none;
		margin: 20px 15px;
		font-family: TsukuGoPr5-D, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳ Pゴシック", Osaka, sans-serif;
		letter-spacing: 2px;
		transition: all .2s;
		box-sizing: border-box;
		position: relative;
		background-color: #000;
		box-shadow: 6px 6px 0 #ccc, 6px 8px 0 rgba(0,0,0,0.2);
		-webkit-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s, -webkit-transform 0.2s;
		transition: color 0.2s, background-color 0.2s, box-shadow 0.2s, transform 0.2s;
	}
	.bottom-btn a:nth-of-type(2){
		background-color: #c0002d;
	}
	.bottom-btn a:hover{
		opacity: 0.9;
		box-shadow: 6px 3px 0 #ccc, 6px 6px 0px rgba(0,0,0,0.2);
		-webkit-transform: translateY(3px);
		transform: translateY(3px);
	}
}


/* --- PC ---------- */

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

/* --- 会社概要ページ　company.html ---------------------------------------- */

	div.company div.style02{
		position: relative;
		padding: 50px 0 100px;
	}

	div.company div.style02.company01{
		position: relative;
	}

	div.company div.main_body.chapter03 div.btn_black{
		max-width: 580px;
		width: 90%;
		margin: 50px auto 20px;
	}

	div.company .style02 .chapter01 p{
		text-align:center;
	}	

	#main.company .style02 .chapter01 .company_title01 h2{
		max-width: 800px;
		width: 100%;
		margin: 0px auto;
	}
		
	div.company .chapter01 .company_title02 h3{
		max-width: 530px;
		width: 100%;
		margin: 0px auto;
	}
		
	div.company .chapter02 .company_theme01 h3{
		max-width: 780px;
		width: 100%;
		margin: 0px auto;
		padding:10px 0 25px 0;
	}
		
	div.company .chapter02 .company_theme02{
		max-width: 900px;
		width: 100%;
		margin: 0px auto;
	}

	div.company .chapter02 p.pink{
		color:#e67578;
		font-weight: bold;
		font-size: 140%;
	}

	div.company .chapter02 p.pink span.yellow_border{
		background: linear-gradient(transparent 60%, #ffff66 60%);
	}

	div.company .chapter02 p{
		text-align:center;
	}

	div.company .chapter03 .profile .left{
		float:left;
		width:47%;
	}

	div.company .chapter03 .profile .left h3{
		padding:0 0 20px 0;
	}

	div.company .chapter03 .profile .right{
		float:right;
		width:50%;
	}

	div.company .chapter03 .profile .left dl.gaiyo dt{
		margin:0;
		padding:0.2em;
		color:#eb8e90;
		font-size:100%;
		font-weight:bold;
	}	

	div.company .chapter03 .profile .left dl.gaiyo dd{
		margin:-1.6em 0 0 9em;
		padding:0.2em;
		border:0;
	}	

	div.company .chapter03 .profile .left dl.shouhin dt{
		color:#eb8e90;
		font-weight:bold;
	}

	div.company .chapter03 .profile .left dl.shouhin dd{
		margin:0;
	}

/* --- アクセス　access.html ---------------------------------------- */
	div.access div.main_body.chapter01{
		padding: 100px 0 60px;
	}

	div.access div.access_title{
		max-width: 800px;
		width: 100%;
		margin: 0 auto;
	}

	div.amanoya_map{
		border: 4px solid #fff;
		margin: 50px 0;
	}

	div.map_canvas{
		width: 100%;
		height: 500px;
	}

	div.access_txt{
		width: 48%;
		background: #fce6e6;
		border: 1px solid #000;
		box-sizing: border-box;
		padding: 30px 70px 20px;
	}

	div.access_txt_title{
		display: -webkit-flex; /* Safari */
		display: flex;
		-webkit-flex-direction: row; /* Safari */
		flex-direction: row;
		-webkit-flex-wrap: wrap; /* Safari */
		flex-wrap: wrap;
	}

	div.access_txt h3{
		font-size: 150%;
		text-align: center;
		margin: 8px 50px 20px 0;
		display: inline-block;
	}

	div.access_txt p.big{
		font-size: 120%;
		text-align: center;
		font-family: TsukuGoPr5-D, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳ Pゴシック", Osaka, sans-serif;
		margin: 8px 0;
		/*display: inline-block;*/
	}
/*
	div.access_txt_box div.left{
		float: left;
		width: 48%;
		box-sizing: border-box;
		border-right: 1px dotted #ccc;
	}

	div.access_txt_box div.right{
		float: right;
		width: 48%;
	}
*/
	div.access_txt h4{
		color: #e67578;
		margin: 8px 0;
		font-size: 120%;
	}

	div.access_txt p{
		margin: 8px 0;
	}

	div.access div.main_body.chapter02{
		padding: 60px 0 0;
		text-align: center;
	}

	div.access div.main_body.chapter02 h3{
		font-size: 140%;
		line-height: 1.8;
	}

	div.access div.main_body.chapter02 h3 span.yellow_border{
		background: linear-gradient(transparent 60%, #ffff66 60%);
	}

	div.access div.main_body.chapter02 div.amanoya_shop{
		margin: 40px auto;
		width: 80%;
		max-width: 1000px;
		height: 450px;
	}
	div.access div.access_txt01{
		max-width: 570px;
		width: 90%;
		margin: 0 auto;
	}
	div.access_tel{
		max-width: 840px;
		width: 100%;
		margin: 0 auto 50px;
	}
	div.access_tel div.left{
		float: left;
		width: 48%;
	}
	div.access_tel div.right{
		float: right;
		width: 48%;
	}
	div.access div.btn_black.access_btn{
		max-width: 480px;
		margin-top: 0;
	}
	div.access div.chapter03 h3{
		text-align: center;
		font-size: 140%;
		line-height: 1.8;
	}
	div.access div.chapter03 div.btn_pink{
		max-width: 480px;
		width: 100%;
		margin: 0 auto;
	}
	
	div.access div.access_txt_cal{
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		max-width: 1000px;
		margin: 0 auto;
	}
	
	div.access div.access_calendar{
		width: 48%;
	}
	
	.bottom-btn{
		text-align: center;
		box-sizing: border-box;
		width: 90%;
		margin: 30px auto 0;
	}
	.bottom-btn a{
		display: inline-block;
		padding: 20px;
		color: #fff;
		text-align: center;
		text-decoration: none;
		margin: 20px 15px;
		font-family: TsukuGoPr5-D, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳ Pゴシック", Osaka, sans-serif;
		letter-spacing: 2px;
		transition: all .2s;
		box-sizing: border-box;
		position: relative;
		background-color: #000;
		box-shadow: 6px 6px 0 #ccc, 6px 8px 0 rgba(0,0,0,0.2);
		-webkit-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s, -webkit-transform 0.2s;
		transition: color 0.2s, background-color 0.2s, box-shadow 0.2s, transform 0.2s;
	}
	.bottom-btn a:nth-of-type(2){
		background-color: #c0002d;
	}
	.bottom-btn a:hover{
		opacity: 0.9;
		box-shadow: 6px 3px 0 #ccc, 6px 6px 0px rgba(0,0,0,0.2);
		-webkit-transform: translateY(3px);
		transform: translateY(3px);
	}
}