@charset "Shift_JIS";



/*======================================================================================================================
========================================================================================================================

contents_sp.css

スマホ用 コンテンツエリア全体、各パーツ用　ボディ、リンク色の再設定もここで

========================================================================================================================
======================================================================================================================*/



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

/* タイトル指定
-------------------------------------------------------------------------------------------------------- */

h1,h2,h3,h4,h5 {
	font-size:     100%;
}


/* コンテンツ一覧ページタイトル
----------------------------- */
#ttl_expert::before,
#ttl_opinion::before,
#ttl_etcetera::before,
#ttl_nauchi::before {
    content: "";
    display: inline-block;
    height: 50px;
    margin-top: -50px;
    vertical-align: top;
}

/* コンテンツ一覧 リード文
----------------------------- */
.feature_list_lead {
	width: 100%;
	padding-top: 0;
	letter-spacing: 0;
}

.person_img {
	display: block;
	margin: 0 auto;
}


/* コンテンツ一覧
----------------------------- */
.box_contents_list.col3 .box,
.box_contents_list.col4 .box {
    width: calc(50% - 20px);
    position: relative;
    border: 1px solid #000000;
    padding: 7px;
    margin-bottom: 10px;
}
#feature_list .list_arrow_brown_down {
    display: block;
}
#feature_list .list_arrow_brown_down li {
    width: calc((100% - 4%) / 2);
}

/* ■タイトル
----------------------------- */
.ttl_square {
	margin:        0px 0px 3px 0px;
	padding:       0px 0px 0px 18px;
	background:    url(../img/icon_square_brown.gif) 0px 3px no-repeat;
	color:         #362616;
	font-weight:   bold;
}

.ttl_new_category:after {
	width: calc(100vw - 40px);
}



/* タイトル指定（既存）
-------------------------------------------------------------------------------------------------------- */

h2.sam,h3.sam,h4.sam,
h2.key,h3.key,h4.key,h5.key,
h2.eit,h3.eit,h4.eit,
h2.tnit,h3.tnit,h4.tnit   {
	padding:        8px 10px 11px 10px;
	margin:         0px 0px 20px 0px;
	font-size:      108%; 
	font-weight:    bold;
	color:          #FFFFFF;
	line-height:    1.3;
	clear:          both;
}


/* サムライ
----------------------------- */
h2.sam,
h3.sam,
h4.sam {
	background:     url(../img/ttl_bg_samurai.gif) no-repeat bottom #557312;
}


/* キーパーソン
----------------------------- */
h2.key,
h3.key,
h4.key,
h5.key {
	background:     url(../img/ttl_bg_keyperson.gif) no-repeat bottom #876E3C;
}


/* エンタープライズ
----------------------------- */
h2.eit,
h3.eit,
h4.eit {
	background:     url(../img/ttl_bg_enterprise.gif) no-repeat bottom #3161BB;
}


/* IT潮流
----------------------------- */
h2.tnit,
h3.tnit,
h4.tnit {
	background:     url(../img/ttl_bg_tnit.gif) no-repeat bottom #807b76;
}


/* コンテンツ一覧 このカテゴリの新着記事
----------------------------- */
.box_new_article {
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #766657;
}





/* 本文関連　（既存）
-------------------------------------------------------------------------------------------------------- */

/* プロフィール欄（既存）
-------------------------------------- */
table.probox {
	padding:        0px 0px 8px 10px;
	margin:         0px 0px 8px 8px;
	width:          170px;
	float:          right;
	border-bottom:  1px #999999 solid;
	border-left:    1px #999999 solid;
	font-size:      85%;
	line-height:    1.3;
}

/* プロフィール欄（2019/2月以降）
-------------------------------------- */
table.proboxL,
#samurai table.proboxL {
	padding: 0px 0px 8px 12px;
	margin: 0px 0px 8px 12px;
	width: 160px;
	font-size: 100%;
	text-align: left;
}


/* リード文
-------------------------------------- */
#lead { 
	margin-bottom:  20px;
}


/* 文中カラー
-------------------------------------- */

/* サムライ　緑 */
.smcol {
	color: #009553;
}

/* エンタープライズ　緑 */
.eitcol {
	color: #2D5BB0;
}


/* 取材後記ボックス
-------------------------------------- */
.kakomi {
	line-height:   1.5em;	
	border:        1px #999999 solid;		
	padding:       10px 20px;	
	margin-bottom: 10px;
	clear:         both;		
}

.kakomibg50 {
	line-height:   1.5em;	
	border:        1px #999999 solid;		
	padding:       10px 20px;	
	margin-bottom: 10px;
	clear:         both;
	background-color: #F0F0F0;		
}

.kakomibg100 {
	line-height:   1.5em;	
	border:        1px #999999 solid;		
	padding:       10px 20px;	
	margin-bottom: 10px;
	clear:         both;
	background-color: #FFFFFF;		
}


/* 取材後記ボックス（2014/8/5以降）
-------------------------------------- */
.kakomiL {
	font-size:  108%;	
	border:        1px #999999 solid;		
	padding:       10px 20px;	
	margin-bottom: 10px;
	clear:         both;		
}


/* 名内氏メッセージボックス
-------------------------------------- */
.kakomiL_fin {
	font-size:  108%;	
	border:        2px #372716 solid;		
	padding:       15px 20px;	
	margin-bottom: 10px;
	clear:         both;		
}






/* 各号　〜了　部分
-------------------------------------- */
#completion {
	font-size:       85%;
	margin-bottom:   30px;
}
#completion p {
	margin:          10px 0px 0px 0px;
}


/* リード文
-------------------------------------- */





/* アイコン指定
-------------------------------------------------------------------------------------------------------- */

/* 茶大　矢印
----------------------------- */
.icon_arrow_brown_b {
	margin:         0px 0px 0px 0px;
	padding:        0px 0px 0px 15px;
	background:     url(../img/icon_arrow_brown_b.gif) left center no-repeat;
}


/* 茶大　矢印　白背景
----------------------------- */
.icon_arrow_brown_w {
	margin:         0px 0px 0px 0px;
	padding:        0px 0px 0px 15px;
	background:     url(../img/icon_arrow_brown_w.gif) left center no-repeat;
}


/* PDF　小
----------------------------- */
.icon_pdf_s {
	margin:         0px 0px 0px 0px;
	padding:        0px 0px 0px 22px;
	background:     url(../img/icon_pdf_s.gif) left center no-repeat;
}





/* リスト指定
-------------------------------------------------------------------------------------------------------- */

/* 茶大　矢印 リスト
----------------------------- */

.list_arrow_brown li {
	margin:         0px 0px 3px 0px;
	padding:        0px 0px 0px 15px;
	background:     url(../img/icon_arrow_brown_w.gif) 0px 6px no-repeat;
}


/* 茶大　矢印 ベージュ背景リスト
----------------------------- */
.list_arrow_brown_b li {
	margin:         0px 0px 3px 0px;
	padding:        0px 0px 0px 15px;
	background:     url(../img/icon_arrow_brown_b.gif) 0px 6px no-repeat;
}


/* 茶大　矢印　並列 リスト（コンテンツ一覧で使用）
----------------------------- */
.list_arrow_brown_para {
	padding: 10px 0 5px 10px;
}
.list_arrow_brown_para li {
	margin:         0px 0px 5px 0px;
	padding:        0px 0px 0px 17px;
	float:          none;
}


/* 茶小　矢印 リスト
----------------------------- */
.list_arrow_brown_s li {
	margin:         0px 0px 3px 0px;
	padding:        0px 0px 0px 12px;
	background:     url(../img/icon_arrow_brown_ws.gif) 0px 4px no-repeat;
}


/* 茶大　下矢印　並列 リスト（コンテンツ一覧で使用）
----------------------------- */

.list_arrow_brown_down {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 0 10px 0;
    width: 100%;
}

.list_arrow_brown_down li {
	width: calc((100% - 3%) / 2);
	margin: 0px 0 10px 0;
	padding: 0;
	text-align: center;
	background-image: none;
	background: #594a3b;
	float:          left;
}.list_arrow_brown_down li:nth-child(odd) {
		margin: 0px 3% 10px 0;
	}
.list_arrow_brown_down li a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	padding: 10px;
	color: #fff;
	font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "HG明朝E", "serif";
	text-decoration: none;
	box-sizing: border-box;
}
.list_arrow_brown_down li a:before {
	    content: "";
    position: absolute;
    left: 10px;
    top: calc(50% - 7px);
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}



/* 茶大　下矢印　並列 リスト（コンテンツ一覧で使用）
----------------------------- */
.list_square_para li {
	margin:         0px 20px 0px 0px;
	padding:        0px 0px 0px 17px;
	background:     url(../img/icon_square_arrow.gif) 0px 4px no-repeat;
	float:          left;
}


/* ■リスト
----------------------------- */
.list_square li {
	margin:        0px 0px 0px 0px;
	padding:       0px 0px 0px 18px;
	background:    url(../img/icon_square_brown.gif) 0px 3px no-repeat;
}


/* 通常ナンバリングリスト
----------------------------- */
.list_number li {
	margin:        0px 0px 5px 25px;
	padding:       0px;
	list-style:    decimal outside;
	line-hight:    150%;
}


/* 通常リスト
----------------------------- */
.list_disc li {
	margin:        0px 0px 5px 17px;
	padding:       0px;
	list-style:    disc outside;
	line-hight:    150%;
}


/* 通常大文字アルファベットリスト
----------------------------- */
.list_ualpha li {
	margin:        0px 0px 5px 25px;
	padding:       0px;
	list-style:    upper-alpha outside;
	line-hight:    150%;
}


/* 通常小文字アルファベットリスト
----------------------------- */
.list_lalpha li {
	margin:        0px 0px 5px 25px;
	padding:       0px;
	list-style:    lower-alpha outside;
	line-hight:    150%;
}


/* 定義リスト 下マージン有り
----------------------------- */
.list_div dt {
	font-weight:   bold;
}
.list_div dd {
	margin:        0px 0px 10px 0px;
}
.list_div dd.last {
	margin:        0px 0px 0px 0px;
}


/* リスト 下マージン
----------------------------- */
.list_b05 li {margin-bottom: 5px;}
.list_b10 li {margin-bottom: 10px;}
.list_b20 li {margin-bottom: 20px;}
.list_b10 li ol li,
.list_b20 li ol li,
.list_b10 li ul li,
.list_b20 li ul li {margin-bottom: 0px;}

/*名内さん例111~112
----------------------------- */
.b30.list_b20.text14.bold li {list-style-type: disc;}



/* ボックスエリア指定
-------------------------------------------------------------------------------------------------------- */

/* グレーライン ボックス
----------------------------- */
.box_line_gray {
	padding:        10px;
	border:         solid 1px #DDDDDD;
}


/* グレーライン 背景グレー　ボックス
----------------------------- */
.box_line_gray_bgray {
	padding:        10px;
	border:         solid 1px #DDDDDD;
	background:     #EEEEEE;
}


/* ベージュライン 背景ホワイト　ボックス
----------------------------- */
.box_line_beige_bwhite {
	padding:        10px;
	border:         solid 1px #D3CEC7;
	background:     #FFFFFF;
}


/* 濃茶ライン　背景ホワイト　ボックス
----------------------------- */
.box_line_brown_bwhite {
	padding:     20px;
	border:      #5B4A38 solid 1px;
	background:  #FFFFFF;
}


/* 濃茶ライン　背景茶　ボックス
----------------------------- */
.box_line_brown_bbrown {
	padding:     20px;
	border:      #5B4A38 solid 1px;
	background:  #DED5CA;
}


/* コンテンツ内　プレゼントボックス
----------------------------- */
#pre {
	margin-bottom: 20px;
	padding:       8px 15px;
	background:    #FFFFFF;
	border:        1px #FF471F solid;
}
#presp {
	background:    #FFFFFF;
	border:        1px #FF471F solid;
	padding:       8px 15px;
	margin-bottom: 5px;
}	
#pre #pretitle,
#presp #presptitle {
	font-weight:    bold;
	color:          #FF3300;
	margin-bottom:  3px;
}

/* もしかしたら未使用 */
#pre .attention,
#presp .attention,
#ads .attention,
#adssp .attention {
	color:            #FFFFFF;
	background-color: #F30000;
	padding:          1px 5px;
	line-height:      2em;
	font-weight:      bold;
}	


/* 注意事項ボックス（お薦めなどで使用）
----------------------------- */		
#caution {
	margin-bottom: 20px;
	padding:       5px 20px;	
	color:         #FF0000;
	border:        1px #FF0000 dotted;				
}


/* ライン無 背景ホワイト　ボックス
----------------------------- */
.box_bg_white {
	border:         none;
	background:     #FFFFFF;
}



/* ライン指定
-------------------------------------------------------------------------------------------------------- */

/* ベージュソリッドライン
----------------------------- */
.line_beige {
	border-bottom: solid 1px #C1B7AD;
}


/* ブラウンドットライン
----------------------------- */
.line_dot_brown {
	background:    url(../img/line_dot_brown.gif) left top repeat-x;
	height:        1px;
}


/* グレーソリッドライン
----------------------------- */
/*.line_gray {
	border-bottom: solid 1px #CCCCCC;
}*/

/* グレーソリッドライン
----------------------------- */
.line_gray_a {
	border: solid 1px #CCCCCC;
}



/* 各コンテンツトップページ／バックナンバーページ要素
-------------------------------------------------------------------------------------------------------- */

/* PDFバックナンバーボックス
----------------------------- */
.box_index_backnumber {
	margin:        0px 0px 20px 0px;
	padding:       0px;
}
.box_index_backnumber .ttl {
	margin:        0px;
	padding:       0px;
}
.box_index_backnumber .box {
	margin:        0px;
	padding:       20px;
	border:        #676462 1px solid;
	border-top:    none;
	background:    #FFFFFF;
}


/* PDFアイコンタイトル
----------------------------- */
.ttl_pdf {
	margin:        0px 0px 0px 0px;
	padding:       0px 0px 10px 36px;
	background:    url(../img/icon_pdf.gif) 0px 2px no-repeat;
	line-height:   1.3;
}


/* プロフィールボックス（目覚めよNippon、IT新潮流　など）
----------------------------- */
.box_index_profile {
	padding:       20px;
	background:    url(../img/bg_index_profile.gif) left top no-repeat;
}
.box_index_profile .ttl {
	margin:         0px 0px 5px 0px;
	padding:        0px 0px 0px 8px;
	font-size:      108%;
	color:          #1A3795;
	text-decoration:none;
	font-weight:    bold;
	border-left:    solid 3px #1A3795;
}


/* あいさつボックス
----------------------------- */
.box_greeting {
	padding:       20px;
	border:         solid 1px #998877;
}
.box_greeting .ttl {
	margin:         0px 0px 5px 0px;
	padding:        0px 0px 0px 8px;
	font-size:      108%;
	color:          #663300;
	text-decoration:none;
	font-weight:    bold;
	border-left:    solid 3px #663300;
}



/* 人名からさがすページ　各人物ボックス
----------------------------- */
.box_person {
	margin:        0px 0px 30px 0px;
	padding:       0px 0px 0px 8px;
	border-left:   #362716 solid 2px;
}
.box_person dl {
	margin:        0px;
	padding:       0px;
}
.box_person dl dt {
	margin:         0px 0px 3px 0px;
	font-size:     123.1%;
	font-weight:   bold;
	color:         #362716;
}
.box_person dl dt span {
	font-size:     small;
	font-weight:   normal;
}
.box_person dl dd {
	margin:         0px 0px 3px 0px;
	padding:        0px 0px 0px 16px;
	font-size:      85%;
	background:     url(../img/icon_arrow_brown_b.gif) 0px 2px no-repeat;
}
.box_person a,
.box_person a:visited {
	text-decoration: none;
}
.box_person a:hover {
	text-decoration: underline;
}



/* 製造業の方へのヒント
-------------------------------------------------------------------------------------------------------- */
ul.needs_category {
	height: 19px;
	margin-bottom: 20px;
}
ul.needs_category li img {
	float: left;
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px dotted #5c493a;
	height: 19px;
	opacity: 0.4;
	filter: alpha(opacity=40); 
	-ms-filter: "alpha(opacity=40)"; 
	-moz-opacity: 0.4; 
	-khtml-opacity: 0.4;
	zoom: 1;
}
ul.needs_category li a img {
	opacity: 1 ;
	filter: alpha(opacity=100); 
	-ms-filter: "alpha(opacity=100)"; 
	-moz-opacity: 1; 
	-khtml-opacity: 1;
	zoom: 1;
}
.needs_category li.none img {
	border-right: none;
}
.needs_txtbox {
	float: right;
	width: 440px;
	color: #362616;
	font-size: 93%;
}
.needs_txtbox h3 {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: bold;
}
.needs_txtbox .ttl span {
	font-size: 138.5%;
}
.needs_txtbox .ttl,
.needs_txtbox .ttl a {
	color: #362616;
	margin-bottom: 5px;
}



/* 特集（取材後記の後）
-------------------------------------------------------------------------------------------------------- */
#completionL {
	margin-bottom: 30px;
}




/* ページ前後移動ボタンボックス
-------------------------------------------------------------------------------------------------------- */
.box_btn_page img {
	width: auto;
	max-width: 98px;
	height: 24px;
}




/* 記事前後移動リンクボックス
-------------------------------------------------------------------------------------------------------- */
.box_previous_next table:first-child {
	margin-bottom: 10px;
}
.box_previous_next td {
	display: block;
	width: 100%;
	text-align: left;
}
.box_previous_next td.icon {
	box-sizing:  border-box;
}
.box_previous_next td.icon span {
	font-size:      108%;
	font-weight:    bold;
}
#heroine .box_previous_next table,
#idomuhito .box_previous_next table,
#collection .box_previous_next table,
#sx_shibusawa .box_previous_next table,
#new_normal .box_previous_next table,
#new_normal .new_nomal_qa .box_previous_next table,
#hit_products .box_previous_next table,
#sdgs .box_previous_next table,
#sangokushi .box_previous_next table,
#millennial .box_previous_next table,
#shiro_re .box_previous_next table,
#shiro .box_previous_next table,
#sengoku .box_previous_next table {
    margin: 0 auto 10px;
}



/* 文末iframeエリア
-------------------------------------------------------------------------------------------------------- */
#iframe_latest {
	display: none;
}




/* 他のカテゴリも見る／コンテンツ一覧 ページ下
-------------------------------------------------------------------------------------------------------- */
.td_other_category {
	padding: 8px;
}




/* 他のカテゴリも見る／関連カテゴリーフッターメニューボックス
-------------------------------------------------------------------------------------------------------- */
.box_footerlinkage ul {
	display: flex ;
	flex-flow:  wrap;
	justify-content: space-between;
}
.box_footerlinkage ul li {
	width: calc(50% - 5px);
}
.box_footerlinkage ul li img {
	width:          100%;
}
.box_footerlinkage ul li.last {
	width:          164px;
	float:          left;
}





/* 他のカテゴリも見るボックス　リスト項目表示指定（bodyのIDと同じclass名のカテゴリーリンクを非表示）
-------------------------------------------------------------------------------------------------------- */
body#millennial .box_footerlinkage .millennial,
body#idomuhito .box_footerlinkage .idomuhito,
body#samurai .box_footerlinkage .samurai,
body#keyperson .box_footerlinkage .keyperson,
body#workstyle .box_footerlinkage .workstyle,
body#mirai .box_footerlinkage .mirai,
body#bakumatsu .box_footerlinkage .bakumatsu,
body#shiro .box_footerlinkage .shiro,
body#shiro_re .box_footerlinkage .shiro_re,
body#mono .box_footerlinkage .mono,
body#mono .box_footerlinkage .behavemg,
body#mono .box_footerlinkage .leader,
body#mono .box_footerlinkage .training,
body#survival .box_footerlinkage .survival,
body#baseball .box_footerlinkage .baseball,
body#training .box_footerlinkage .training,
body#leader .box_footerlinkage .training,
body#behavemg .box_footerlinkage .training,
body#brain .box_footerlinkage .training,
body#trend .box_footerlinkage .trend,
body#jpn .box_footerlinkage .jpn,
body#enterprise .box_footerlinkage .enterprise,
body#tnit .box_footerlinkage .tnit,
body#jitan .box_footerlinkage .jitan,
body#gadget .box_footerlinkage .gadget,
body#mono .box_footerlinkage .mono,
body#osusume .box_footerlinkage .osusume,
body#challenge .box_footerlinkage .challenge,
body#lisagolf .box_footerlinkage .lisagolf,
body#byword .box_footerlinkage .byword,
body#kat .box_footerlinkage .kat,
body#ichinin .box_footerlinkage .ichinin,
body#carta .box_footerlinkage .carta,
body#viewpoint .box_footerlinkage .viewpoint,
body#philosophy .box_footerlinkage .philosophy,
body#hitokoeru .box_footerlinkage .hitokoeru,
body#okusama .box_footerlinkage .okusama,
body#sengoku .box_footerlinkage .sengoku,
body#turning .box_footerlinkage .turning,
body#innovation .box_footerlinkage .innovation,
body#golf .box_footerlinkage .golf {
	display:       none;
}





/* フッターメニューボックス
-------------------------------------------------------------------------------------------------------- */
.ttl_box_footermenu {
	display:none;
}
.ttl_box_footermenu_other  {
	position: relative;
    margin-bottom: 0px;
    padding: 4px 20px 5px 10px;
    color: #4d3b2a;
    font-size: 12px;
	font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "HG明朝E", "serif";
	text-indent: -6px;
    border-radius: 0 0 3px 3px;
	background: #C4BEB6;
}
.ttl_box_footermenu_other:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: calc(100vw - 40px);
    border-top: 1px solid #968779;
}
.box_footermenu {
	display: none;
}



/* 茶小　矢印 リスト 4列（通常よりテキスト小）
----------------------------- */
.box_footermenu .list_arrow_brown_s li {
	margin:         0px 0px 0px 0px;
	padding:        0px 0px 0px 12px;
	background:     url(../img/icon_arrow_brown_ws.gif) 0px 4px no-repeat;
	font-size:      85%;
}


/* 茶小　矢印 並列リスト 4列（通常よりテキスト小）
----------------------------- */
.box_footermenu .palist_4_brown_s li {
	margin:         0px 0px 0px 0px;
	padding:        0px 0px 0px 12px;
	width:          22%;
	background:     url(../img/icon_arrow_brown_ws.gif) 0px 4px no-repeat;
	float:          left;
	font-size:      85%;
}
.box_footermenu .palist_4_brown_s li.long {
	width:          40%;
}


/* 茶小　矢印 並列リスト 6列（通常よりテキスト小）
----------------------------- */
.box_footermenu .palist_6_brown_s li {
	margin:         0px 0px 0px 0px;
	padding:        0px 0px 0px 12px;
	width:          14%;
	background:     url(../img/icon_arrow_brown_ws.gif) 0px 4px no-repeat;
	float:          left;
	font-size:      85%;
}
.box_footermenu .palist_6_brown_s li.long {
	width:          28%;
}


/* ボックス下段ユーティリティリンク
----------------------------- */
.box_footermenu .list_sub li {
	margin:         0px 12px 0px 0px;
	padding:        0px 0px 0px 12px;
	background:     url(../img/icon_arrow_brown_ws.gif) 0px 4px no-repeat;
	float:          left;
	font-size:      85%;
}





/* ツールチップ指定（サムライ／キーパーソン／エンタープライズ、ギャラリー（ex.サムライ105話）など）
-------------------------------------------------------------------------------------------------------- */
.tip_area {
	display:       none;
	padding:       5px;
	background:    #FFFFFF;
	border:        #C5BDB6 solid 5px;
}
.gallery_area {
	display:       none;
	margin-top:    70px;
	background:    #FFFFFF;
	padding:       10px;
}

/* トリガーになる画像へのスタイル */
#tip_close .trigger,.gallery_trigger {
	border:        0;
	cursor:        pointer;
	margin:        0px;
}


/* こちらもオススメボックス（トレンドで使用）　上マージン
-------------------------------------------------------------------------------------------------------- */
.box_reccomend {
	margin:        -20px 0px 30px 0px;
}



/* プレミアムWeb会員の詳細について　ボックス指定（プレミアム）
-------------------------------------------------------------------------------------------------------- */

.box_aboutpremium {
	padding:        20px 0px;
	border:         solid 1px #8E2028;
	background:     #FFFFFF;
	text-align:     center;
}




/* ARキャンペーン スタンプ獲得ポイント
----------------------------- */
.box_ar_campaign_point {
    width: auto;
    
}





/* おすすめ/新着記事
-------------------------------------------------------------------------------------------------------- */
.area_article_footer_link .box {
    width: 49%;
    max-width: none;
}
.area_article_footer_link .box {
    margin-bottom: 15px;
}
.area_article_footer_link .box img {
    width: 100%;
}


}