@charset "UTF-8";


/* --------------------------------
	ベース・共通
-------------------------------- */

#main #content { margin-bottom:25px; background:#fff; }
#main #content header { padding:12px 10px; border-top:2px solid #bc3121; font-size:18px; color:#fff; }
#main #content .breadcrumb { display:none }


/* --------------------------------
	メインコンテンツ
-------------------------------- */

/******** 記事 ********/
#main #content section.entry { padding:25px 3.1% 8.2%; font-size:14px; zoom:1; }
.body_index #main #content section.entry { padding:25px 3.1% 6.2%; }
#main #content section.entry h3 { font-size:18px;font-weight:bold; line-height:1.4; }
#main #content section.entry .social { padding:15px 0 0 0; }
#main #content section.entry .social ul li { float:left; margin:0 13px 13px 0; line-height:1; }
#main #content section.entry .social ul li.twitter { float:none; }

/******** 記事本文 ********/
#main #content section.entry .entry_body .figure .border { margin:25px auto 0; border:4px solid #ccc; text-align:center; }
#main #content section.entry .entry_body .figure .border { max-width:592px; }
#main #content section.entry .entry_body .center { margin:25px auto 0; text-align:center; }
#main #content section.entry .entry_body .center img { max-width:600px; }
#main #content section.entry .entry_body .figure .caption { margin-top:10px; font-size:85%; }
#main #content section.entry .entry_body .figure .btn { margin:10px auto 35px; text-align:center; }
#main #content section.entry .entry_body .figure .btn img { max-width:600px; }
#main #content section.entry .entry_body .arw { padding-left:10px; background-position:left center; background-repeat:no-repeat;
background-image:url(../img/arw_r_01_s.png);
background-image:url(../img/arw_r_01_l.png)\9;/*** lte ie8 ***/ 
background-size:6px 7px;
-webkit-background-size:6px 7px;
-moz-background-size:6px 7px;
-ms-background-size:6px 7px;
}
#main #content section.entry .entry_body a { text-decoration:underline; }
#main #content section.entry .entry_body a:hover { text-decoration:none; }
#main #content section.entry .entry_body p,
#main #content section.entry .entry_body ul,
#main #content section.entry .entry_body ol,
#main #content section.entry .entry_body dl,
#main #content section.entry .entry_body table { margin-top:15px; }
#main #content section.entry .entry_body ul { margin-left:1.5em; }
#main #content section.entry .entry_body ul li { list-style-type:disc; }
#main #content section.entry .entry_body dl dt { margin-top:25px; font-weight:bold; font-size:114%; }
#main #content section.entry .entry_body dl:first-child dt:first-child { margin-top:15px; }
#main #content section.entry .entry_body dl dd { margin-top:7px; }
#main #content section.entry .entry_body dl dd > p:first-child,
#main #content section.entry .entry_body dl dd > ul:first-child,
#main #content section.entry .entry_body dl dd > ol:first-child { margin-top:0; }
#main #content section.entry .entry_body .border_01 { margin-top:15px; padding-top:15px; border-top:2px solid #ededed; }
#main #content section.entry .entry_body .border_01 p:first-child,
#main #content section.entry .entry_body .border_01 ul:first-child,
#main #content section.entry .entry_body .border_01 ol:first-child { margin-top:0; }
#main #content section.entry .entry_body .border_01 ul li ~ li,
#main #content section.entry .entry_body .border_01 ol li ~ li { margin-top:10px; }
#main #content section.entry .entry_body .small { margin-top:3px; font-size:85.7%; }
#main #content section.entry .entry_body dl dd.small p { margin-top:3px; }
#main #content section.entry .entry_body .mt0 { margin-top:0; }
#main #content section.entry .entry_body .mt5 { margin-top:5px; }

/******** 申し込みバナー ********/
aside#bnr_apply { margin-bottom:25px; text-align:center; }

/******** コンテンツ一覧  ********/
#main section#contents_list .contents_list_h { margin-bottom:13px; border-left:7px solid #2869eb; }

/******** コンテンツ一覧 扉ページ ********/
#main #content section#contents_index { padding-bottom:0.5%; }
#main #content section#contents_index .contents_list_h { padding:0 0 12px 0; border-bottom:4px solid #2869eb; font-size:18px; font-weight:bold; margin-bottom:10px; }
#main #content section#contents_index article { float:none; position:relative; display:table; width:100%; margin:0; padding:10px 0; border-top:2px solid #ededed; }
#main #content section#contents_index article:first-child { padding:0 0 10px; border:none; }
#main #content section#contents_index article a { display:table; width:100%; text-decoration:none; }
#main #content section#contents_index article a:hover { text-decoration:underline; }
#main #content section#contents_index article .thumbnail { display:table-cell; width:45%; padding-bottom:0; text-align:left; }
#main #content section#contents_index article .item_h { display:table-cell; width:55%; padding:0; vertical-align:middle; }
#main #content section#contents_index article .item_h span { display:block; height:auto; padding:0 10% 0 5%; font-size:12px; font-weight:normal; background-position:right center; 
background-image:url(../img/arw_sr_01_s.png);
background-image:url(../img/arw_sr_01_l.png)\9;/*** lte ie8 ***/ 
background-size:15px;
-webkit-background-size:15px;
-moz-background-size:15px;
-ms-background-size:15px;
}
/*** ie7 ***/
*:first-child+html #main section#contents_index article a { display:block; position:relative;}
*:first-child+html #main section#contents_index .thumbnail { display:inline; }
*:first-child+html #main section#contents_index .thumbnail img { width:45%; }
*:first-child+html #main section#contents_index .item_h { display:block; float:left; position:absolute; top:40%;  }
*:first-child+html #main section#contents_index .item_h span { position:absolute; width:80%; }





@media screen and (min-width:768px) {

/* --------------------------------
	ベース・共通
-------------------------------- */

#main { padding-bottom:30px; }
#main #content header { padding:25px 30px 20px; background:#fff; font-size:210%; }
#main section, #main aside { padding:0; }
#main #content .breadcrumb { display:block; padding:18px 30px 0; }
#main #content .breadcrumb span { padding:0 10px; }


/* --------------------------------
	メインコンテンツ
-------------------------------- */

#main section h2{ padding:2px 0 2px 12px; line-height:1; }
#main aside h2 { line-height:1; }

/******** 記事 ********/
#main #content section.entry { padding:30px 30px 40px 30px; }
.body_index #main #content section.entry { padding:30px; }
#main #content section.entry h3 { font-size:171%; }
#main #content section.entry .social { padding:15px 0 20px 0; }
#main #content section.entry .social ul li { margin:0 13px 0 0; }
#main #content section.entry .social ul li.twitter { float:left; width:105px; overflow:hidden; }

/******** 記事本文 ********/
#main #content section.entry .entry_body { background:#fff; }
#main #content section.entry .entry_body .border_img { width:592px; margin:15px auto 0; }
#main #content section.entry .entry_body .figure { width:600px; margin:0 auto; }
#main #content section.entry .entry_body .arw { background-image:url(../img/arw_r_01_l.png); background-size:auto; }
#main #content section.entry .entry_body .border_01 { padding:15px; border:2px solid #ededed; }
#main #content section.entry .hatebu { position:relative; zoom:1; }
#main #content section.entry .entry_body .bnr_setup_guide { text-align: center; }

/******** コンテンツ一覧 ********/
#main section#content_list { margin-bottom:0; padding:0; }

/******** コンテンツ一覧 扉ページ ********/
#main #content section#contents_index { padding:10px 30px 30px; }
#main #content section#contents_index .contents_list_h { margin-bottom:0; }
#main #content section#contents_index .inner { width:690px; margin-right:-10px; }
#main #content section#contents_index article { width:220px; padding:12px 10px 0 0; border:none; }
#main #content section#contents_index article:first-child { padding:12px 10px 0 0; }
#main #content section#contents_index article a { display:block; width:220px; text-decoration:none; }
#main #content section#contents_index article a:hover { text-decoration:none; }
#main #content section#contents_index article .thumbnail { float:none; display:inline; width:220px; }
#main #content section#contents_index article .thumbnail img { width:220px; }
#main #content section#contents_index article .item_h { float:none; display:block; width:95%; padding-top:8px; }
#main #content section#contents_index article .item_h span { height:4.2em; padding:0 10px 0 20px; background-position:left 0.2em; font-size:14px; background-image:url(../img/arw_sr_01_l.png); background-size:auto; }

/*** ie7 ***/
*:first-child+html #main section#contents_index article a { display:block; position:relative; }
*:first-child+html #main section#contents_index .thumbnail { display:block; float:none; }
*:first-child+html #main section#contents_index .item_h { display:block; float:none; position:static; }
*:first-child+html #main section#contents_index .item_h span { position:static; }



/* --------------------------------
	サイド
-------------------------------- */

#side aside { margin:0 0 20px; padding:10px 0; background:#fff; }
#side aside a { text-decoration:none; }


/* --------------------------------
	フッター
-------------------------------- */

#footer .social { display:none; }
#footer .copyright { border-top:none }

/******** トップへ戻る  ********/
.pagetop { position:absolute; bottom:0; right:0; }

}









