@charset "UTF-8";


/*---------------------------------
h3
-----------------------------------*/
#news_release h3{
	font-size:120%;
	font-weight:bold;
	margin-bottom:20px;
}


/*---------------------------------
h4_中見出し（頭に◆がつく）
-----------------------------------*/
#news_release h4:before{
	content:"◆ ";
	margin-top: 30px;
}

#news_release h4{
	font-size: 110%;
	font-weight:bold;
	margin-top: 30px;
	margin-bottom:10px;
	/*text-decoration: underline;*/
}
#news_release h4.no {
	text-decoration: none;
}


/*---------------------------------
h5_【】がつく
-----------------------------------*/
#news_release h5:before{
	content:"【";
	margin-right:0.3em;
}
#news_release h5:after{
	content:"】";
	margin-left:0.3em;
}
#news_release h5{
	margin-bottom:10px;
	font-weight: bold;
}


/*---------------------------------
h7_別件用見出しエリア（h3とh4の間）
-----------------------------------*/
#news_release div.heading {
width: 650px; /* 見出しエリアの幅 */
margin-bottom: 1em;
padding: 4px 0; /* 見出しエリアのパディング（上下、左右） */
border-bottom: 1px #c0c0c0 solid; /* 見出しエリアの下境界線 */
}

/* --- 見出し --- */
#news_release div.heading h7 {
margin: 0;
padding: 3px 3px 0 5px; /* 見出しのパディング（上右下左） */
border-left: 5px #ff8000 solid; /* 見出しの左境界線 */
font-size: 100%; /* 見出しの文字サイズ */
line-height: 100%;
}

/*---------------------------------
リード文（1文字目下がる）
-----------------------------------*/
#news_release p.lead{
	text-indent:1em;
	margin-bottom:20px;
}
#news_release p.lead.no_margin{
	margin-top:0px;
	margin-bottom:0px;
}

.detail-txt #news_release p{
    border-top:none;
}

/*---------------------------------
メイン画像（主に業ゲ）
-----------------------------------*/
#news_release img.main_image{
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
	display:block;
}

/*---------------------------------
テキスト文（1文字目下がらない上下スペース空かない）
-----------------------------------*/
#news_release p.no_margin{
	margin-top:0px;
	margin-bottom:0px;
}


/*---------------------------------
リスト（先頭に「・」をつける）
-----------------------------------*/
/*liには余白を入れない*/
#news_release ul.text_list{
	margin-top:0px;
	margin-bottom:10px;
	text-align:left;
}
/*liには余白を入れない*/
#news_release ul.text_list li:before{
	content : '・';
	margin-top:0px;
	margin-bottom:0px;
	text-align:left;
}


/*---------------------------------
ここから文章と画像横並び用
-----------------------------------*/
#news_release div.text_image{
	display:table;
}
#news_release div.text_image dl,#news_release div.text_image div{
	display:table-cell;
	vertical-align:top;
}
#news_release div.text_image div{
	padding-left:10px;
	min-width:80px;
	text-align:center;
}
#news_release div.text_image div img{
	margin-top:0px;
	margin-bottom:5px;
}
#news_release div.text_image div p{
	margin-top:0px;
	margin-bottom:0px;
	text-align:left;
}

/*---------------------------------
ここから画像1つ中央配置
-----------------------------------*/
#news_release img.single_image{
	margin:10px auto;
	display:block;
}


/*---------------------------------
ここから複数画像横並び用
-----------------------------------*/
#news_release div.row_image{
	display:table;
	width:100%;
	margin-bottom: 20px;
}
#news_release div.row_image div{
	display:table-cell;
}

/*テキストの上に余白をあける 中央揃え*/
#news_release div.row_image div p{
	margin-top:5px;
	text-align:center;
}

/*画像とテキストを上揃え*/
#news_release div.row_image.top div{
	vertical-align:top;
	text-align:center;
}

/*画像とテキストを中揃え*/
#news_release div.row_image.middle div{
	vertical-align:middle;
	text-align:center;
}

/*画像とテキストを下揃え*/
#news_release div.row_image.bottom div{
	vertical-align:bottom;
	text-align:center;
}


/*---------------------------------
概要（画像無し）
-----------------------------------*/

#news_release .detail_ttl{
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: bold;
}
#news_release .detail_ttl:before{
	content:"＜ ";
}
#news_release .detail_ttl:after{
	content:" ＞";
}

#news_release .dbl:before{
	content:"≪ " !important;
}
#news_release .dbl:after{
	content:" ≫" !important;
}

#news_release dt:before{
	content:"[";
	margin-right:0.3em;
}
#news_release dt:after{
	content:"]";
	margin-left:0.3em;
}
#news_release dt,#news_release dd{
	line-height:1.5em;
}

#news_release dd{
	margin:-1.5em 0 5px 0;
	padding:0 5px 5px 9em;
	border-bottom: dotted 2px #e2e2e2;
}

/*横幅MAX*/
#news_release dl{
	margin-bottom:20px;
	width:100%;
	}

/*横幅短め*/
#news_release dl.small{
	margin-bottom:20px;
	width:70%;
}

/*---------------------------------
概要（画像有り）
-----------------------------------*/
#news_release div.summary_image{
	display:table;
}
#news_release div.summary_image dl,#news_release div.summary_image div{
	display:table-cell;
	vertical-align:top;
}
#news_release div.summary_image div{
	padding-left:20px;
	min-width:80px;
	text-align:center;
}
#news_release div.summary_image div img{
	margin-top:0px;
	margin-bottom:5px;
}
#news_release div.summary_image div p{
	margin-top:0px;
	margin-bottom:10px;
}


/*---------------------------------
一覧リスト（ミニョン店舗）
-----------------------------------*/
#news_release table.list {
	margin: 0 auto;
	border-collapse: collapse;
	border: none;
	font-size: 13px;
	table-layout: fixed;
}

#news_release table.list th {
	min-width: 100px;
	min-height: 13px;
	padding: 0 10px 10px 0;
	text-align: justify;
	text-justify: inter-ideograph;
	vertical-align: top;
	border: none;
	white-space: nowrap;
	overflow: visible;
}

#news_release table.list td {
	margin: 0;
	padding: 0 10px 10px 50px;
	text-align: left;
	vertical-align: top;
	border: none;
	line-height: 180%;
}

/*---------------------------------
ミニョンコンセプト（）
-----------------------------------*/
#news_release table.concept {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	margin-top:20px;
}

#news_release table.concept td {
	vertical-align: top;
}
#news_release table.concept td p {
	font-weight:bold;
	text-align: left;
}
#news_release table.concept td ul {
	padding: 10px 10px 0 30px;
	font-size: 0.8em;
}

/*---------------------------------
リストに見出しをつける
-----------------------------------*/
#news_release .list_midashi li {
    list-style-type: disc
}


/*---------------------------------
権利表記、注意事項
-----------------------------------*/
#news_release .attention{
	font-size:75%;
	margin-top: 40px;
	margin-bottom:20px;
	font-weight:normal;
}

/*pタグの中でスパンを使うと自動で太字になる設定を解除*/
#news_release .attention span{
font-weight:normal;
}

/*頭に※を付けたいときはspanで各文章をくくる*/
#news_release .attention span:before{
	content:"※";
	margin-right:0.3em;
	font-weight:normal;
}


/*---------------------------------
お問い合わせ先
-----------------------------------*/
#news_release .contact{
	border-top:#000099 3px solid;
	margin-top:20px;
	padding-top:18px;
}
#news_release .contact span{
	margin-right:1em;
}

/*---------------------------------
グレー点線
-----------------------------------*/
#news_release .gray_border{
	border-top:1px #c0c0c0 solid;
	margin-top:10px;
	padding-top:10px;
}


/*---------------------------------
GT引用の際のお願い
-----------------------------------*/
#news_release .quotation{
	font-size:100%;
	margin-top:20px;
	margin-bottom:50px;
	font-weight:normal;
}

/*---------------------------------
GT研ピンク点線
-----------------------------------*/
#news_release .gt_border{
	border-top:#ffcddc 5px dotted;
	margin: 30px 0;
}

/*---------------------------------
GT研囲み枠
-----------------------------------*/
#news_release .gt_frame{
	border:#e2e2e2 3px double;
	margin-top: 20px;
	padding: 25px;
}

/*---------------------------------
GTグラフ画像（1枚のみ）
-----------------------------------*/
#news_release img.gt_image{
	margin-top:5px;
	margin-bottom:20px;
	display:block;
}

/*---------------------------------
h6_質問文（GT研）（頭に「Q.」がつく）
-----------------------------------*/
#news_release h6:before{
	content:"Q.";
	margin-right:0.3em;
	margin-top:20px;
}
#news_release h6{
	margin-top:20px;
	margin-bottom:5px;
}

/*---------------------------------
ここからGT研複数画像横並び用
-----------------------------------*/
#news_release div.gt_row_image{
	display:table;
	width:100%;
	margin-bottom:10px;
}
#news_release div.gt_row_image div{
	display:table-cell;
}

/*テキストの上に余白をあける 左揃え*/
#news_release div.gt_row_image div p{
	margin-top:5px;
	text-align:left;
}

/*画像とテキストを上揃え*/
#news_release div.gt_row_image.top div{
	vertical-align:top;
}

/*画像とテキストを中揃え*/
#news_release div.gt_row_image.middle div{
	vertical-align:middle;
}

/*画像とテキストを下揃え*/
#news_release div.gt_row_image.bottom div{
	vertical-align:bottom;
}


/*---------------------------------
supで文字を小さくするのを効かせるおまじない
-----------------------------------*/
#news_release sup{
vertical-align:super;
font-size:smaller;
}

/*---------------------------------
smallで文字を小さくするのを効かせるおまじない
-----------------------------------*/
#news_release small{
	font-size:75%;
}

/*---------------------------------
bで文字を太くするのを効かせるおまじない
-----------------------------------*/
#news_release b{
font-weight:bold;
}

/*---------------------------------
strongで文字を太くするのを効かせるおまじない
-----------------------------------*/
#news_release strong{
font-weight:bold;
}

/*---------------------------------
uで下線を引くのを効かせるおまじない
-----------------------------------*/
#news_release u{
text-decoration:underline;
}





/*****************/
/*** GB UpDate ***/
/*****************/

/* ==========================================================================
   COMMON Style
   ========================================================================== */

.red {
	color: #f00;
}

a.out {
	/*color: #009;*/
}
#news_release a.out{
    color: #009; 
}
#news_release img{
    /*width: 100%;*/
}
.lh100 {
	line-height: 1 !important;
}
.lh110 {
	line-height: 1.1 !important;
}
.lh120 {
	line-height: 1.2 !important;
}
.lh130 {
	line-height: 1.3 !important;
}
.lh140 {
	line-height: 1.4 !important;
}
.lh150 {
	line-height: 1.5 !important;
}

.col4 {
	line-height: 1;
}

.cmn_list_nav li.on a{
 /* color: #000;
  background-color: transparent;
  background-image: url("../img/cmn/cmn_foot_arw01.png");*/
}

#news_release {
    line-height: 1.5;
    overflow: hidden;
    clear: both;
	font-size:14px;
}

#news_release .bold {
	font-weight: bold;
}
#news_release .middle {
	vertical-align: middle!important;
}
#news_release .nowrap {
	white-space: nowrap;
}

#news_release .bdr {
	border: 1px solid #ccc;
}
#news_release .bdr_blk {
	border: 1px solid #000;
}
#news_release .bdr_no {
	border: none;
}

#news_release ol {
	list-style: decimal;
	padding-left: 1.5em;
}
#news_release li {
	margin-bottom: 10px;
}


/*---------------------------------
見出し（頭に■がつく）
-----------------------------------*/
.squre{
	position: relative;
	padding-left: 1.5em;
}
.squre:before{
	content:"■ " !important;
	position: absolute !important;
	left: 0 !important;
	margin: 0 !important;
}


/*---------------------------------
見出し（頭に●がつく）
-----------------------------------*/
.circle{
	position: relative;
	padding-left: 1.5em !important;
}
.circle:before{
	content:"● " !important;
	position: absolute !important;
	left: 0 !important;
	margin: 0 !important;
}


/*---------------------------------
h6_質問文（GT研）（頭に「Q.」がつく）
-----------------------------------*/
#news_release .gt_result h6:before{
	content:"Q.";
	position: absolute;
	left: 0;
	margin: 0;
}
#news_release .gt_result h6{
	position: relative;
	padding-left: 1.5em;
	margin-top: 0;
	color: #000;
}


/*---------------------------------
youtube
-----------------------------------*/
.video{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.video iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}


/* ==========================================================================
   Responsive
   PC Style
   ========================================================================== */

@media screen and (min-width: 542px) {

	.wauto {
		width: auto !important;
	}
	.wauto.flr {
		float: right;
		margin-left: 0;
	}

	.col4>* {
		width: 23.5%;
		margin-left: 2%;
	}
    

}
.col4 > .tac {
    float: left;
    max-width: 168px;
    margin-left: 13px;
    margin-bottom: 15px;
    clear: none!important;
    width: 46%;
}

/* ==========================================================================
   Responsive
   SP Style
   ========================================================================== */

@media screen and (max-width: 541px) {

	img {
		display: block;
		max-width: 100%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}

	table {
		width: 100%;
	}
	table th,
	table td {
		display: block;
	}

	#news_release .col3 small {
		display: block;
	}

	#news_release div.text_image {
		display: block;
	}
	#news_release div.text_image dl,
	#news_release div.text_image div {
		display: block;
	}
	#news_release div.text_image div {
		margin-top: 10px;
		padding-left: 0;
	}
	#news_release div.text_image div p {
		text-align: center;
	}
	#news_release div.summary_image {
		display: block;
	}
	#news_release div.summary_image dl,
	#news_release div.summary_image div {
		display: block;
		padding-left: 0;
	}
	#news_release div.summary_image div img {
		float: none;
		max-width: 50%;
		height: auto;
		margin: 0 auto;
	}

	#news_release dd {
		margin-top: 0;
		padding-left: 0;
	}

	.gt_result .fll,
	.gt_result .flr {
		float: none;
	}

	#news_release table.list td {
		padding-left: 1.5em;
	}

}
/* CSS Document */


/*追加スタイル*/

	#news_release table {
    border-collapse: collapse;
    border-spacing: 0;
}


#news_release img,tbody,tr {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
	 vertical-align: baseline;}


#news_release dd.sp {display:none}
#news_release br.sp{display:none}


.fts{font-size:80%;}


/*カラム処理*/
/* ==========================================
Column
========================================== */
.col2{
    overflow: hidden;*zoom: 1;
}
.col2>*{
    float: left;
    width: 49%;
    margin-left: 2%;
}
.col2>*:nth-child(odd){margin-left: 0;}


.col2>* {
    clear: none !important;
}
.detail-txt p {
    overflow: hidden;
    /* clear: both; */
    /* border-top: 1px solid #3333; */
    padding-top: 20px;
}
#news_release .col3{ overflow: hidden;}
.col3>*{
    float: left;
    width: 32%;
    margin-left: 2%;
    clear: none !important;
}
.col3>*:nth-child(3n+1){margin-left: 0;}

.col4{ overflow: hidden;*zoom: 1;}
.col4>*{
    float: left;
    width: 240px;
    margin-left: 13px;
    margin-bottom: 15px;
}
.col4>*:nth-child(4n+1){margin-left: 0;}