@charset "UTF-8";

body {
	font-size:100%;
	font-family: 'Noto Sans JP', -apple-system, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;;
		-webkit-text-size-adjust: 100%;
		-webkit-appearance: none;	/*button*/
	color:#111111;
	margin:0;
}

div { box-sizing:border-box; }
img { display:block; max-width: 100%; height: auto; margin:0 auto; }
img.inline { display:inline; }
.nsbr { white-space:nowrap; }
.urlstr { word-break:break-all !important; word-wrap:break-word; overflow-wrap:break-word; }
.clearfix:after { content:""; display:block; height:0; clear:both; visibility:hidden; }
.mode_pc { display:block; }
.mode_pcs { display:block; }
.mode_sp { display:none; visibility:hidden; }
.mode_sps { display:none; visibility:hidden; }
.serif { font-family: 'Noto Serif JP', serif; }

hr {
	border: 0; height: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	clear:both;
}
hr.deco { background-image:url('../images/bar002.png');height:10px;margin:50px 0; clear:both; border-top:0; opacity:0.3; }

a.after_arrow:after {
	font-family: 'FontAwesome';
/*	content:' \f105';		/* > */
	content:'\20\f0da';		/* ▲ */
	font-size:1.2em;
}
a.before_arrow:before {
	font-family: 'FontAwesome';
/*	content:' \f105';		/* > */
	content:'\f0da\20';		/* ▲ */
	font-size:1.2em;
}
.pg_next:after {
	font-family: 'FontAwesome';
	content:'\20\f105';
	font-size:1.2em;
}
.pg_prev:before {
	font-family: 'FontAwesome';
	content:'\f104\20';
	font-size:1.2em;
}

#pages { max-width:100%; min-width:320px; margin:0 auto; background-color:#fff; }
#contents { width:100%;  margin:40px auto; font-family: 'Noto Serif JP', serif;}
.row_contents { max-width:1600px; margin:0 auto; padding:0 30px; }
.row_contents p, .row_contents ol, .row_contents ul  { line-height:1.8; }

/* ========== common page ========== */
#pageheader { padding-top:0; margin:0; font-family: 'Noto Serif JP', serif; }
.img_header { display:flex; align-items:center; height:350px; background-position:center center; background-size:cover; background-repeat:no-repeat; }
.img_header_tit {
	margin:0; color:#fff; font-size:2.4rem; padding:20px 60px; line-height:1.2;
	text-shadow:-2px -2px 6px #5A516C,-2px 2px 6px #5A516C,2px 2px 6px #5A516C,2px -2px 6px #5A516C;
}
.txt_header {
	padding:60px; margin:0; text-align:center;
	font-size:2.2rem; line-height:1.8; font-weight:700; color:#fff;
	background-image:url('../images/common/text_header_bg.png');
	background-position:right center; background-size:contain; background-repeat:no-repeat; background-color:#ACA8B5;
}
.txt_header span { font-size:75%; }

.section_title {
	padding-top:0; margin:60px auto 40px auto; font-family: 'Noto Serif JP', serif;
	text-align:center;
}
.sc_tit { display:inline-block; min-width:310px; }
.sc_tit h2 { text-align:center;font-size:1.5rem; padding:12px 26px; margin:0; color:#5A516C; line-height:1; }
.section_title .ort, .section_title .orb { display:flex; }
.section_title .ort span, .section_title .orb span {
	flex:0 0 15px; height:15px;
	background-image:url('../images/common/sectit_bg00.png');
	background-repeat:no-repeat; background-position:left top;
}
.section_title .ort span:nth-child(2), .section_title .orb span:nth-child(2) { flex:1 0 260px; background-repeat:repeat-x; }
.section_title .ort span:nth-child(2) { background-image:url('../images/common/sectit_bg01.png'); }
.section_title .orb span:nth-child(2) { background-image:url('../images/common/sectit_bg02.png'); }

h2.line_tit { margin:60px 0 30px 0; font-size:1.5rem; font-weight:bold; text-align:center; color:#5A516C; }


.wm_shika {
	display:inline-block; width:0.9em; height:1em;vertical-align:bottom; margin-right:12px;
	background-image:url('../images/common/wm_shika_wh.png');
	background-repeat:no-repeat; background-size:contain;
}
.wm_shika.pu { background-image:url('../images/common/wm_shika_pu.png'); }

.soryo_detail { margin-left:20px; border:1px #ccc solid; border-radius:6px; padding:0 20px; }
.soryo_detail .area { font-weight:900; }
.soryo_detail .rate { padding-left:20px; }
.soryo_detail .rate span { padding-left:4px; font-size:80%; }


/* ========== plug-in overwrite ========== */
#colorbox, #cboxContent, #cboxLoadedContent { box-sizing:content-box !important; }


/* ========== rwd table (fix) ========== */
.rwd_table, .rwd_table_fix { width:100%; margin-top:20px; border-collapse:collapse; }
.rwd_table caption, .rwd_table_fix caption { font-size:1.1rem; color:#003399; }
.rwd_table th, .rwd_table td, .rwd_table_fix th, .rwd_table_fix td { padding:6px 6px; border:1px #999 solid; line-height:1.5; vertical-align:top; }
.rwd_table th, .rwd_table_fix th { background-color:#eee; text-align:left; font-weight:normal; }
.rwd_table td, .rwd_table_fix td { background-color:#fff; text-align:left; }

/* ========== dl list ========== */
dl.dl_table { margin:0 0 40px 0;}
dl.dl_table dt { padding:4px 6px; background-color:#EEEEEE; line-height:1.8; box-sizing:border-box; margin:0; }
dl.dl_table dd { padding:4px 6px 16px 40px; line-height:1.8; box-sizing:border-box; margin:0; }

/* ========== newsl list ========== */
ul.news_list { margin:0; padding:0; list-style:none; }
ul.news_list li { }
ul.news_list li>a, ul.news_list li>span { display:flex; padding:6px 4px; text-decoration:none; color:#000; box-sizing:border-box; }
ul.news_list li a:hover { background-color:#EFE2B1; }
ul.news_list li span.news_date { flex:0 0 7em; }
ul.news_list li span.news_title { flex:1 1 20em; line-height:1.6; }
.pagenation { margin:40px 20px 20px 20px; display:flex; font-size:0.9rem; }
.pagenation .pgn_prev { flex:0 0 10%; text-align:left; }
.pagenation .pgn_link { flex:1 1 80%; text-align:center; }
.pagenation .pgn_next { flex:0 0 10%; text-align:right; }
.pagenation .pgn_prev a, .pagenation .pgn_next a { text-decoration:none; }
.pagenation .pgn_prev a:hover, .pagenation .pgn_next a:hover { text-decoration:underline; }
.pgn_link a, .pgn_link .pmove_navi_this {
	text-decoration: none;
	width:28px;height:28px;
	line-height:28px;
	display:inline-block;
	margin:0 5px; padding:0;
}
.pgn_link a { color: #000; padding:0; background-color:#ddd; border-radius:60px; }
.pgn_link a:hover { background-color:#cc0 }
.pgn_link .pmove_navi_this { color: #fff; background-color:#c00; border-radius:6px; }

/* ========== maru tsuki list ========== */
ol.mnlist { margin-left:0; margin-top:10px; padding-left:0; }
ol.mnlist li { list-style:none; background-position:left top; background-repeat:no-repeat; padding-left:40px; padding-bottom:1em; }
ol.mnlist li p:first-child { margin-top:0; }
ol.mnlist li p:last-child { margin-bottom:0; }
ol.mnlist li:nth-child(1) { background-image:url('../images/liststyle/liststyle_m01.png'); }
ol.mnlist li:nth-child(2) { background-image:url('../images/liststyle/liststyle_m02.png'); }
ol.mnlist li:nth-child(3) { background-image:url('../images/liststyle/liststyle_m03.png'); }
ol.mnlist li:nth-child(4) { background-image:url('../images/liststyle/liststyle_m04.png'); }
ol.mnlist li:nth-child(5) { background-image:url('../images/liststyle/liststyle_m05.png'); }
ol.mnlist li:nth-child(6) { background-image:url('../images/liststyle/liststyle_m06.png'); }
ol.mnlist li:nth-child(7) { background-image:url('../images/liststyle/liststyle_m07.png'); }
ol.mnlist li:nth-child(8) { background-image:url('../images/liststyle/liststyle_m08.png'); }
ol.mnlist li:nth-child(9) { background-image:url('../images/liststyle/liststyle_m09.png'); }
ol.mnlist li:nth-child(10) { background-image:url('../images/liststyle/liststyle_m10.png'); }

/* ========== shopping navi ========== */
.shopping_nav { background-color:#EEEDF0; padding:20px 0; margin-top:80px; }
#shopping_navi { display:flex; justify-content:space-around; }
#shopping_navi dl { flex:0 0 46%;  }
#shopping_navi dl dt span { display:inline-block; padding:8px 10px; background-color:#5A516C; color:#fff; min-width:300px; line-height:1; font-size:0.9rem; }
#shopping_navi dl dd { margin-left:0; margin-bottom:40px; line-height:1.6; font-size:0.8rem; }
#shopping_navi dl dd a { text-decoration:underline; }
#shopping_navi dl dd .attention { color:#cc0000; }
#shopping_navi table.soryo { border-top:1px #333 solid; border-bottom:1px #333 solid; width:100%; }
#shopping_navi table.soryo th { font-weight:normal; text-align:left; padding:3px 0; }
#shopping_navi table.soryo td { text-align:right; padding-left:10px; vertical-align:middle; white-space:nowrap; }
#shopping_navi p.daibiki { display:inline-block;  border-top:1px #333 solid; border-bottom:1px #333 solid; margin-top:0; padding:10px; }


/* ========== header ========== */
header { width:100%; background-color:#5A516C; }
#header { display:block; position:relative; }

.header_logo { width:160px; margin:0 auto; padding:20px 10px 15px 10px; }
.shop_function { position:absolute; width:165px; top:0; right:0; padding:5px 10px; display:flex; }
#site_navi { padding-bottom:12px; }

.shop_function div { flex:0 0 33%; padding:4px; }
.shop_function div a { display:block; position:relative; }
.shop_function div a:hover { background-color:#393445; border-radius:4px; }
.cart_cnt {
	position: absolute;
	background: #f01;
	color: #fff;
	font-size: 12px;
	top: -2px;
	right: 0px;
	width: 18px;
	height: 18px;
	text-align: center;
	line-height: 17px;
    border-radius: 9px;
}
.site_menu { display:flex; justify-content:center; margin:0; padding:0; list-style:none; text-align:center; }
.site_menu li { margin:3px 0; font-size:0.95rem; }
.site_menu li a, .site_menu li span { display:block; padding:3px 10px; color:#fff; text-decoration:none; border-right:1px #fff solid; white-space:nowrap; }
.site_menu li a:hover, .site_menu li span:hover { background-color:#393445; }
.site_menu li:last-child a { border-right:none; }

.site_menu li ul { display:none; }
.site_menu li:hover ul {
	display:block;
	z-index:170;
	width:200px;
	position: absolute;
	padding:0;
	background-color:#74698B;
	list-style:none;
}
.site_menu li:hover ul li a { padding:10px; border-right:none; text-align:left; }

.preload_hidden { display:none; }



/* ========== footer ========== */
#footer { padding:30px 10px;background-color:#5A516C; background-image:url('../images/common/footer_bg.png'); }
.footer_content { max-width:1600px; margin:0 auto; }
.footer_contact, .footer_addr { width:25%; float:right; padding-bottom:40px; }
.footer_contact a { display:block; padding:10px;text-align:center;text-decoration:none;color:#fff; font-size:1.1rem; border:1px #fff solid; }
.footer_contact a:hover { background-color:#fff; color:#5A516C; }
.footer_addr p { font-size:0.9rem; color:#fff; line-height:1.8; }
.footer_addr p a { text-decoration:none;color:#fff; }

.footer_menulist { width:73%; float:left; padding:10px; }
.footer_menulist .menucols { width:33.3%; float:left; }
.menucols ul { margin:0;padding:0 0 20px 0;list-style:none; }
.menucols ul li a, .menucols ul li span { display:block; text-decoration:none; color:#fff; padding:6px 0; font-size:0.9rem; }
.menucols ul li a:hover { text-decoration:underline; }
.menucols ul li ul { margin:0;padding:0 0 20px 20px; }
.menucols ul.ft_menu_site li ul { padding:0 0 0 20px; }

.footer_sns { display:flex; justify-content:center; }
.footer_sns div { padding:10px; }
.footer_sns div img { max-height:40px; }

.footer_notice { max-width:1600px; margin:0 auto; }
.ft_plink { float:left; }
.ft_plink a { text-decoration:none; padding:2px 10px; border-right:1px #fff solid; color:#fff; font-size:0.8rem; }
.ft_plink a:hover { text-decoration:underline; }
.ft_plink a:last-child { border-right:none; }
.ft_copy { float:right; font-size:0.8rem; color:#fff; margin-right:70px; }

.pageTop { position:relative; z-index:200; }
.pageTop a {
	position: fixed;
	background:url('../images/common/pagetop_bt.png') left top no-repeat;
	background-size:contain;
	display: block;
	width: 60px;
	height: 60px;
	right:10px;
	bottom:10px;
	text-indent:-9999px;
	opacity:0.7;
}
.pageTop a:hover { opacity:1.0; }


/* # Tablet 768-960px
========================================================================================= */
@media only screen and (max-width: 960px) {

	.mode_pc { display:none; visibility:hidden; }
	.mode_sp { display:block !important; visibility:visible; }
	.mode_pcs { display:block;visibility:visible; }
	.mode_sps { display:none !important; visibility:hidden; }

	#contents { padding:0; }
	.row_contents { max-width:100%; padding:0 10px; }


	/* ========== common page ========== */
	.img_header { height:280px; }
	.img_header_tit { text-align:center; font-size:2.0rem; padding:10px 10px; }
	.txt_header { padding:20px 10px; font-size:1.7rem; line-height:1.4; text-align:left; }
	#pageheader { padding-top:50px; }	/* navi fix adjust */


	/* ========== rwd table ========== */
	.rwd_table th {
		box-sizing:border-box;
		display:block;
		clear:both;
		width:100%;
		border:none;
	}
	.rwd_table th a {
		box-sizing:border-box;
		color:inherit;
	}
	.rwd_table td {
		box-sizing:border-box;
		display:block;
		width:100%;
		float:left;
		text-align:left;
		padding:6px 4px 12px 20px !important;
		border:none;
	}

	/* ========== header ========== */
	header { position:fixed; z-index:500; border-bottom:1px #fff solid; }
	.header_logo { width:45%; height:50px; padding:5px 5px; margin-left:15%; display:flex; align-items:center; }
	.shop_function { width:40%; padding:5px 5px; }
	.header_logo img { max-height:32px; }
	.shop_function img { max-height:32px; }
	.spbutton { flex:0 0 15%; order:1 }
	#site_navi { display:none; }

	#sp_menu_bt {
		display: block;
		position:fixed;
		top:8px;left:5px;
		width: 32px;
		height: 32px;
		cursor:pointer;
		background-color:#5A516C;
		border-radius:3px;
	}
	#sp_menu_bt span {
		width: 30px;
		height: 2px;
		border-radius:2px;
		display: block;
		background: #fff;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -15px;
	}

	#sp_menu_bt span { transition: all 0.3s; transform: rotate(0deg); }

	#sp_menu_bt .top { transform: translateY(-11px); }
	#sp_menu_bt .middle { transform: translateY(-1px); }
	#sp_menu_bt .bottom { transform: translateY(9px); }
	.mm-menu_opened+.mm-slideout #sp_menu_bt .middle { background: rgba(255, 255, 255, 0); }
	.mm-menu_opened+.mm-slideout #sp_menu_bt .top { transform: rotate(-45deg) translateY(0px); }
	.mm-menu_opened+.mm-slideout #sp_menu_bt .bottom { transform: rotate(45deg) translateY(0px); }
	.mm-navbar a img { height:20px; border-radius:2px; }

	.sp_serch_form { position:relative; width:100%; }
	.f_c_field:not(.select_rediz_coosen).search_mod {
		width: 100%;
		height: 3rem;
		padding: 0 1rem 0 5.4rem;
		font-size: 16px;
		border-bottom: 1px solid #e8e8e8;
		border-top: 1px solid transparent;
		border-right: 0;
		border-left: 0;
    	box-sizing:border-box;
	}
	.search_submit {
		position: absolute;
		left: 1.9rem;
		top: 50%;
		margin-top: -.5em;
		line-height: 1;
		font-size: 2.3rem;
		color: #242424;
		width: 1em;
		height: 1em;
		background: url('../images/search.svg');
		background-size: contain;
		background-repeat: no-repeat;
		cursor: pointer;
		border: 0 #fff solid;
	}

	/* ========== footer ========== */
	.footer_contact, .footer_addr { width:100%; float:none; padding:20px; text-align:center; }
	.footer_menulist { width:100%; float:none; padding:0px; }
	.menucols ul { padding:0 10px; }
	.menucols ul li a { border-bottom:1px #7C7195 dotted; }
	.menucols ul li a, .menucols ul li span { padding:8px 0; }
}


/* # mobile -767px
========================================================================================= */
@media only screen and (max-width: 767px) {



	/* ========== common page ========== */
	.img_header { height:220px; }
	img_header_tit { font-size:1.8rem; }
	.sc_tit h2 { font-size:1.3rem; }
	h2.line_tit { font-size:1.3rem; line-height:1.2; }

	.soryo_detail { margin-left:0px; }


	/* ========== dl list ========== */
	dl.dl_table dd { padding:4px 0px 16px 0px; }

	/* ========== newsl list ========== */
	ul.news_list li>a, ul.news_list li>span { display:block; }
	ul.news_list li span.news_date, ul.news_list li span.news_title { display:block; }
	.pagenation { margin:40px 0px 20px 0px; font-size:0.8rem; }
	.pagenation .pgn_prev { flex:0 0 15%; text-align:left; }
	.pagenation .pgn_link { flex:1 1 70%; text-align:center; }
	.pagenation .pgn_next { flex:0 0 15%; text-align:right; }
	.pgn_link a, .pgn_link .pmove_navi_this { width:20px;height:20px; line-height:20px;  }

	/* ========== shopping navi ========== */
	#shopping_navi { display: block; }

	#shopping_navi dl { margin:0; }
	#shopping_navi dl dt span {
		display:block;
		width:100%;
		padding:10px;
		box-sizing:border-box;
		position:relative;
		border-bottom:1px #fff solid;
		cursor:pointer;
	}
	#shopping_navi dl dt span:after {
		content: '\f078';
		font-family: 'FontAwesome';
		font-size: 18px;
		color: #fff;
		line-height: 35px;
		position: absolute;
		top: -2px;
		right: 10px;
	}
	#shopping_navi dl dt span.viewdd:after { content: '\f077'; }
	#shopping_navi dl dd { padding:0 10px; box-sizing:border-box; display:none; }





	/* ========== footer ========== */
	.footer_menulist .menucols { width:100%; float:none; }
	.menucols ul { padding:0; }
	.menucols ul li span { background-color:#7C7195;border-bottom:1px #5A516C solid; }
	.ft_plink a { display:block; border:none; }
	.ft_plink, .ft_copy { float:none; text-align:center; margin:30px 0; line-height:3; }

}