@charset "utf-8";
/* ページ全般 */
html{
	overflow-y: scroll;
    height: 100%;
}
body {
    height: 100%;
    margin: 0;
}
.mein-box
body > .mein-box{
    height:auto;
}
/* 更新告知 */
.rel-box,.plo-box,.con-end{
	width:90%;
	margin: 0 auto;
}

.brouser{
	background-image:url(browser.gif);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:auto 100%;
	background-repeat:no-repeat;
	height:40px;
}

.img-tw{
	background-image:url(btn/tw_sm.png);
	background-repeat:no-repeat;
	margin:0 1px;
	transition: background-image 1s linear;
}
.img-tw:hover{
	background-image:url(btn/tw_sm_over.png);
	}

.img-fb{
	background-image:url(btn/fb_sm.png);
	background-repeat:no-repeat;
	margin:0 1px;
	transition: background-image 1s linear;
}
.img-fb:hover{
	background-image:url(btn/fb_sm_over.png);
}	
.img-ig{
	background-image:url(btn/ig_sm.png);
	background-repeat:no-repeat;
	margin:0 5px 0 1px;
	transition: background-image 1s linear;
}
.img-ig:hover{
	background-image:url(btn/ig_sm_over.png);
}
.img-rss{
	background-image:url(btn/rss_sm_over.png);
	background-repeat:no-repeat;
	margin:0 1px;
	transition: background-image 1s linear;
}
.img-rss:hover{
	background-image:url(btn/rss_sm.png);
}
/* ニュース */
.rel-box,plo-box{
	padding:5px;
	}
.media-body p{
	margin:0 5px;
}
.rel-img {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	margin: 0;
	padding: 0;
}
.rel-img:hover {
    filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
.media{
	border-bottom:dotted 1px #999;
}
.media-body a{
	text-align: right;
}
.media-y-grp{
	width:100%;
	margin-top:15px;
	margin-bottom:0;
}
.media-y-grp-xs{
	width:100%;
	margin-bottom:0;
}
.media-itm{
	width:100%;
	margin-top:0;
}
.media-grp{
	padding-left:0;
	padding-right:0;
}
.media-grp>ul>li{
    display:table-cell;  
    *display:inline;
	margin:0;
	padding-left:0;
	padding-right:0;

}
.media-g-btn a,.media-y-btn a{
	display:block;
	text-decoration:none;
	margin:0;
}
.media-f{
	margin:0;
	padding:0;
}

/* メニュー部分 */
.menu-box{
	height:45%;
}
.menu-list{
	padding-top:50px;
}
.menu-btn{
	margin:0;
	padding:2px;	
}
.menu-logo{
	padding:9px 10px;
	margin-top:8px;
	margin-right:15px;
	margin-bottom:8px;
}
/* その他 */
.sns-grp{
	width:100%;
	margin:15px auto;
}
/* フォント指定 */


.menu-logo a{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:700;
	font-size:16px;
	text-decoration:none;
}
.news-logo,.rel-logo,.rel-box p a,.media-logo,.goods-logo,.media-y-grp .media-menu ul li a,.media-itm .media-menu ul li a,.media-heading,.plo-logo,.con-logo,.book-logo{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:700;
	text-decoration:none;
}
.menu-btn a,.rel-box p,.media-body p a,.media-body p{
	text-decoration:none;
	font-family: heisei-maru-gothic-std, sans-serif;
	font-style: normal;
	font-weight: 400;
}
.dl-horizontal.news-itm dt,.dl-horizontal.news-itm dd,#btn-sns,#btn-sns strog,.con-name,.com-check{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* ▼スマホ対応 */
@media screen and (min-width: 0px) and (max-width: 767px) {
body {
	padding-top: 30px;
	padding-bottom: 60px;
}
.mein-box {
	height:100%;
	min-height:100%;
  position: relative;
}
.sub-box {
	margin-top:0;
	padding-left:0px;
	padding-right:0px;
}
.img-bg {
	height:70%;
}
.text-box{
	width:100%;
	padding-top:10px;
	margin:0;
	padding-bottom: 60px;
	min-height:30%;
}
.news-logo,.rel-logo,.plo-logo,.media-logo,.goods-logo,.con-logo{
	padding:5px 15px;
	margin:0 10px;
	font-size:16px;
	border-bottom: 1px solid #aaaaaa;
}

/* 更新履歴 */

.news{
	padding:5px 20px;
}
.dl-horizontal.news-itm dt {
	width:100px;
	margin:8px 5px 3px;
	padding:0 5px;
}
.dl-horizontal.news-itm dd {
	margin:3px;
	padding:3px 10px 5px;
	border-bottom: 1px dashed #cccccc;
}
.dl-horizontal.news-itm dt,.dl-horizontal.news-itm dd{
	margin:2px 5px;
}
#btn-sns{
	height:40px;
	padding:5px;
}

/* リリース */

.media-g-btn a,.media-y-btn a{
	font-size:14px;
}
.media-y-grp-xs,.media-itm,.media-g-btn,.media-y-btn{
	height:30px;
}
.media-g-btn a{
	margtin:0;
	padding:5px 17px;
}
.media-y-btn a{
	margtin:0;
	padding:5px 12px;
}

.plo-name{
	margin:3px;
	padding:3px 10px 5px;
	border-bottom: 1px dashed #cccccc;
	font-size:14px;
}
.con-name{
	margin:5px 10px;
	padding-top:20px;
}
.com-check{
    margin:2px 14px;
}
}
/* ▼タブレット対応 */
@media screen and (min-width: 768px) {
html,body{
	-webkit-transform: rotate(0.028deg);
    -moz-transform: rotate(0.028deg);
    -ms-transform: rotate(0.028deg);
    -o-transform: rotate(0.028deg);
    transform: rotate(0.028deg);
}
.mein-box{
	min-height:100%;
	margin-top:0;
	margin-bottom:0;
}

.sub-box{
	min-height:100%:
	margin-top:0;
	margin-bottom:0;
}
.menu-list{
	padding-top:20px;
}
.text-box{
	width:80%;
	border-radius: 10px;
	margin-top:5px;
	margin-bottom:5px;
	padding-bottom:15px;
}
.news-logo,.rel-logo,.plo-logo,.media-logo,.goods-logo,.con-logo,.book-logo{
	margin:0 15px;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:2px;
	font-size:14px;
}

/* 更新履歴 */

.dl-horizontal.news-itm dt {
	width:100px;
	margin:4px;
	padding:0 5px;
	
}
.dl-horizontal.news-itm dd {
	margin:4px;
	padding:3px 5px;
}
.img-bg{
	height:100%;
}
.dl-horizontal.news-itm dt,.dl-horizontal.news-itm dd,.rel-box p,.media-body p,.media-body a,.media-g-btn a,.media-y-btn a,.plo-box,.plo-name,.con-name{
	font-size:12px;
}
#btn-sns strog,.menu-btn a,.media-body,{
	font-size:14px;	
}
.news{
	height:170px;
	overflow:auto;
	padding:5px;
	margin:0 10px;
}

/* リリース */

.rel-logo{
	margin-bottom:10px;
	border-bottom: 1px solid #aaaaaa;
}
.media{
	min-height:65px;
}
.media-y-grp,.media-itm,.media-g-btn,.media-y-btn{
	height:25px;
}
.media-y-grp .tab-pane ul li:first-child a{
	margtin:0;
	padding:4px 10px;
}
.media-g-btn a:nth-child(n+1){
	margtin:0;
	padding:4px 3px;
}
.media-y-btn a{
	margtin:0;
	padding:4px 10px;
}
/* ページタイトル　他 */
.plo-name{
	margin-top:5px;
	padding-left:8px;
	margin-bottom:10px;
	border-left:5px solid #C0C0C0;
	border-bottom:1px solid #C0C0C0;
}
.media-logo,.goods-logo,.con-logo{
	margin-top:5px;
	margin-bottom:10px;
	border-bottom:1px solid #C0C0C0;
}
.con-name{
	margin:5px 8px;
}
.com-check{
    margin:3px 14px;
}
.con-end{
	height:170px;
	left:0;
	right:0;
	padding-top:30px;
}
}
/* ▼タブレット・PC対応 */
@media screen and (min-width: 992px) and (min-height: 767px) {
html,bidy{
	-webkit-transform: rotate(0.028deg);
    -moz-transform: rotate(0.028deg);
    -ms-transform: rotate(0.028deg);
    -o-transform: rotate(0.028deg);
    transform: rotate(0.028deg);
}
.mein-box{
	min-height:100%;
	margin-top:0;
	margin-bottom:0;
}

.sub-box{
	min-height:100%;
	margin-top:0;
	margin-bottom:0;
}
.img-bg{
	height:100%;
}
.menu-list{
	padding-top:50px;
}
.text-box{
	width:80%;
	border-radius: 10px;
	margin-top:10px;
	margin-bottom:15px;
	padding-bottom:15px;
}
.news-logo,.rel-logo,.plo-logo,.media-logo,.goods-logo,.con-logo,.book-logo{
	margin:0 20px;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:5px;
	font-size:16px;
}

/* フォント */
.dl-horizontal.news-itm dt,.dl-horizontal.news-itm dd,.rel-box p,.media-body,.media-body p,.media-body p a,.media-g-btn a,.media-y-btn a,.plo-box,.plo-name,.con-name{
	font-size:14px;	
}
 /* リンク指定 */
.menu-btn a:link,.menu-btn a:active,.menu-btn a:hover,.menu-btn a:visited{
	font-size:18px;
}
.img-tw,img-fb,img-ig{
	width:30px;
	height:30px;
	padding:0 2px;
}
.brouser{
	float:left;
	padding-left:10px;
}
#btn-sns{
	height:50px;
	background-color:#fff;
}

/* 更新告知 */

.news{
	height:275px;
	overflow:auto;
	padding:5px;
	margin:0 10px;
}
.dl-horizontal.news-itm dt {
	width:100px;
	margin:3px;
	padding:0 5px;
	
}
.dl-horizontal.news-itm dd {
	margin:3px;
	padding:3px 5px;
}

/* リリース */

.media{
	min-height:70px;
}
.media-y-grp,.media-itm,.media-g-btn,.media-y-btn{
	height:30px;
}
.media-y-grp .tab-pane ul li:first-child a{
	margtin:0;
	padding:5px 18px;
}
.media-g-btn a:nth-child(n+1){
	margtin:0;
	padding:5px 8px;
}
.media-y-btn a{
	margtin:0;
	padding:5px 18px;
}

/* ページタイトル　他 */
.rel-logo{
	margin-bottom:10px;
	border-bottom: 1px solid #aaaaaa;
}
.plo-name{
	margin-top:5px;
	padding-left:8px;
	margin-bottom:10px;
	border-left:5px solid #C0C0C0;
	border-bottom:1px solid #C0C0C0;
}
.media-logo,.goods-logo,.con-logo,.book-logo{
	margin-top:5px;
	margin-bottom:10px;
	border-bottom:1px solid #C0C0C0;
}
.goods-etc{
	width:100%;
	text-align:center;
	margin-top:15px;
}
.con-name{
	margin:8px 10px;
}
.com-check{
    margin:5px 15px;
}
.con-end{
	height:275px;
	padding-top:50px;
	left:0;
	right:0;
}
.books-name{
	margin:15px;
	

}