/* **************************************************************** */
/*  STD element  */
/* **************************************************************** */
body.custom {
    margin:0;
    padding: 0;
	text-align: center;
    width:100%;
    height:100%;
    color: #555;
    /* background-color: #BED47F; */
	BACKGROUND-COLOR: #aab29b;
	font-family: sans-serif, verdana, arial, helvetica;
    font-size: 15px; 
    /*
    font-size: 1.5rem;
    */
    -webkit-text-size-adjust: 100%;
}

.curve div.curve-head { 
	height:6px; 
	background: url("../img/light_green/curve_left_head.gif") top left no-repeat; 
} 
.curve div.curve-head div { 
	height:6px; 
	background: url("../img/light_green/curve_right_head.gif") top right no-repeat; 
} 
.curve div.curve-bottom { 
	height:6px; 
	background:url("../img/light_green/curve_left_bottom.gif") bottom left no-repeat; 
} 
.curve div.curve-bottom div { 
	height:6px; 
	background:url("../img/light_green/curve_right_bottom.gif") bottom right no-repeat; 
} 
.whiteboard div.top { 
	height:6px; 
	background:url() top left no-repeat; 
} 
.whiteboard div.top div { 
	height:6px; 
	background:url() top right no-repeat; 
} 
.whiteboard div.bottom { 
	height:6px; 
	background:url("../img/light_green/curve_left_bottom.gif") bottom left no-repeat; 
} 
.whiteboard div.bottom div { 
	height:6px; 
	background:url("../img/light_green/curve_right_bottom.gif") bottom right no-repeat; 
} 


.whiteboard2{
 BACKGROUND-COLOR: #ffffff;
}


/*
A {text-decoration:underline;}
*/
A {text-decoration: none;}
A:link {COLOR: #3366cc;}
/*
A:visited {COLOR: #bb8888;}
*/
A:visited {COLOR: #3366cc;}
/*
-20220507
A:hover {COLOR: #3366cc; BACKGROUND-COLOR:#ffffff; text-decoration:underline;}
A:active {COLOR: #3366cc;}
*/

P {
	MARGIN: 0 0 0 0.8em;
	PADDING: 0;
}



/* **************************************************************** */
/*  Header element  */
/* **************************************************************** */

H1.custom {
	COLOR: #606060;
	MARGIN: 0;
	PADDING: 0;
	BORDER-BOTTOM: #0c0 0 solid;
	BORDER-LEFT: #0c0 0 solid;
	font-weight:normal;
	font-size:30px;
	font-family:平成明朝, 小塚明朝 Pro M, Kozuka Mincho Pro M, ＭＳ Ｐ明朝, serif; /* add20121215 */
	LINE-HEIGHT: 1.25em;
}

H1.custom_sp {
	COLOR: #606060;
	MARGIN: 0;
	PADDING: 0;
	BORDER-BOTTOM: #0c0 0 solid;
	BORDER-LEFT: #0c0 0 solid;
	font-weight:normal;
	font-size:20px;
	font-family:平成明朝, 小塚明朝 Pro M, Kozuka Mincho Pro M, ＭＳ Ｐ明朝, serif; /* add20121215 */
	LINE-HEIGHT: 1.25em;
}



H2.custom {
	COLOR: #666666;
	FONT-SIZE: 1.1em;
	MARGIN: 0.5em 0 0.2em 0;
	PADDING: 0 0 0 15px;
	BORDER-BOTTOM: #666 0px solid;
	font-family:平成明朝, 小塚明朝 Pro M, Kozuka Mincho Pro M, ＭＳ Ｐ明朝, serif; /* add20121215 */
	font-weight:normal;
	LINE-HEIGHT: 1.25em;
	background: #FFFFFF url(../img/h2.png) no-repeat;
}


H3.custom {
	COLOR: #666666;
	FONT-SIZE: 1.2em;
	MARGIN: 0.2em 0 0.2em 0;
	PADDING: 0 0 0 0.2em;
	font-family:平成明朝, 小塚明朝 Pro M, Kozuka Mincho Pro M, ＭＳ Ｐ明朝, serif; /* add20121215 */
	BORDER-LEFT: #BED47F 8px solid;
}


/* **************************************************************** */
/*  Util element */
/* **************************************************************** */
img {
	border:0;
	vertical-align:top;
}
.content2 .img_thumb{
	border: 3px solid #00F;	
}

HR {
	border-top: 1px #999999 solid;
	border-right: 0 #999999 solid;
	border-bottom: 0 #999999 solid;
	border-left: 0 #999999 solid;
	color: #999999;
	HEIGHT: 1px;
	MARGIN: 0;
	width: 100%;
}

ul{
	PADDING: 0;
	MARGIN: 0 0 0 10px;
	LIST-STYLE-POSITION: outside;
	LIST-STYLE-TYPE: square;
}

ol{
	PADDING: 0;
	MARGIN: 0 0 0 10px;
	LIST-STYLE-POSITION: outside;
	LIST-STYLE-TYPE: decimal;
}

li {
    MARGIN-LEFT: 1em;
}

pre br {
    display: none;
}


/* ****************************************************************  */
/*  Frame  */
/* ****************************************************************  */
#outer{
	margin:0 auto;
	padding: 0;
	text-align: left;
	/* BACKGROUND-COLOR: #BED47F; */
	BORDER: #cfcfcf 0 solid;
}

.navi_bar_area{
	clear:both;
	min-width: 1010px; /* outerより20pxほど多くとる*/
	width: expression(document.body.clientWidth < 970px? "990px" : "auto"); 
	color: #DDDDDD;
	BACKGROUND-COLOR: #000000;
}

.navi_bar_area A:link {
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
	color: #8DD3D5;
	text-decoration: none;
}

.one_column{
	clear:both;
	width:100%;
	/* BACKGROUND-COLOR: #BED47F; */
}

.title_area{
	clear:both;
	width:100%;
}

.contents_top_area{
	clear:both;
	width:100%;
	/* BACKGROUND-COLOR: #BED47F; */
}

.contents_main_area{
	float:right;
	width: 728px;
	BORDER: #cfcfcf 0 solid;
	padding: 0;
	margin: 0;
	/* BACKGROUND-COLOR: #BED47F; */
    font-size:3.5rem;
}

.contents_side_area{
	float:left;
	width: 250px;
	BORDER: #f9f9f9 0 solid;
	padding: 0;
	margin: 0;
	/* BACKGROUND-COLOR: #BED47F; */
}

.contents_bottom_area{
	clear:both;
	MARGIN: 0;
	PADDING : 0;
	width:100%;
	/* BACKGROUND-COLOR: #BED47F; */
}

.footer_area{
	clear:both;
	min-width: 1010px;
	width: expression(document.body.clientWidth < 970px? "990px" : "auto");
	color: #DDDDDD;
	BACKGROUND-COLOR: #000000;
}

.footer_area A:link {
	color: #8DD3D5;
	text-decoration: none;
}


/* **************************************************************** */
/*  CLEAR  */
/* **************************************************************** */
.clear:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear { display: inline-table; }
/* *Hides from IE-mac */
* html .clear { height: 1%; }
.clear { display: block; }
/* *End hide from IE-mac */


/* **************************************************************** */
/*  Table  */
/* **************************************************************** */

table.tb01 {
	BORDER-COLLAPSE: collapse;
}

table.tb01 th{
	padding: 5px 5px 5px 5px;
	margin: 0;
	border: 1px #999999 solid;
	background-color: #eeeeee;
}

table.tb01 tr td{
	padding: 5px 5px 5px 5px;
	margin: 0;
	border: 1px #999999 solid;
}

table.box {
	BORDER-COLLAPSE: collapse;
}

table.box th tr td {
	BORDER: #D9ECF5 0 solid;
	padding: 0;
	margin: 0;
	BORDER-COLLAPSE: collapse;
}
/* ****************************************************************  */
/* Menu bar  */
/* ****************************************************************  */
.side_menu_title {

	width: 180px;
	height: 50px;
	margin: 0;
	padding: 10px 0 0 0;
	text-align: center;
	font-family:平成明朝,'小塚明朝 Pro M','Kozuka Mincho Pro M',ＭＳ Ｐ明朝,serif;
	background: url(../img/sidemenu_title_05.png) no-repeat;
	color: #845F5A;
}


/* ****************************************************************  */
/*  curve  */
/* ****************************************************************  */
.curve{
	width: 100%;
	background: #ffffff;
}

.whiteboard{
	width: 100%;
	background: #ffffff;
	border: none;
}

.innerframe{
	width: 100%;
	margin: 0;
	padding: 0;
}

.copy{
	FONT-SIZE: 0.9rem;
	BORDER: 0 #ffffff solid;
	MARGIN: 0;
	PADDING: 0 0 10px 0;
	FONT-FAMILY: 'Book Antiqua',Century,serif;
	TEXT-ALIGN: center;
	COLOR: #999999;
}

.indent {MARGIN-LEFT: 0.5rem;}

.lineheader{
    color: #008800;
}
.fcs{
    color: #3333FF;
}
.fck{
    color: #F57A35;
}
.fcr{
    color: #FF0000;
}
.fcm{
    color: #851750;
}
.fcy{
    color: #D1AD33;
}
.fcp{
    color: #e17Bb0;
}
.fcg{
    color: #686416;
}
.fca{
	font-family:'ＭＳ Ｐゴシック','ＭＳＰゴシック','MSPゴシック','MS Pゴシック';
	font-weight:normal;
}

.content2{
	/*
    font-size: 1.5rem;
    line-height: 1.80em;
    font-size: 4.3rem;
	*/
    /* line-height: 1.65em; */
    line-height: 1.5em;
    font-size: 1.6rem;
}
.content2 img{
    /* width: 200px; */
    width: 300px;
    height: auto; 
}
.content2 iframe{
    width: 300px;
}
.content2 a{
	text-decoration: underline
}


#next_page_link{
 font-size:6.0rem;
 font-weight:bold;
 text-decoration:underline;
 font-family:'平成明朝', 'ヒラギノ明朝 Pro W3', '小塚明朝 Pro M','Kozuka Mincho Pro M', 'ＭＳ Ｐ明朝','serif';   
}

#pickup_title{
    text-decoration: none; 
    color:#0000ff; 
    font-size: 5.0rem; 
    font-weight:bold;
    font-family:平成明朝, 小塚明朝 Pro M, Kozuka Mincho Pro M, ＭＳ Ｐ明朝, serif;   
}

#pickup_title2{
    text-decoration: none; 
    color:#0000ff; 
    font-size: 5.0rem; 
    font-weight:bold;
    font-family:平成明朝, 小塚明朝 Pro M, Kozuka Mincho Pro M, ＭＳ Ｐ明朝, serif;   
}

#pickup_title3{
    text-decoration: none; 
    color:#0000ff; 
    font-size: 5.0rem; 
    font-weight:bold;
    font-family:平成明朝, 小塚明朝 Pro M, Kozuka Mincho Pro M, ＭＳ Ｐ明朝, serif;   
}

.pickup_title{
    text-decoration: none; 
}

#side_menu_info{
    color:#BED47F;
    font-family:serif;
    font-weight:bold;
}

.side_menu_info{
    font-size: 2.0rem; 
}

.side_menu_recently{
    font-size: 2.0rem; 
}

.link_dendou{
    font-size: 4.0rem; 
}



.relational_articles{
    font-size: 3.8rem; 
}

.index_pager{
    font-size: 1.7rem; 
}

.side_menu_info{
    font-size: 3.0rem; 
}

#ant_links{
  display: none;
}

.caption_bm_btn_index{
    font-size: 1.0rem; 
}

.pc_visible{
  display: none;
}
.pc_only{
  display: none;
}
.for_pc{
  display: none;
}

.bm_item{
  cursor: pointer;
}

.rss_links A:link {COLOR: #3366cc;}
.rss_links A:visited {COLOR: #3366cc;}



/****************************************
sns share button
****************************************/
.sns_share ul{
    padding-inline-start: 0;
	display: flex;
    align-items: center;
    justify-content: center;
	padding: 0;
    margin: 0;
	/* padding-left:5px;
	padding-right:5px; */
    list-style: none;
}

.sns_share img {
    width: 20px;
}
.sns_share>ul>li{
	list-style: none;
	/* color: #FFF;
	a:link { color: #FFF; }
	a:visited { color: #FFF; }
	a:hover { color: #FFF; }
	a:active { color: #FFF; } */
}

.sns_share a{
	width:100%;
	height:100%;
	text-decoration: none;
	display:flex;
	align-items: center;
	justify-content: center;
}
.sns_share li.sns_share_box{
	height:45px;
	width: 300px;
}
.sns_share li.sns_share_x{
	background-color: #000;
    margin:0;
}
.sns_share li.sns_share_x a{
	background-color: #000;
}
.sns_share li.sns_share_facebook{
	background-color: #3B5997;
    margin: 0;
}
.sns_share li.sns_share_facebook a{
	background-color: #3B5997;
}
.sns_share li.sns_share_hatena{
	background-color: #008FED;
    margin: 0;
}
.sns_share li.sns_share_hatena a{
	background-color: #008FED;
}
.sns_share li.sns_share_line{
	background-color: #06C755;
    margin: 0;
}
.sns_share li.sns_share_line a{
	background-color: #06C755;
}
.sns_share li.sns_share_pocket{
	background-color: #D45059;
    margin: 0;
}
.sns_share li.sns_share_pocket a{
	background-color: #D45059;
}
.sns_share li.sns_share_feedly{
	background-color: #2CB14B;
    margin: 0;
}
.sns_share li.sns_share_feedly a{
	background-color: #2CB14B;
}

/* 隠れているコンテンツ（初期状態） */
.hidden-content {
	display: none; /* 最初は非表示 */
}

/* 表示状態のクラス（JavaScriptで付与） */
.show-content {
	display: block;
}

/* もっと見るボタンのスタイル */
.more-switch {
	cursor: pointer;
}

.more_text{
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 1));
	position: relative;
	top: -2em;
}

@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap');

.interior-heading-marugo {
  font-family: 'Kosugi Maru', sans-serif;
  font-size: 1.6rem;
  color: #5a5a5a;
  background-color: #f1f1ee;
  padding: 0.8em 1em;
  border-radius: 8px;
  /* text-align: center; */
}


@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@300&display=swap');

.fashion-heading-frame {
  font-family: 'M PLUS 1p', sans-serif;
  font-weight: 300;
  font-size: 1.4rem;
  color: #2c2c2c;
  text-align: center;
  /* text-align: left; */
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  padding: 0.5em 0;
  letter-spacing: 0.1em;
  background-color: #fafafa;
}