@charset "utf-8";


/* ---------- common ----------*/
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;
	font-weight:300;
		-webkit-text-size-adjust: 100%;
		-webkit-appearance: none;	/*button*/
	color:#4d4d4d;
	margin:0;
}

header, footer { position:relative;	margin:0;padding:0; }
header a, footer a { text-decoration:none; }

#pagecontents {	max-width:1200px; margin:0 auto; clear:both;  }

.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;
}
.fserif { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif; }


.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: 40px;
	height: 40px;
	right:10px;
	bottom:10px;
	text-indent:-9999px;
}
.sp-pageTop {
	padding:0;
	background-color:#BBE2E8;
	text-align:center;
}
.sp-pageTop a, .sp-pageTop a:hover {
	display:block;
	font-size:90%;
	text-decoration:none;
	color:#231815 !important;
	padding:16px 0;
}
.freedial {
	display:inline-block;
	width:2.5em;
	height:1em;
	background:url('../images/common/free-d2.gif') center center no-repeat;
	background-size:contain;
}

/* 202103 ow */
.pageTop { visibility:hidden; }


/* ---------- rwd ----------*/

div { box-sizing:border-box !important; }

img {
	display:block;
	max-width: 100%;
	height: auto;
	margin:0 auto;
/*	width: auto\9; /* ie8 */
}
img.pdficon, img.inline {
	display:inline !important;
}

#pages {
	min-width:320px;
/*	width:960px;	*/
	margin:0 auto;
/*	padding-top:12px;*/
/*	background-color:#ffffff;	*/
}
header, footer {
/*	width:960px;	*/
	margin:0 auto;
}
header { /*height:80px;*/ }
footer { /*margin-top:60px;*/ }

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

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

.mode_pcc { display:block; }
.mode_spc { display:none !important;visibility:hidden; }

#pagecontents {
}
#pagecontents p {
	font-size:90%;
	line-height:1.7;
	margin-top:0;
}
.wfix_contents {
	max-width:1223px;
	margin:0 auto;
	padding:0 10px;
}


/* ---------- basic area ---------- */
.cols11, .cols11f { width:100%;clear:both; }
.cols21, .cols21f { width:50%;float:left;margin:0; }
.cols31, .cols31f { width:33%;float:left;margin:0; }
.cols32 { width:66%;float:left;margin:0; }
.cols41, .cols41f { width:25%;float:left;margin:0; }
.cols43 { width:75%;;float:left;margin:0; }
.rcols { float:right; }
.tcols { max-width:1223px;margin:0 auto; }
.icols img { width:100% !important; }


h1.pagetitle {
	font-size:200%;
	padding:0;
	margin:40px 10px;
	letter-spacing:0.25em;
	text-align:center;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
}



a.txt_banner {
	padding:5px 30px 5px 20px;
/*	background:url('../images/common/txt_arrow_w.png') right center no-repeat #9fa0a0;	*/
	font-size:100%;
	color:#ffffff;
	text-decoration:none;
	border-radius:2px;
}
a.txt_banner:hover {
/*	background:url('../images/common/txt_arrow_w.png') right center no-repeat #82B6BD;	*/
}

.page_bottom_link {
	padding-top:40px;
	padding-bottom:30px;
}


#colorbox, #cboxContent, #cboxLoadedContent {
	box-sizing:content-box !important;
}

.photo_img_cols>a>img:hover {
	opacity:0.8;
}
.photo_img_cols span.caption {
	position:absolute;
	right:0;
	bottom:0;
	text-align:right;
	padding:5px;
	color:#000000;
	font-size:80%;
	text-shadow:1px 1px 1px #ffffff, -1px -1px 1px #ffffff,1px -1px 1px #ffffff, -1px 1px 1px #ffffff;
}

.youtube_wrap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 2px;
	height: 0;
	overflow: hidden;
}

.youtube_wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}




.backbt_line {
	text-align:center;
	margin:80px auto 80px auto !important;
}
a.back_bt {
/*	display:block;	*/
	padding:10px 80px;
	box-sizing:border-box;
	border:2px #BBE2E8 solid;
	border-radius:12px;
	text-align:center;
	text-decoration:none;
	color:#3DA4B6;
	line-height:1;
}
a.back_bt:hover {
	border:2px #83CBD6 solid;
	background-color:#83CBD6;
	color:#ffffff;
}




/* ========== newsl list ========== */
ul.news_list { margin:0; padding:0; list-style:none; font-size:0.8rem; }
ul.news_list li { border-bottom:1px #d0d0d0 solid; }
ul.news_list li>a, ul.news_list li>span { display:flex; flex-wrap:wrap; padding:12px 0px; text-decoration:none; color:#231815; box-sizing:border-box; }
ul.news_list li a:hover { background-color:#F3F8FA; }
ul.news_list li span.news_date { flex:0 0 10em; line-height:1.6; padding-left:10px; }
ul.news_list li span.news_title { flex:1 1 20em; line-height:1.6;  padding-right:10px; }
ul.news_list li.newslistall { border-bottom:none; }
ul.news_list li.newslistall a { display:block; text-align:right; box-sizing:border-box; }

.pagenation { margin:40px 20px 20px 20px; display:flex; justify-content:center; font-size:0.9rem; }
.pagenation .pgn_prev { flex:0 1 30%; text-align:right; }
.pagenation .pgn_link { flex:1 0 30%; text-align:center; }
.pagenation .pgn_next { flex:0 1 30%; text-align:left; }
.pagenation .pgn_prev a, .pagenation .pgn_next a { text-decoration:none; color:#333; }
.pagenation .pgn_prev a:hover, .pagenation .pgn_next a:hover { text-decoration:underline; }
.pgn_link a, .pgn_link .pgn_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:#83CBD6; }
.pgn_link .pgn_this {  background-color:#BBE2E8; border-radius:6px; }
.pagenation .pgn_prev .pgn_dis, .pagenation .pgn_next .pgn_dis { color:#ddd; }



/* ----- */
.w_img_txt_area {
	width:65%;
	float:right;
}
.news_mainimg_area {
	width:30%;
	float:left;
}
.news_view_date {
	font-size:90%;
	display: block;
	text-align:left;
	padding:0 0 4px 0;
	margin:0 !important;
	line-height:1em !important
}
.news_view_title {
	background-color:#BBE2E8;
	padding:8px;
	margin-bottom:24px !important;
	text-align:center;
	font-size:120%;
	line-height:1.2em;
	font-weight:bold;
	color:#231815;
}
.news_add_img {
	padding:10px 0;
	margin:0;
	text-align:center;
}
.news_txt_area {
	font-size:100%;
	line-height:1.8em;
}
.news_view_footer {
	padding:80px 0 20px 0;
	text-align:center;
}
.file_down {
    padding: 40px 0 40px 40px;
    text-align: left;
}
.ymd_ip {
	padding:0 6px;
	background-color:#DD223E;	/*FFE709;*/
	color:#ffffff;
	border-radius:4px;
}
.kanripreview {
	text-align:center;
	color:red;
	margin-bottom:20px;
}
.newmark {
	display:inline-block;
	vertical-align:middle;
	width:2.5em;
	height:1em;
	background:url('../images/newmark.png') center center no-repeat;
	background-size:contain;
}



/* --------- dl table ------ */
dl.dl_table, dl.dl_table dt, dl.dl_table dd {
	margin: 0;
	padding: 0;
	box-sizing:border-box;
}

dl.dl_table {
	background: #f7f7f7;
	border: 1px solid #aaaaaa;
	border-top: none;
}

dl.dl_table dt, dl.dl_table dd {
	padding: 6px;
	color:#333333;
	font-size:90%;
	line-height:1.4;
}

dl.dl_table dt {
	border-top: 1px solid #aaaaaa;
	clear: both;
	float: left;
	width: 160px;
}

dl.dl_table dd {
	background: #fff;
	border-left: 1px solid #aaaaaa;
	border-top: 1px solid #aaaaaa;
	margin-left: 160px;
}



/* ------- rwd table ------ */
.std_table, .std_table_fix {
	width:100%;
	margin-bottom:20px;
	border-collapse:collapse;
}
.std_table caption, .std_table_fix caption {
	font-size:110% !important;
	color:#003399
}
.std_table th, .std_table td, .std_table_fix th, .std_table_fix td {
	padding:6px 6px;
	border:1px #ccc solid;
	font-size:90%;
	line-height:1.6;
	vertical-align:top;
}
.std_table th, .std_table_fix th {
	background-color:#f0f0f0;
	text-align:left;
	font-weight:normal;
	width:25%;
}
.std_table td, .std_table_fix td {
	text-align:left;
	width:75%;
}


/* ---------- */
ol.policy, ul.policy {
	margin-bottom:40px;
}
ol.policy li {
	font-size:90%;
	line-height:1.6;
	margin-bottom:1em;
}
ul.policy li {
	font-size:90%;
	line-height:1.6;
	margin-bottom:1em;
	list-style:none;
}
ul.std_ul {
	margin:0;
	padding-left:30px;
	font-size:90%;
	line-height:1.7;
}
ul.std_ul li {
	margin-bottom:0.5em;
}



/* ----- select link list ----- */
ul.linklist, ul.linklist2, ul.linklist3, ul.linklist4,
ul.linklist2f, ul.linklist3f, ul.linklist4f {
	padding:0;
}
ul.linklist li {
	display:block;
	width:80%;
	margin:5px auto;
}
ul.linklist2 li, ul.linklist2f li {
	float:left;
	display:inline;
	width:45%;
	margin:5px 2.5%;
}
ul.linklist3 li, ul.linklist3f li {
	float:left;
	display:inline;
	width:29%;
	margin:5px 2%;
}
ul.linklist4 li, ul.linklist4f li {
	float:left;
	display:inline;
	width:23%;
	margin:3px 1%;
}
ul.linklist li a, ul.linklist2 li a, ul.linklist2f li a,
ul.linklist3 li a, ul.linklist3f li a, ul.linklist4 li a, ul.linklist4f li a {
	display:block;
	padding:12px 6px;
	border:1px #888888 solid;
	border-radius:10px;
	text-decoration:none;
	text-align:center;
	color:#333333;
/*	background:url('../images/common/boxlink_bg.png') center center repeat-x;	*/
	box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);
	font-size:105% !important;
}
ul.linklist li a:hover, ul.linklist2 li a:hover, ul.linklist2f li a:hover, 
ul.linklist3 li a:hover, ul.linklist3f li a:hover, ul.linklist4 li a:hover, ul.linklist4f li a:hover {
	position:relative;
	left:1px;top:1px;
	border:1px #444444 solid;
	color:#000000;
/*	background:url('../images/common/boxlink_bg_r.png') center center repeat-x;	*/
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
ul.linklist4 li a, ul.linklist4f li a {
	font-size:75% !important;
	padding:6px;
}
ul.linklist li a.current, ul.linklist2 li a.current, ul.linklist2f li a.current, 
ul.linklist3 li a.current, ul.linklist3f li a.current, ul.linklist4 li a.current, ul.linklist4f li a.current {
	background-color:#82B6BD;
	color:#ffffff;
}





/* ---------- header ---------- */
#header { position:relative; }
#header.menu_fixed {
	position: fixed;
	top: 0;
	left: 0;
	width:100%;
	z-index:600;
	background-color:rgba(256,256,256,1);
	margin-top:0;
}

#header_infobar {
	text-align:center;
	background-color:#D9D9D9;
	padding:8px 4px;
	color:#333;
	font-size:100%;
	white-space:nowrap;
	overflow:hidden;
	overflow-x:auto; 
}
#header_infobar span { font-size:90%;}
#header_infobar span a { color:#231815; }

#header_logo {
	position:relative;
	margin:0 auto;padding:20px 0;
	width:280px;
	z-index:300;
}
#header_logo a {
	display:block;
	height:80px;
	background-image:url('../images/common/header_logo.png');
	background-position:center center;
	background-size:contain;
	background-repeat:no-repeat;
	text-indent:-9999px;
}

/* ---------- site navi ---------- */
nav { background-color:#F3F3F3; margin:10px 0; }
#site_navi {
	width:840px;
	height:40px;
	margin:0 auto;
	padding:0 !important;
	z-index:100;
	position:relative;
	color:#231815;
}
#site_navi .site_menu {
	display:flex;
	align-items:flex-start;
	align-content:flex-start;
	margin:0;
	padding:0;
}
#site_navi .site_menu li {
	flex:0 0 25%;
	list-style:none;
}
#site_navi .site_menu>li a, #site_navi .site_menu>li span.menutxt {
	display:block;
	text-indent:0;
	text-align:center;
	font-weight:300;
	padding:12px 0;
    font-size:0.9rem;
	text-decoration:none;
	transition-duration:0.2s;
}

#site_navi .site_menu>li.gnavi04 a:hover { background-color:rgba(187,226,232,0.3); }

.submenu {
	position:absolute;
	left:0;
	width:840px;
	display:none;
	padding:0 !important;
	background-color:rgba(238,246,248,0.95);
}
#site_navi li:hover .submenu {
	display:flex; flex-wrap:wrap;
	z-index:170;
}
#site_navi .site_menu li .submenu li { flex:0 0 33.33%; }
.submenu li a {
	display:flex !important;
	justify-content:space-between;
	align-items:center;
	width:100% !important;
	padding:10px !important;
	box-sizing:border-box;
	color:#231815;
	z-index:120;
	font-size:80% !important;
	text-align:left;
	line-height:1.4;
}
.submenu li a span { flex:0 0 47%; text-align:left; }

.site_menu li .submenu li a:hover,
.site_menu li .submenu li span:hover {
	background-color:#fff;
}


.header_info {
	width:100%;
	position:absolute;
	top:0px;
	padding:0px 0;
	font-size:70%;
	text-align:right;
	line-height:1.2;
}

/* ---------- headershop navi ---------- */
#header_shopnavi {
	position:absolute;
	top:4px;
	right:4px;
}
#header_shopnavi ul { margin:0; padding:0; list-style:none; display:flex; align-items:flex-start; }
#header_shopnavi ul li { white-space:nowrap; box-sizing:border-box; padding:5px 5px; border-left:1px #ccc solid; font-size:10px; text-align:center; position:relative; }
#header_shopnavi ul li:first-child { border-left:none; }
#header_shopnavi ul li a { color:#111; text-decoration:none; }
#header_shopnavi ul li a img { height:32px; }
#header_shopnavi ul li.cart .cart_kosu { position:absolute; top:50%; right:0; display:inline-block; width:18px;height:18px;border-radius:10px; background-color:#D45C8A; color:#fff; text-align:center; font-size:14px; line-height:18px;}
#header_shopnavi ul li.logind a { line-height:24px; }
#header_shopnavi ul li.logind a img { height:24px; }
.hd_mypage_pc { display:block; }
.hd_mypage_sp { display:none; }


/* ---------- footer ---------- */

#footer {
	background-color:#F8F7F0;
	padding:30px 20px 20px 20px;
}

.sitemap {
	max-width:1200px;
	margin:0 auto;
	display:flex; flex-wrap:wrap;
}
.footer_cols { flex:0 0 25%; margin:0; padding:0 2%; font-size:0.9rem; }

ul.footer_menu {
	padding:0;
	margin:0 0 30px 0;
	font-size:90%;
	color:#666;
}
ul.footer_menu li { list-style:none; }
ul.footer_menu a { color:#666; }
ul.footer_menu a:hover { olor:#e86666; }

ul.footer_menu li a, .footer_menu li span.noref {
	display:block;
	margin-bottom:12px; line-height:1.3;
}
.sitemap_cate {
	font-weight:500;
	padding-bottom:6px;
	border-bottom:1px #4d4d4d solid;
}
.sitemap_cate a { color:inherit; display:block; }
.sitemap_cate a:after { content:" ＞"; float:right; }

ul.footer_menu li ul { padding-left:0px; }
ul.footer_menu li ul li {
	margin-left:0px;
	padding-left:1em;
	line-height:1.2 !important;
	margin-bottom:8px;
}
ul.footer_menu+p { margin-top:30px; }

#footer2 {
	padding:40px 20px;
	background-image:url('../images/common/ft_img.jpg');
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
}
.footermenu {
 	max-width:1200px;
	margin:0 auto;
	display:flex; flex-wrap:wrap;
	justify-content:space-between;
}

.footermenu .ft_logo { flex:0 0 50%; }
.footermenu .ft_logo img { max-width:280px; margin:20px auto 20px 0; }
.footermenu .ft_sns { flex:0 0 20%; }
.footermenu .ft_links { flex:0 0 30%; }
.footermenu .ft_notice { flex:0 0 30%; order:5; }
.footermenu .ft_copy { flex:0 0 60%; order:4; align-self:flex-end; }

.ft_sns ul { margin:0; padding:0; list-style:none; }
.ft_sns ul li { margin-bottom:20px; color:#fff; font-size:0.8rem; }
.ft_sns ul li a { color:inherit; }
.ft_sns ul li img { height:28px; display:inline; padding-right:10px; vertical-align:middle; }

.ft_links ul { margin:0; padding:0; list-style:none; }
.ft_links ul li { margin-bottom:20px; color:#fff; font-size:0.8rem; line-height:1.6; }
.ft_links ul li a { color:inherit; }

.footernotice { margin:0; font-size:0.7rem; color:#fff; line-height:1.4; }
.copyright { margin:0; font-size:0.7rem; color:#fff; }



/* ----- pagination ----- */
.pmove_navi {
	clear: both;
	font-size: 80%;
	margin: 20px auto 0 auto;
	text-align: center;
	width: 100%;
}
.pmove_navi_prev {
	color: #333333;
	float: left;
	text-align: left;
	width: 15%;
}
.pmove_navi_prev a {
	color: #333333;
	text-decoration: none;
}
.pmove_navi_no {
	float: left;
	text-align: center;
	width: 70%;
}
.pmove_navi_no a {
	color: #333366;
	text-decoration: none;
}
.pmove_navi_next {
	float: left;
	text-align: right;
	width: 15%;
}
.pmove_navi_next a {
	color: #333333;
	text-decoration: none;
}
.pmove_navi_dis {
	color: #cccccc;
}
.pmove_navi_this {
	color: #cc0000;
}
.pmove_pos {
	clear: both;
	color: #333333;
	padding: 10px;
	text-align: center;
}
.pmove_nolist {
	padding: 100px 0;
	text-align: center;
}
/* ----- /pagination ----- */



/* ------ form ------ */
input, select, textarea {
	font-size:90%;
	line-height:1.8;
}
input { padding:5px; }
input[type=text], input[type=tel], input[type=email], textarea {
	padding:5px;
	border:1px #cccccc solid;
	background-color:#F7F7F7;
}
select {
	background-color:#F7F7F7;
	border:1px #cccccc solid;
	padding:4px;margin-bottom:8px;
	cursor:pointer;
}
input[type=text]:focus, select:focus, input[type=tel]:focus, input[type=email]:focus, textarea:focus {
	border:solid 1px #82B6BD;
	background-color:#ffffff;
}
label {
	cursor:pointer;
}
input[type=submit] {
	white-space:normal;
	line-height:1.6;
	padding:10px 20px;
	-webkit-appearance: none;
}

input[type=text]:required,input[type=email]:required,input[type=tel]:required, textarea:required { background-color:#FFE3E7; border-color:#c88; }
input[type=text]:valid,input[type=email]:valid, input[type=tel]:valid, textarea:valid { background:transparent; border-color:#cccccc; }

/* ------ /form ------ */



.buyline { position:absolute; bottom:0px; padding:0; margin:0; width:100%; text-align:center; background-color:rgb(255,255,255,0.25); line-height:0; }
.buyline a {
	font-size:1.0rem; text-decoration:none; line-height:1.2; font-weight:bold;
	display:inline-block; margin:0; padding:8px; color:#D45C8A;
	text-shadow:1px 1px 1px rgb(255,255,255,0.8),1px -1px 1px rgb(255,255,255,0.8),-1px 1px 1px rgb(255,255,255,0.8),-1px -1px 1px rgb(255,255,255,0.8);
}
.buyline a:after { content:' ＞'; }
.buyline a:hover { color:#B9161C; }


.buyline_item { width:100%; text-align:center; }
.buyline_item a {
	font-size:100%; text-decoration:none; line-height:1; font-weight:bold;
	display:inline-block; margin:8px; color:#D45C8A; padding:4px 6px;
}
.buyline_item a:after { content:' ＞'; }
.buyline_item a:hover { color:#B9161C; }







noscript p {
	display:block;
	color:#ff0000;
	margin:0;
	padding:10px;
	background-color:#FFFFCC;
	text-align:center
}
.getadobereader {
    border: 1px solid #888888;
    border-radius: 10px;
    display: block;
    font-size: 90%;
    margin: 50px auto;
    width:80%;
    padding: 18px 24px;
}
.getadobereader p {
    margin-bottom: 1em;
}


/* # Pc std 960-1223px
========================================================================================= */
@media only screen and (max-width: 1223px) {

}

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

	body {  }

	.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; }


	#pages { width:100%;padding-top:0; }

	header { height:auto; }
	header, footer { width:100%; }




	h1.pagetitle {
		font-size:160%;
		padding:0;
		margin:20px 10px;
		letter-spacing:0;
	}
	h2.pagesubtitle {
		font-size:115%;
		padding:0px 8px 10px 8px;
		box-sizing:border-box;
		line-height:1.4;
	}

	.pageheader_img {
		height:280px;
		background-size:cover;
	}
	
	#ch_navi { display:none; }


	/* ---------- basic area ---------- */
/*	.cols11f { width:100%;clear:both; }
	.cols11 { width:100%;clear:both;; }
	.cols21 { width:50%;float:left; }
	.cols31 { width:33%;float:left; }
	.cols32 { width:66%;float:left; }
	.cols41 { width:25%;float:left; }
	.cols43 { width:50%;float:left; }*/
	.tcols { padding:0 10px; }



	/* ========== newsl list ========== */
	ul.news_list li span.news_date { padding-left:0px; }
	ul.news_list li span.news_title { padding-right:0px; }

	/* ---------- news list & view ---------- */
	.news_list_block {
		border-radius:0;
		box-shadow:none;
		display:block;
		padding:0px;
		overflow:visible;
		height:auto;
		margin:0 !important;
	}
	
	.newslist li a {
		background-image:url('../images/common/menu_arrow.gif');
		background-position:right center;
		background-repeat:no-repeat;
	}

	.newsli-dat { padding:6px 1% 4px 1%; }

	.newsli-tit {
		padding: 0 25px 6px 20px;
/*		border-bottom:1px #717171 solid;	*/
	}
	.viewall-li {
		text-align:right;
		padding:15px !important;
		border-bottom:1px #cccccc solid;
		background-image:none !important;
	}

	/* ----- all list page ----- */
	#listpage .newsli-dat {
		width:auto;
		float:none;
	}

	/*----*/
	.news_view_date {
		padding:6px 0 6px 10px;
	}

/*	.news_cate1 { background:url('../images/news_cate.png') 9em 5px no-repeat; }
	.news_cate2 { background:url('../images/news_cate.png') 9em -55px no-repeat; }
	.news_cate3 { background:url('../images/news_cate.png') 9em -115px no-repeat; }*/

	.igmap {
		position: relative;
padding-top: 75%;
height: 0;
overflow: hidden;
	}
	.igmap iframe, .igmap object, .igmap embed {
		position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
	}

	/* -------- */
	dl.dl_table dl, dl.dl_table dt, dl.dl_table dd {
		margin: 0;
		padding: 0;
	}
	dl.dl_table {
		background: #ffffff;
		border: none;
		border-bottom: 1px solid #aaaaaa;
	}
	dl.dl_table dt, dl.dl_table dd {
		padding: 1%;
		color:#333333;
		font-size:90%;
		line-height:1.4;
	}
	dl.dl_table dt {
		background-color:#f0f0f0;
		padding-bottom:0;
		font-weight:bold;
	}
	dl.dl_table dt {
		border-top: 1px solid #aaaaaa;
		clear: both;
		float: none;
		width: 98%;
	}
	dl.dl_table dd {
		background: #fff;
		border-left: none;
		border-top: none;
		margin-left: 10%;
	}


	/* ---------- rwd table ---------- */
	.std_table th {
		box-sizing:border-box;
		display:block;
		clear:both;
		width:100%;
		border-bottom:none;
	}
	.std_table th br { display:none; }
	.std_table th a {
		box-sizing:border-box;
		color:inherit;
	}
	.std_table td {
		box-sizing:border-box;
		display:block;
		width:100%;
		float:left;
		text-align:left;
		padding:6px 4px 6px 20px !important;
		border-bottom:none;
	}
	.std_table tr:last-child td { border-bottom:1px #ccc solid; }

	/* ----- select link list ----- */
	ul.linklist2 li {
		float:left;
		display:block;
		width:96%;
		margin:10px 2%;
	}

	ul.linklist2f li a {
		font-size:80% !important;
	}

	ul.linklist3 li {
		float:left;
		display:block;
		width:46%;
		margin:10px 2%;
	}

	ul.linklist3f li a {
		font-size:85% !important;
	}



	/* ---------- header ---------- */
	nav { margin:0; }
	#header_logo {
		margin:0 auto 0 50px;
		padding:0; height:60px; width:50%;
	}
	#header_logo a {
		height:60px;
		background-position:left center;
	}

	/* ---------- site navi ---------- */
	#sp_menu_bt {
		position:absolute;
		top:10px;
		left:4px;
		width:40px;
		height:40px;
		display:block;
		background-image:url('../images/common/sp_menu_bt.png');
		background-size:contain;
	}
	#sp_menu_bt.active {
		background-image:url('../images/common/sp_menu_btr.png') !important;
	}
	#sp_menu_cart {
		position:absolute;
		top:10px;
		right:55px;
		width:40px;
		height:40px;
		display:block;
		background-image:url('../images/common/sp_menu_cart.png');
		background-size:contain;
	}

	#site_navi {
		display:none;
		position:relative;
		width:100%;
		height:auto;
		left:0;
		top:0;
		z-index:600;
		margin-top:0;
		 padding-bottom:120px;
	}
	#site_navi .site_menu { flex-wrap:wrap; padding-bottom:100px; box-sizing:border-box; }
	#site_navi .site_menu li {
		flex:0 0 100%;
		background-color:#888888;
	}
	
	#site_navi .site_menu li a, #site_navi .site_menu li span.menutxt {
		height:100%;
		text-indent:0;
		text-align:center;
		padding:10px 0px;
		background-color:#b5b5b5;
		color:#221815;
		font-weight:bold;
	}
	#site_navi .site_menu li a:hover { background-color:#fff; }
	#site_navi li:hover .submenu { display:block; }
	#site_navi .site_menu li.gnavi91,
	#site_navi .site_menu li.gnavi92 { border-bottom:1px #888 solid; }
	#site_navi .site_menu li.gnavi92 a img { display:inline-block; !important; height:1.2em; padding-right:10px; vertical-align:-3px; }

	#site_navi .site_menu li.gnavi04 { border-bottom:1px #888 solid; }
	#site_navi .site_menu>li.gnavi04 a:hover { background-color:#fff; }


	.submenu, #site_navi li:hover .submenu {
		position:relative !important;
		width:100%;
		display:flex; flex-wrap:wrap;
	}

	#site_navi .submenu li a {
		width:100% !important;
		box-sizing:border-box;
		border-right:1px #888888 solid;
		border-bottom:1px #888888 solid;
		background-color:#f8f8f8;
		padding:0 !important;
	}
	#site_navi .submenu li a span { flex:1 1 98%; text-align:center; font-weight:300; padding:10px; }
	#site_navi .submenu li a span:first-child { display:none; }




	/* 202103 ow */
	#sp_menu_bt { background-image:url('../images/common/menu_txt.png');background-repeat:no-repeat;background-size:contain; cursor:pointer; }
	#sp_menu_bt.active { background-image:url('../images/common/menu_txt.png') !important; }

	#sp_menu_bt span { width:30px; height:2px; border-radius:2px; display:block; background: #808080; position: absolute; left: 50%; top: 60%; margin-left: -15px; }
	#sp_menu_bt span { transition: all 0.3s; transform: rotate(0deg); }
	#sp_menu_bt .top { transform: translateY(-9px); }
	#sp_menu_bt .middle { transform: translateY(0px); }
	#sp_menu_bt .bottom { transform: translateY(9px); }

	#sp_menu_bt.active .top { transform: rotate(-45deg); }
	#sp_menu_bt.active .middle { background: rgba(255, 255, 255, 0); }
	#sp_menu_bt.active .bottom { transform: rotate(45deg); }


	/* ---------- headershop navi ---------- */
	
	#header_shopnavi ul li { padding:2px 5px;font-size:8px; line-height:1; color:#000; /*display:none;*/ }
	#header_shopnavi ul li a { color:#000; }
	#header_shopnavi ul li a img { height:28px; }
	#header_shopnavi ul li.cart .cart_kosu { /*top:10%;*/ }
	#header_shopnavi ul li.logind a { line-height:14px; }



	.sp-shopTop { position:fixed; z-index:300; }
	.sp-shopTop a {
		position: fixed;
		background:url('../images/common/shoptop_bt.png') left top no-repeat;
		background-size:contain;
		display: none;
		width: 82px;
		height: 82px;
		right:10px;
		bottom:20px;
		text-indent:-9999px;
	}
	
}

/* # Tablet & Mobile Landscape 480-767px
========================================================================================= */   
@media only screen and (max-width: 767px) {

	body { }

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

	.cols21 { width:100%;float:none; margin:0px; }
	.cols31 { width:50%;float:left; margin:0px; }
	.cols32 { width:50%;float:left; margin:0px; }
	.cols41 { width:50%;float:left; margin:0px; }
	.cols43 { width:50%;float:left; margin:0px; }

	.photo_img_cols { width:100%;float:none;margin:0; }
	.photo_txt_cols { width:96%;float:none;margin:0 2%; }
	

	.pageheader_img {
		height:240px;
		background-size:cover;
	}
	p.pagepre {
		font-size:95% !important;
		line-height:1.8 !important;
		text-align:left;
		margin-left:10px;
		margin-right:10px;
		margin-bottom:30px;
	}


	.getadobereader {
	    width:98%;
	    padding: 12px;
	}

	ul.news_list li span.news_date { flex:0 0 100% }
	ul.news_list li span.news_title { flex:0 0 100%; padding-top:4px; padding-left:16px; box-sizing:border-box; }

	/*----*/
	.w_img_txt_area, .news_txt_area {
		width:96%;
		margin:0 2%;
		float:none;
		word-break:break-all !important;word-wrap:break-word;overflow-wrap:break-word;
	}
	.news_mainimg_area {
		width:100%;
		float:none;
	}


	/* ---------- header ---------- */
	#header_infobar { font-size:12px; }
	#header_logo { width:50%; margin:0 auto 0 50px; }
	#site_navi .site_menu li .submenu li { flex:0 0 50%; }


	/* ---------- footer ---------- */
	.footer_cols { flex:0 0 50%; margin: 0; padding-left:0%;border-left:none; }
	#footer {
		margin-bottom:0px;
	}
	.footer_menu {
		font-size:90%;
		margin:5px 10px 25px 10px;
	}
	.footer_menu li a {
		padding-top:6px;
		padding-bottom:6px;
		border-bottom:1px #d8d8d8 dotted;
	}
	.footer_menu li ul li { margin-bottom:0px; }
	.footer_menu li ul li a {
		font-size:90%;
		padding-top:6px;
		padding-bottom:6px;
		border-bottom:1px #d8d8d8 dotted;
	}





	.footermenu .ft_logo { flex:0 0 100%; }
	.footermenu .ft_logo img { max-width:280px; margin:20px auto 20px auto; }
	.footermenu .ft_sns { flex:0 0 100%; }
	.footermenu .ft_links { flex:0 0 100%; margin:40px 0; text-align:center; }
	.footermenu .ft_notice { flex:0 0 100%; margin:20px 0; order:4; }
	.footermenu .ft_copy { flex:0 0 100%; order:5;}

	.ft_sns ul { display:flex; flex-wrap:wrap; justify-content:center; }
	.ft_sns ul li { margin:10px 20px; white-space:nowrap; }


	.buyline a { font-size:0.8rem; }

}
/* # Mobile 320-479px
========================================================================================= */   
@media only screen and (max-width: 479px) {
	body {
		min-width:320px;
	}

	.cols21 { width:100%;float:none; margin:0px; }
	.cols31 { width:100%;float:none; margin:0px; }
	.cols32 { width:100%;float:none; margin:0px; }
	.cols41 { width:50%;float:left; margin:0px; }
	.cols43 { width:50%;float:left; margin:0px; }

	.mode_pcc { display:none !important;visibility:hidden; }
	.mode_spc { display:block !important;visibility:visible; }

	.pageheader_img {
		height:180px;
		background-size:cover;
	}
	p.pagepre {
		font-size:85% !important;
		line-height:1.8 !important;
		text-align:left;
		margin-left:10px;
		margin-right:10px;
	}


	ul.linklist3f li a {
		font-size:75% !important;
	}
	#site_navi .submenu li a { font-size:70% !important }
	#header_logo { margin: 0 auto 0 45px; }
	#header_logo a { background-position: left bottom 10px; }



	/* ---------- headershop navi ---------- */
	#header_shopnavi ul li.logind  { border:none; font-size:8px; }
	#header_shopnavi ul li.logind a { line-height:12px; }
	#header_shopnavi ul li.logind a img { margin:4px 0 0 auto; width:55px; height:20px; }
	.hd_mypage_pc { display:none; }
	.hd_mypage_sp { display:block; }

 

	/* ---------- footer ---------- */
	#footer { padding: 10px; }
	.footer_cols { flex:0 0 100%; margin: 0; }
	.footer_cols ul { margin-left:0; }



}