/* ----------------------------------------------------------------
 01. Utility
----------------------------------------------------------------- */

/**
 * Reset
 */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	border: 0;
	box-sizing: border-box;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
h1, h2, h3, h4, h5, h6, p ,li {
	font-size: 100%;
	margin: 0;
	padding: 0;
}
blockquote:before, blockquote:after, q:before, q:after { content: none }
nav, ul, ol, dl { list-style: none }
blockquote, q { quotes: none }
a {
	background: transparent;
	color: inherit;
	display: block;
	font-size: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	text-decoration: none;
	vertical-align: baseline;
	outline: none;
}


/* フォーム*/
:placeholder-shown {
	color: #ccc;
}
/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
	color: #ccc;
}
/* Firefox 18- */
:-moz-placeholder {
	color: #ccc;
}
/* Firefox 19+ */
::-moz-placeholder {
	color: #ccc;
}
/* IE 10+ */
:-ms-input-placeholder {
	color: #ccc;
}
input:focus,
select:focus{
	outline: 2px #333;
}

.mgb0{margin-bottom:0px!important;}
.mgb1em { margin-bottom: 1em !important; }
.mgt0{margin-top:0!important;}
.mgr0{margin-right:0!important;}
.pd0{padding:0px!important;}
.pdb0{padding-bottom:0px!important;}
.pdr0{padding-right:0px!important;}

.tac{text-align:center!important;}
.tal{text-align:left!important;}
.tar{text-align:right!important;}
.taj { text-align: justify!important; }
.fwb{font-weight:bold!important;}
.fwn{font-weight:normal!important;}
.wsn{white-space:nowrap!important;}
.vam{vertical-align:middle!important;}
.vat{vertical-align:top!important;}
.vab{vertical-align:bottom!important;}
.dpb{display:block!important;}
.dpi{display:inline!important;}
.dpn{display:none!important;}
.dpib{display:inline-block!important;}
.psr{position:relative!important;}
.fll{float:left!important;}
.flr{float:right!important;}
.clb{clear:both;}
.tdu{text-decoration:underline;}
.bdn{border:none!important;}
.lh0 { line-height: 0;}
.lh1_6{line-height:1.6;}
.lh1_8{line-height:1.8;}
.ovfh{overflow:hidden;}
.ls{ letter-spacing: 0.15em;}
.cn{font-feature-settings : "palt";}
.img100 {height: auto;width: 100%;}
.img75 {height: auto;width: 75%;}
.img50 {height: auto;width: 50%;}
.img25 {height: auto;width: 25%;}



/* font setting */

small { font-size: 80%; }
.ff_min {
	font-family: "Roboto Slab" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" ,"游明朝", YuMincho, "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

section:after ,
.clearfix:after	{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.link_line {
	color: #d71524;
	text-decoration: underline;
}


.move,
.move:hover {
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
.move2,
.move2:hover {
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	-webkit-transition:all 0.6s ease-in-out;
	transition:all 0.6s ease-in-out;
}

.link_line {
	text-decoration: underline;
}
.link_line:hover {
	opacity: 0.6;
}



.list_disc li {
	list-style: disc outside;
	margin: 0 0 0 25px;
}
.list_square li {
	list-style: square outside;
	margin: 0 0 0 25px;
}

	
.hidden_box {
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	transform: translateY(100px);
	opacity: 0;
}
.hide_wrap {
	margin: 0;
	opacity: 0;
	padding: 0;
}
@media screen and (max-width: 768px) {
	.hidden_box {
		-webkit-transform: none;
		-moz-transform: none;
		transform: none;
		margin: 0 0 0 0;
		width: auto;
	}
}
	
/* ==== General settings ====*/

.op_01:hover { opacity: 0.6; }

.only_pc {
	display: inherit;
}
.only_pc_dpib {
	display: inline-block;
}
.only_pc_th {
	display: table-header-group;
}
.only_sp {
	display: none;
}
@media screen and (max-width: 768px) {
	.only_pc,
	.only_pc_dpib,
	.only_pc_th {
		display: none !important;
	}
	.only_sp {
		display: inherit;
	}
	.op_01:hover { opacity: 1; }
}




/* ==== Structure ====*/

body {
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
	color: #313131;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 15px;
	letter-spacing: 0.09em;
	line-height: 1.6;
	min-height: 100%;
	overflow-x: hidden;
}
@media screen and (max-width: 768px) {
body {
	font-size: 12px;
	}
}

.wrapper {
	height: 100%;
	margin: auto;
	max-width: 1200px;
	overflow: hidden;
	padding-bottom:30px;
	width: 100%;
    display: flex;
    flex-direction: column;
	min-height: 100vh;
}




/* ==== Header ====*/

.header {
	margin: 0 0 50px;
	overflow: hidden;
	padding: 20px 0 0;
}
@media screen and (max-width: 768px) {
	.header {
		margin: 0 0 25px;
		overflow: hidden;
		padding: 20px 0 0;
	}
}

.header .logo {
	float: left;
	width: 158px;
}
.header .right {
 float: right;
 text-align: right;
}
.header .right .float_wrap {
	overflow: hidden;
	margin: 0px 0 20px;
}
.header .right .header_btn {
	display: inline-block;
	float: right;
}
.header .right .font_size_wrap {
	display: inline-block;
	height: 34px;
	margin: 0 20px 0 0;
	overflow: hidden;
}

/* Global menu */

.btn_menu {
	display: none;
}
@media screen and (max-width: 768px) {
	.btn_menu {
		background: url(../img/btn_menu.png) no-repeat;
		background-size: contain;
		cursor: pointer;
		display: block;
		height: 8%;
		position: fixed; top: 30px; right: 6%;
		width: 8%;
		z-index: 10000;
	}
	.btn_menu.open {
		background: url(../img/btn_menu_close.png) no-repeat;
		background-size: contain;
	}
}


.gmenu {
	font-weight: 500;
	margin: 0;
	padding: 0;
	margin-left:auto;
	margin-right:auto;
	padding-left:auto;
	padding-right:auto;
}
.gmenu ul{
	margin-top:0;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
.sp_menu_wrap {
	display: block;
}
@media screen and (max-width: 768px) {
	.sp_menu_wrap {
		background: rgba(255,255,255,0.85);
		display: none;
		height: 100%;
		padding: 100px 0 0;
		position: fixed; top: 0; left: 0;
		width: 100%;
		z-index: 1000;
	}
}
.gmenu li {
	display: inline-block;
	margin: 0 40px 0 0;
	padding: 0 0 3px;
	position: relative;
	width:auto;
}
.gmenu li img {
	width: 105.5px;
}
.gmenu li:nth-child(1) img {
	width: 73.5px;;
}
.gmenu li:nth-child(2) img {
	width: 72px;
}
.gmenu li:nth-child(3) img {
	width: 67px;


}
.gmenu li:hover {
	opacity: 0.8;
}
.gmenu li:last-child {
	margin: 0;
}
.gmenu li:after {
	background: #0085ee;
	border-radius: 3px;
	content: "";
	height: 6px;
	position: absolute; bottom: 0; left: 50%;
	width: 0%;
}
.gmenu li:hover::after,
.gmenu li.current:after{
	background: #0085ee;
	content: "";
	height: 2px;
	position: absolute; bottom: 0; left: 0%;
	width: 100%;
}
.gmenu li,
.gmenu li:after,
.gmenu li:hover::after{
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
@media screen and (max-width: 768px) {
	.gmenu {
		margin: auto;
		padding: 5% 0 0;
		width: 60%;
	}
	.gmenu li {
		display: block;
		margin: 0 0 1.5em;
		padding: 0 0 1.5em;
		position: relative;
		text-align: center;
	}
	.gmenu li:nth-child(6) {
		margin: 0 0 1.5em;
	}
	.gmenu li:hover {
		color: #313131;
	}
	.gmenu li:after,
	.gmenu li:hover::after {
		display: none;
	}
	.gmenu li,
	.gmenu li:after,
	.gmenu li:hover::after{
		-moz-transition: all 0.0s ease-in-out;
		-o-transition: all 0.0s ease-in-out;
		-ms-transition: all 0.0s ease-in-out;
		-webkit-transition:all 0.0s ease-in-out;
		transition:all 0.0s ease-in-out;
	}
	.keycen {
	display: block ;
	margin-left: auto ;
	margin-right: auto ;
	width: 90% ;
	float: none !important ;
	}
}

/* ==== Header ====*/

.footer {
	background: #eee;
	padding: 20px 0;
	margin-bottom:0px;
	width: 100%;
	text-align:center;
	margin-top:auto;
	bottom:0;
}
.footer .inner {
	margin: auto;
	max-width: 1200px;
	width: 100%;
}
@media screen and (max-width: 1200px) {
	.footer .inner {
		width: 96%;
	}
}
@media screen and (max-width: 768px) {
	.footer .inner {
		width: 90%;
	}
}
.footer .inner p {
	color: #004276;
	margin: 0 0 1em;
}
.footer .inner p:last-child {
	margin: 0 0 0;
}
.footer a {
	display: inline-block;
	text-decoration: underline;
}




/* ==== Index ====*/

.main_img {
	margin: 0 0 50px;
}

.product_wrap_01 {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto;
	max-width: 1200px;
	position: relative;
	width: 100%;
}
@media screen and (max-width: 1200px) {
	.product_wrap_01 {
		width: 96%;
	}
}
.product_wrap_01 li {
	flex-basis: 49%;
	margin: 0 0 50px;
	overflow: hidden;
	position: relative;
}
.product_wrap_01 li a {
	background: #fff;
	height: 100%;
	opacity: 0;
	position: absolute; top: 0; left: 0;
	width: 100%;
}
.product_wrap_01 li a:hover {
	background: #fff;
	opacity: 0.5;
}
.product_wrap_01 li a,
.product_wrap_01 li a:hover {
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.product_wrap_01 li .img_wrap {
	float: left;
	width: 40%;
}
.product_wrap_01 li .txt_wrap {
	float: right;
	width: 55%;
}
.product_wrap_01 li .txt_wrap .ttl {
	color: #004276;
	font-size: 160%;
	font-family: "Roboto Slab" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" ,"游明朝", YuMincho, "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	line-height: 1.2;
	margin: 0 ;
}
.product_wrap_01 li:nth-child(3) .img_wrap,
.product_wrap_01 li:nth-child(4) .img_wrap{
	float: right;
}
.product_wrap_01 li:nth-child(3) .txt_wrap,
.product_wrap_01 li:nth-child(4) .txt_wrap{
	float: left;
}
@media screen and (max-width: 768px) {
	.product_wrap_01 {
		width: 90%;
	}
	.main_img {
		margin: 0 0 25px -30%;
		width: 130%;
	}

	.product_wrap_01 li {
		flex-basis: 100%;
		margin: 0 0 25px;
	}
	.product_wrap_01 li a:hover {
		opacity: 0;
	}
	.product_wrap_01 li a,
	.product_wrap_01 li a:hover {
		-moz-transition: all 0s ease-in-out;
		-o-transition: all 0s ease-in-out;
		-ms-transition: all 0s ease-in-out;
		-webkit-transition:all 0s ease-in-out;
	}
	.product_wrap_01 li:nth-child(3) .img_wrap {
		float: left;
	}
	.product_wrap_01 li:nth-child(3) .txt_wrap {
		float: right;
	}
	.product_wrap_01 li:nth-child(2) .img_wrap,
	.product_wrap_01 li:nth-child(4) .img_wrap,
	.product_wrap_01 li:nth-child(6) .img_wrap {
		float: right;
	}
	.product_wrap_01 li:nth-child(2) .txt_wrap,
	.product_wrap_01 li:nth-child(4) .txt_wrap,
	.product_wrap_01 li:nth-child(6) .txt_wrap {
		float: left;
	}
}




/* ==== product ====*/

.main_img.product {
	margin: 0 0 30px;
}

.product_wrap_02 {
	display: flex;
	justify-content: space-between;
}
@media screen and (max-width: 1200px) {
	.product_wrap_02 {
		margin: auto;
		width: 96%;
	}
}
@media screen and (max-width: 768px) {
	.product_wrap_02 {
		display: block;
		width: 90%;
	}
}

.product_wrap_02 .left {
	box-sizing: border-box;
	flex-basis: 50%;
	padding: 0 25px 0 0;
}
.product_wrap_02 .right {
	border-left: solid 1px #555;
	flex-basis: 50%;
	padding: 0 0 0 25px;
}
.product_wrap_02 .left p {
	margin: 0 0 0.5em;
}
.product_wrap_02 .left p:last-child {
	margin: 0;
}
@media screen and (max-width: 768px) {
	.product_wrap_02 .left {
		flex-basis: 100%;
		padding: 0 0 25px 0;
	}
	.product_wrap_02 .right {
		border-left: none;
		flex-basis: 100%;
		padding: 0 0 0 0px;
	}
}

.tel_wrap {
	border-bottom: solid 1px #555;
	margin: 0 0 30px;
	padding: 0 0 30px;
	text-align: center;
}
.tel_wrap .tel_box {
	border: solid 1px #555;
	color: #0085ee;
	font-size: 240%;
	line-height: 1.2;
	margin: 0 0 0.3em !important;
	padding: 10px;
}
.tel_wrap .tel_box span {
	font-size: 90%;
}
@media screen and (max-width: 768px) {
	.tel_wrap .tel_box a {
		display: inline-block;
	}
}

.txt_120 {
	font-size: 120%;
}
.txt_90{
	font-size: 90%;
}
.txt_80{
	font-size: 80%;
}
.txt_50{
	font-size: 50%;
}

.ttl_product {
	color: #999;
	font-size: 200%;
	margin: 0 0 20px;
	text-align: center;
}

.img_product_01 {
	line-height: 0;
	margin: 0 0 24px;
	display:inline-block;
	background:#ddd;
	}


.ul_thumb {
	display: flex;
	justify-content: space-between;
	margin: 0 0 30px;
}
.ul_thumb li {
	cursor: pointer !important;
	flex-basis: 23%;
}
.ul_thumb li:hover {
	opacity: 0.6;
}

.ul_detail {
	margin: 0;
}
.ul_detail li {
	border-bottom: solid 1px #555;
	display: flex;
	justify-content: space-between;
	margin: 0 0 30px;
	padding: 0 0 30px;
}
.ul_detail li:last-child {
	border: none;
	margin: 0;
}

.ul_detail li .left_detail {
	flex-basis: 70%;
}
.ul_detail li .right_detail {
	flex-basis: 30%;
}
.ul_detail li .right_detail img {
	height: auto;
	max-width: 100%;
}
.ul_detail li .no_flex {
	flex-basis: 100%;
}

.ttl_detail {
	font-size: 200%;
	padding: 0 0 0 40px;
	position: relative;
}
.ttl_detail:before {
	color: #0085ee;
	content: "■";
	position: absolute; left: 0; top: 0;
}
.txt_detail {
	font-size: 160%;
}

.table_detail {
	border-collapse: collapse;
	margin: 30px 0 0;
	width: 100%;
}
.table_detail td,
.table_detail th {
	border: solid 1px #555;
	box-sizing: border-box;
	font-size: 120%;
	padding: 10px;
	text-align: center;
	width: 25%;
}
.table_detail th {
	font-weight: bold;
}
.imgcell {
	vertical-align: baseline;
}
.imgcell.cell_01 .detail_img
	padding: 0 20%;
}
.imgcell.cell_02 .detail_img {
	padding: 0 10%;
}
@media screen and (max-width: 768px) {
	.table_detail tr {
		border-bottom: solid 1px #555;
		display: block;
		margin: 0 0 25px;
	}
	.table_detail td,
	.table_detail th {
		border: none;
		display: inline-block;
		padding: 0 10px 10px;
		text-align: left;
		width: auto;
	}
	.table_detail th {
		display: block;
		font-weight: bold;
		padding: 0 0 5px;
	}
	td.imgcell {
		display: none;
	}
	.ttl_detail {
		line-height: 1.2;
		padding: 0 0 10px 25px;
	}
	.txt_detail {
		font-size: 120%;
	}
}

.txt_product {
	background: #e6effd;
	border-radius: 4px;
	margin: 0 0 2em;
	padding: 20px;
}


/* ==== plus others ====*/

.haleinfo {
	text-align: center;
	margin: 0 0 2em;
	padding: 20px;
	}
.accesscf{
	width: 100%;
	height: auto;
	}

.accesstitle {
	font-size: 160%;
	font-weight: 500;
	text-align: center;
	}

.accessexp {
	float: left;
	padding: 20px;
	}
	
.accessexp dl dd {
	margin-bottom:0.5em;
	}


.accessmap {
	float: left;
	margin-right: 30px;
	width: 100%;
	height: 400px;
	padding: 20px;
	}

.accessmap iframe {
	width:100%;
	height: 100%;
	margin: auto;
	}

.accordion li{
	float:left;
	margin-right: 40px;
	margin-top: 30px;	
	}

.comp {
	padding: 80px 0;
	padding-top:0px;
	}

.comp h2{
	text-align: center;
	padding-bottom: 80px;
	}

.candleimg{
	height: auto;
	margin: auto;
	}

.mailinfo{
	text-align: center;
	margin-top: auto;
	margin-bottom: auto;
	padding: 20px;
	}



.keyvisual {
	margin: 0 auto;
	text-align: center;
	}

.keyvisual img{
	display: block;
	margin-top 0px;
	margin-bottom 0px;
	margin-left: auto;
	margin-right: auto;
	max-width : 100% ;
	height : auto ;
	}

img.sp{
	height:25px;
	}

.keyvisual div a{
	display: inline;
	}
.keyvisual div a br{
	line-height: 1em;
}

.keyvisual div a:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	}

.keyvisual div a p {
	margin: 0 auto;
	display: inline;
	}

.keycen {
	display: block;
	width: 32%;
	height: auto;
	margin-left: auto;
	margin-right: 1%;
	float: left;
	}

@media screen and (max-width: 768px) {
	.keycen {
	display: block ;
	margin-left: auto ;
	margin-right: auto ;
	width: 90% ;
	float: none !important ;
	}
}



	
/* ==== 2018年 11月 ====*/
	
.product_wrap_18 {
	color: #666;
	font-feature-settings: "palt";
	margin: 0 auto;
	max-width: 1200px;
	position: relative;
	width: 96%;
}
.product_wrap_18 .ttl_01 {
	border-bottom: solid 1px #000;
	color: #0085ee;
	font-size: 240%;
	line-height: 1;
	margin: 0 0 20px;
	padding: 0 0 15px;
}

.product_wrap_03 {
	margin: 0 auto 30px;
	overflow: hidden;
	padding: 0 0 0 25px;
}
.product_wrap_03 .img_wrap {
	float: right;
	width: 409px;
}
.product_wrap_03 .txt_wrap {
	float: left;
	width: calc(100% - 440px);
}
.ttl_product_01 {
	font-size: 160%;
	line-height:1.6em;
	text-align:center;
	border-top: 2px solid #666;
	border-bottom: 2px solid #666;
	margin-bottom: 5px;
}
.txt_product_01 {
	font-size: 120%;
	margin: 0 0 50px;
}
@media screen and (max-width: 768px) {
		.product_wrap_03 .img_wrap {
			float: none;
			margin: 0 auto 30px;
			max-width: 409px;
			width: 100%;
		}
		.product_wrap_03 .txt_wrap {
			float: none;
			width: 100%;
		}
}

.product_wrap_04 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto 20px;
	padding: 0 25px;
}
.product_wrap_04 li {
	flex-basis: auto;
	margin-bottom: 60px;
	width: 45%;
}
.product_wrap_04 li .ttl_goods_01 {
	font-size: 160%;
	text-align: center;
}
.product_wrap_04 li .ttl_goods_02 {
	font-size: 93.3;
	text-align: center;
	margin: 0 0 20px;
}
.product_wrap_04 li .img_wrap {
	margin: 0 auto 30px;
	max-width: 300px;
	width: 100%;
}
.product_wrap_04 li a:hover .img_wrap {
	opacity: 0.6;
}
.product_wrap_04 li .price {
	font-size: 160%;
	margin: 0 0 20px;
}
.product_wrap_04 li .detail {
	font-size: 100%;
}
@media screen and (max-width: 768px) {
		.product_wrap_04 {
			display: block;
			margin: 0 auto 20px;
			padding: 0 5%;
		}
		.product_wrap_04 li {
			margin-bottom: 60px;
			width: 100%;
		}
}

/* ==== 2019年 1月 ====*/

.encap {
	margin: 0 0 10px;
	padding: 0;
	color: #004276;
	}
.encap2 {
	font-size: 85%;
	margin: 0 0 10px;
	padding: 0;
	}
.tel_box2 {
	font-size: 140%;
	width: auto;
	margin: 10px 0 ;
	padding: 0 0.2em;
	border: 1px solid #666;
	display: inline-block;
	}
.infostr {
	color: #0085ee;
	font-size: 80%;
	font-weight: bold;
	}

/* ==== 2019年 2月 ====*/

.strong {
	font-size: 80%;
	font-weight: bold;
	}


tr.headline {
	border-top: 2px solid #ccc;
	}

/* ==== 2019年 10月 ====*/

.endpro {
	color: #aa4444;
	font-size: 80%;
	font-weight: bold;
	display: inline-block;
	}

/* ==== 2020年 2月 ====*/

.extra {
	color: #00bbd1;
	text-align: center;
	font-weight: bold;
	margin: 0 auto;
	vertical-align: middle;
	}

.extra h1 a:hover{
	color: #4444aa;
	}

.img_wrap2 {
	float: right;
	width: 560px;
}
.txt_wrap2 {
	float: left;
	width: 50%;
}

@media screen and (max-width: 768px) {
	.img_wrap2 {
	float: none;
	width: 90%;
	}
	.txt_wrap2 {
	float: left;
	width: 90%;
	}
}

/* ==== 2021年 11月 単純化リニューアル====*/

.titlelogo{
	text-align:center;
	padding 0px
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	position:relative;
	width:50%;
	}

.titlelogo h6{
	font-size:90%;
	margin-top: 15px;
	margin-bottom: 15px;
	}
.titlelogo img{
	width:35%;
	position:relative;
	}
	
.img9{
	position:relative;
	margin-top:20px;
	margin-left:10%;
	margin-right: 10%;
	margin-bottom:20px;
	  }
	  
.keyvisual2 {
  display: flex;
  widrh:80%;
  margin-left: auto;
  margin-right: auto;
  justify-content: space-between;
  flex-wrap: wrap;

}
.keyvisual2 li{
  width: 31%;
  margin-bottom: 1.5%;
}
.keyvisual2 li img{
  width: 100%;
}
.footer2{
	width: 76%;
	margin-left:12%;
	margin-right: 12%;
}
.accesscf2{
	display: flex;
	width: 80%;
	margin-left:auto;
	margin-right: auto;
	justify-content: space-between;
	}

.accessmap2 {
	width: 65.5%;
	height: 300px;
	border: thick double #999;
	}
.accessmap2 iframe {
	width:100%;
	height: 100%;
	margin: auto;
	}
	
.accessexp2 {
	font-size:78%;
	line-height:1.4em;
	letter-spacing: -0.05em;
	width: 31%;
	}
.accessexp2 dd{
	margin-bottom: 0.7em;
	}
	
.inst{
	position: relative;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	}
	
<!-- 2022.8.22 -->

.ul_detail2 {
	display:flex;
	margin: 0;
	width:50%;
	border: solid 1px #555;
}
.ul_detail2 li {
	border-bottom: solid 1px #555;
	display: flex;
	justify-content: space-between;
	margin: 0 0 30px;
	padding: 0 0 30px;
}
.ul_detail2 li:last-child {
	border: none;
	margin: 0;
}

.ul_detail2 li .left_detail2 {
	flex-basis: 50%;
}
.ul_detail2 li .right_detail2 {
	flex-basis: 50%;
}
.ul_detail2 li .right_detail img {
	height: auto;
	max-width: 100%;
}
.ul_detail2 li .no_flex {
	flex-basis: 100%;
}

.bikeli{
	 display:flex;
	 margin-bottom:1em;
	 padding-top:1em;
	 border-top:1px solid #666;
}
.bikeimg{
	display:block;
	width:20%;
	margin-right:2%;
	}
.bikeimg img{
	width:100%;
	height:auto;
	}
	
.roseul{
	display: -webkit-flex;
    display: flex;
	flex-wrap: wrap;
	}
	
.roseli{
	 display:block;
	 text-align:center;
	 margin:1em;
	 padding:1em;
	 border:1px #CCCCCC solid;
	 width:29%;
	 box-shadow: 0 5px 10px 0 rgba(100, 100, 100, .5);
}
.roseli div img{
	width:60%;}
	
.partsimg{}

.partsimg ul{
	display: flex;
	justify-content: space-between;
	margin: 0 0 30px;
	padding: 0 0 30px;
}
.partsimg ul li{
	width:23%;
	height:auto;
}
.partsimg ul li img{
	width:100%;
}
.soldout{
	display:block;
	background:#F90

	}
.soldout h2{
	text-align:center;
	font-size:120%;
	color:	#FFF;
	
	}
@media screen and (max-width: 767px) {

.titlelogo{
	text-align:center;
	padding 0px
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	position:relative;
	width:90%;
	}
}