@charset "utf-8";

/*
Theme Name: アーカイブ
Theme URI: http://www.archives.jp
Description: アーカイブの検索・表示専用のテーマ
Author: ○○株式会社
Author URL: http://www.archives.jp
Version: 1.0
tags:このスタイルシートは、PC版のサイト共通用に制作されたものです。
*/

/* 共通のスタイル
------------------------------ */
.left {
float: left;
}

.right {
float: right;
}

.clear {
clear: both;
}

.clearfix {
content: ".";
display: block;
height: 0;
clear: both;
}

* {
  box-sizing: border-box;
}

html {
color: #555555;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body img {
  width: 100%;
  vertical-align: middle;
}

.alttext {
text-indent: -9999px;
}

body a {
  outline: none;
  text-decoration: none;
}

a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}

#content h2{
	margin:auto 0;
}

.space_top {
	margin-top: 30px!important;
}


#main .space_top {
	margin-top: 20px!important;
}


.space_top_10 {
	margin-top: 10px!important;
}

.space_bottom {
	margin-bottom: 30px!important;
}

/*===============================================
　ページ全体
===============================================*/

body {
background: #f7fbfd;
}


body.ick080 {
width:auto;
-moz-transform: scale(0.8, 0.8);
-moz-transform-origin: 50% 0%;
zoom: 0.80;
}

body.ick120 {
width:auto;
-moz-transform: scale(1.20, 1.20);
-moz-transform-origin: 50% 0%;
zoom: 1.20;
}





#page {
display: block;
width: 100%;
min-height: 694px;
margin: 0;
padding: 0;
background-color: #EBF7F0;
}

.page_wrap {
display: block;
width: 1000px;
height: auto;
margin: 0 auto;
padding: 0;
}

#content {
display: block;
width: 1000px;
margin: 0 auto;
padding: 0;
}

/*===============================================
　header ヘッダ
===============================================*/

#header {
	background-color: #fff;
}

#header .hd_top {
	background-color: #8EC21E;
	padding: 5px 0;
}

#header .hd_top a {
	display: block;
	max-width: 180px;
	width: auto;
	margin: 0 auto;
}

.clear {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
	float:none;
}

#header .hd_wrap {
  background: url("../../img/base/bg_header.png") ;
	background-repeat:no-repeat;
	background-position:left center;
	background-size:cover;
  display: block;
  height: 128px;
  margin: 0 auto;
  position: relative;
  width: 1000px;
}



.ie.four_frames #header{
	 height: 168px!important;
}

.ie.four_frames #header .hd_wrap{
	 height: 136px;
}





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

#header{
	 height: 10%!important;
}

#header .hd_wrap{
	 background-size:auto 100%;
}

}




.ie #header .hd_wrap {
background:url(../../img/base/bg_header_ie.png);
background-repeat:no-repeat;
}

#header a.home {
display: block;
width: 405px;
}

#header h1 {
display: block;
width: 100%;
height: 65px;
}


#header a h1 {
	margin-top: 10px;
  margin-left: 10px;
}




#header h1 img {
display: block;
width: 100%;
height: auto;
}

#header .hd_bottom {
display: block;
width: 100%;
height: 12px;
background : #191919;
position: absolute;
top: 162px;
}

#header .control_panel{
display: block;
width: 410px;
}

#header .setting{
display: flex;
width: 410px;
position: relative;
z-index: 30;
padding: 5px 0;
}


/* textsize 文字サイズ  */

#textsize {
display: block;
width: 187px;
text-align: center;
}

#textsize p{
display: block;
width: 187px;
color: #fff;
font-size: 85%;
font-weight: bold;
line-height: 130%;
}

#textsize ul{
	display: flex;
	justify-content: center;
	width: 138px;
	margin: 0 auto;
}

#textsize ul li {
display: block;
width: 42px;
margin: 5px 3px;
background:#e7f5fa;
}


#textsize ul.textresizer li {
background:#fff;
}





#textsize ul li a {
    display: block;
    padding: 3px;
	color:#666;

}

#textsize ul li a.fontsize_lar.textresizer-active {
	background: url(../../img/base/zoomIn_off.png) no-repeat;
}

#textsize ul li a.fontsize_mid.textresizer-active {
	background: url(../../img/base/zoomNone_on.png) no-repeat;
}

#textsize ul li a.fontsize_sml.textresizer-active {
	background: url(../../img/base/zoomOut_off.png) no-repeat;
}


#textsize ul li img {
display: block;
width: 100%;
height: auto;
}

html #content p {
font-size: 90%;
line-height: 150%;
margin-top:0;
}

.noTrans,
.noTrans .slides {
	-webkit-transition: none!important;
	-moz-transition: none!important;
	-ms-transition: none!important;
	-o-transition: none!important;
	transition: none!important;
}

/* mode_change モード切り替え  */

#mode_change {
display: block;
width: 223px;
text-align: center;
}

#mode_change p{
display: block;
width: 223px;
color: #fff;
font-size: 85%;
font-weight: bold;
line-height: 130%;
}

#mode_change ul{
display: block;
margin: 0 auto;
}

#mode_change ul li {
display: block;
height: 31px;
margin: 5px auto 0;
text-align:center;
}

#mode_change ul li a {
display: block;
position:relative;
display:inline-block;
padding: 0;
}

#mode_change ul li img {
margin:auto;
display: block;
width: 100px;
height: auto;
}

#mode_change ul li a span{
display:none;
}

#mode_change ul li a:hover{
zoom:100%; /*IE7以下対策 */
text-decoration:none;
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
}

#mode_change ul li a:hover span{
position:absolute;
display:block;
width:70px;
padding:0;
top:40px;
left:18px;
}

/* globalnavi メニュー */




#globalnavi {
	display: block;
	width: 100%;
	max-width: 400px;
	z-index: 1;
	position: absolute;
	bottom: 15px;
	right: 0;
}

#globalnavi ul {
	display: flex;
	justify-content: right;
	width: 100%;
	height: auto;
	list-style: none;
}

#globalnavi ul li {
	display: block;
	padding: 0 10px;
}

#globalnavi ul li:first-of-type {
	border-right: #fff 1px solid;
}

#globalnavi ul li a{
	color: #fff;
	text-decoration: none;
	font-size: 85%;
}

@media screen and (max-width:991px) {
	#header .setting{
		background: none;
		border:none;
	}

	#textsize {
		display:none;
	}

	#mode_change {
		display:none;
	}
}

@media screen and (max-width:991px) and (min-width:768px) {
	body{
		font-size: 80% !important;
		zoom: 0.8;
    -moz-transform-origin: 50% 0;
	}
}

/*===============================================
　 banner　バナーコンテンツ
===============================================*/



#banner {
	background:url(../../img/base/banner_bg.jpg);
	background-repeat:repeat-x;
}

#banner .banner_wrap{
width: 1000px;
margin: 0 auto;
padding: 0;
display: flex;
flex-wrap: wrap;
}

#banner .banner_wrap img{
	width: auto;
	height: 18px;
}

#banner .banner_wrap:after {
content: ".";
display: block;
height: 0px;
clear: both;
visibility: hidden;
float:none;
}

#banner a {
	flex-basis: 20%;
	display: block;
	background-size:100% auto!important;
	padding: 10px;
	text-align: center;
	border-left: 1px solid #C6E2BA;
}

#banner a:last-of-type {
	border-right: 1px solid #C6E2BA;
}

#banner a:hover {
	opacity:0.7;
}


/*===============================================
　 visual ビジュアル
===============================================*/



#visual {
width: 597px;
height: 263px;
margin: 0;
padding: 10px;
display: block;
background: #d4d4d4;
overflow: hidden;
}

/*===============================================
　 topics　トピックス
===============================================*/



#book {
width: auto;
height: auto;
margin: 0;
padding: 0;
display: block;
overflow: hidden;
border: #e5e5e5 1px solid;
border-radius: 6px; /* CSS3 */
-webkit-border-radius: 6px; /* Safari,Google Chrome */
-moz-border-radius: 6px; /* Firefox */
}

#book .carouselslider_fix{
	background: url("../../img/base/carouselslider_fix.png");
	background-repeat:no-repeat;
	background-size: cover;
}

#book.single_book {
	width: 610px;
}

#book.single_book .carouselslider {
	width: 610px;
}

#book.single_book ul li.book_space {
	width: auto;
	flex-basis: 27%;
	margin: 0 10px;
}


/* トピックス */


#book h2 {
  background: url("../../img/base/bg_subtitle_bar.jpg");
	background-repeat: repeat-x;
  padding: 13px 25px;
  position: relative;
  border-bottom: 3px solid #A6D397;
	height: 55px;
}

#book h2::before {
  content: "";
	display: block;
	width: 9px;
	height: 100%;
	background-color: #00A73C;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

#book h2 img.subtitle_latest {
  width: auto;
  height: 28px;
}

#book h2 img.subtitle_past {
	width: auto;
	height: 36px;
}

/* もっと見る */


#book h2 a.topics_more,
#book h2 a.topics_more img {
width: auto;
height: 34px;
display: block;
}

#book h2 a.topics_more {
position: absolute;
top: 10px;
right: 10px;
}

/* カルーセルスライダー */
.carouselslider {
width: 940px;
height: 300px;
padding: 15px 0;
}

/* 書籍情報 */

#book ul {
  display: flex;
  justify-content: center;
	padding: 20px 0;
}

#book ul li.book_space {
  flex-basis: 15%;
	margin: 0 6px;
}

#book ul li .book_wrap{
margin: 0 2px;
padding: 10px;
background: #fff;
border: #e5e5e5 1px solid;
border-radius: 6px; /* CSS3 */
-webkit-border-radius: 6px; /* Safari,Google Chrome */
-moz-border-radius: 6px; /* Firefox */
text-align:center;
}

/* 書籍の表紙 */


#book ul li .book_cover {
width: 100%;
max-width: 120px;
background: #fff;
display: block;
margin:auto;
}



#book ul li .book_cover a img {
vertical-align: bottom;
width: 100%;
}

/* 書籍のタイトル */


#book ul li .book_title {
width: 100%;
max-width: 123px;
display: block;
text-align: center;
overflow: hidden;
color: #595757;
font-size: 90%;
line-height: 150%;
margin-top: 5px;
margin-left: auto;
margin-right: auto;
}

/* タグ */

#book ul li img.tag_topics_recommend,
#book ul li img.tag_topics_speech {
width: 60px;
height: 20px;
background: #fff;
display: block;
position: absolute;
bottom: 10px;
}

/* おすすめ */

#book ul li img.tag_topics_recommend {
left: 10px;
display:none;
}


/*===============================================
　 main メイン
===============================================*/

#main {
width: 610px;
margin: 0;
padding: 0;
display: block;
height: auto;
}

/* 研究者モード */
#main_expert {
width: 960px;
margin: 0;
padding: 20px;
display: block;
height: auto;
border: 1px #d5d5d5 solid;
background: #fff;
}


#main_expert.space_top{
	margin-top:15px!important;
}

a.homeback {
width: 164px;
height: 31px;
display: block;
margin: 0 auto;
padding: 0;
text-align: center;
}

a.homeback img{
	width:100%;
}

.flexslider {
height: 225px;
}


/*===============================================
　notfound 404エラーページ
===============================================*/

#errer404 {
width: 610px;
height: auto;
margin: 0;
padding: 0;
display: block;
background : #fff;
overflow: hidden;
border: #e5e5e5 1px solid;
border-radius: 6px; /* CSS3 */
-webkit-border-radius: 6px; /* Safari,Google Chrome */
-moz-border-radius: 6px; /* Firefox */
}

#errer404 .errer404_wrap {
width: 580px;
height: auto;
margin: 0;
padding: 15px;
display: block;
background : #fff;
}

#errer404 h2 {
width: 610px;
height: 55px;
display: block;
position: relative;
background : url(../../img/base/bg_subtitle_bar.jpg) 0 0 repeat;
z-index: 20;
}

#errer404 h2 img{
width: 330px;
height: 35px;
display: block;
position: absolute;
top: 9px;
left: 28px;
}

#errer404 h3 {
width: 550px;
height: 24px;
display: block;
padding: 5px 15px 0 15px;
margin: 10px 0;
color: #fff;
background : #0e3c64;
}

#errer404 .solution01 {
width: 548px;
height: 15px;
display: block;
margin: 10px 0;
border: #0e3c64 1px solid;
padding: 15px;
position: relative;
}

/*　errer404_search ヘッダ検索　*/
#errer404_search {
display: block;
max-width: 510px;
width: 100%;
height: 32px;
position: absolute;
top: 10px;
left: 10px;
}

#errer404_search input#feas_0_0 {
display: block;
max-width: 300px;
width: 100%;
height: auto;
position: absolute;
top: 0;
left: 0;
}

#errer404_search #uniform-feas_0_1 {
display: none;
}

#errer404_search #uniform-feas-submit-button-0 {
display: block;
max-width: 76px;
width: 100%;
height: 32px;
position: absolute;
top: -5px;
left: 310px;
}



/*===============================================
　メイン　バナー
===============================================*/

#main #search_banner{
	float:right;
	width:290px;
}


#main #search_banner img{
	width:100%;
}


/*===============================================
　sidebar サイドバー
===============================================*/
#side {
width: 360px;
height: auto;
margin: 0;
padding: 0;
display: block;
}

#side .banner_area {
clear: both;
width:100%;
}

#side .banner_area ul {
list-style: none;
padding:0 0 0 0;

}

#side .banner_area ul li {
margin: 0 0 26px;
}

#side .banner_area ul li a img {
vertical-align: bottom;
width:100%;
}

#side .banner_area ul li iframe {
	background:#ffffff;
	width:356px!important;
	height:218px!important;
	border:1px solid #dddddd!important;
}


/*===============================================
　footer フッタ
===============================================*/


.ft_line {
	display: block;
	width: 100%;
	height: 4px;
	margin: 0;
	padding: 0;
	background : url(../../img/base/ft_line.jpg) 0 0 repeat-x;
}

#footer {
  background: url("../../img/base/bg_ft.png") center top repeat-x;
  display: block;
  margin: 0;
  padding: 0 0 0;
  width: 100%;
}

#footer a {
color: #ffffff;
text-decoration: none;
}

#footer a:hover {
color: #C1CBFF;
text-decoration: underline;
}

#footer .ft_wrap {
  display: block;
  height: auto;
  margin: 0 auto;
  padding: 87px 0 0;
  width: 1000px;
}

/* footer logo  フッタロゴ */



#footer .ft_wrap h2 {
	display: block;
	width: 151px;
	height: auto;
	padding: 0;
	margin: 23px auto 20px;
}



#footer .ft_wrap h2 img{
	width:100%;
}

/* footer navi  フッタナビ */



#footer .ft_wrap ul {
	display: flex;
  flex-wrap: wrap;
	width: 600px;
	height: auto;
	list-style: none;
	padding-bottom: 20px;
	margin: 28px 0 0 60px;
}

#footer .ft_wrap ul::after {
	content: "";
	width: 33%;
	height: 0;
}

#footer .ft_wrap ul li {
	padding: 3px 0 2px 15px;
	width: 25%;
	background : url(../../img/base/ft_check.png) 0 center no-repeat;
}

#footer .ft_wrap ul li a {
	font-size: 80%;
	line-height: 150%;
}

/* pagetop  ページ最上部へ */
#footer .ft_wrap a.pagetop {
	float: right;
	display: block;
	width: 138px;
	height: auto;
}
#footer .ft_wrap a.pagetop img{
	vertical-align: bottom;
}

/* copyright  コピーライト */

#footer p.copyright {
	display: block;
	color: #060000;
	margin: 15px 0 0 211px;
	padding: 0 0 15px 0;
	width: 600px;
}

/* フッター　ebooks */

#ebooks_area{
	display: block;
	margin: 0;
	padding: 50px 0 25px 0;
	width: 100%;
	height: auto;
	background: #8EC21E;
	text-align: center;
}

#ebooks_area a {
	display: block;
	margin: 0 auto;
	width: 440px;
}

#ebooks_area p {
	color:#fff;
	margin-top: 20px;
}

#side #feas-form-1 .gsc-control-cse {
	padding: 0;
}

#side #feas-form-1 .gsc-search-box table tr {
	border-bottom: none;
}

#side #feas-form-1 .gsc-search-box table td {
	padding: 0;
}

#side #feas-form-1 .gsc-branding {
	display: none;
}

#feas-form-1 .allCheck img {
	width:120px;
	height:33px;
}

.box_open{
	display:none;
}

@media screen and (max-width:991px) {
	.box_open{
		display:block;
	}
}


#instructions{
	padding:20px 0 50px 25px;
	line-height:150%;
}

#instructions h3{
	color:#2D7DDC;
	font-size:110%;
	padding:0 0 2px 0;
	text-decoration:underline;
}

#instructions .notice{
	padding:0 0 20px 0;
}






.txt_pc{
	display:inline-block;
}
.txt_sp{
	display:none;
}
.txt_tb{
	display:inline-block;
}

.etc_txt{
	font-size:90%;
	color:#B1B1B1;
}








@media screen and (max-width: 1024px) {
body.ie{
	width:1024px;
}

.ie #page{
	width:1024px;
}

.ie #banner {
	width:1024px!important;
}

.ie #banner a.banner03 {
    display: block!important;
}
}


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

#header .control_panel {
    padding: 0 0 0 0;
}

#header .hd_wrap {
	width:100%;
}

.page_wrap {
    width: 100%;
}


#banner .banner_wrap {
	width:100%;

}


#footer .ft_wrap {
	width:100%;
}


#content {
    width: 100%;
}

#main{
	width:61%;
}

#side{
	width:36%;
}

#main #search_old {
	width:51%;
}

#footer .ft_wrap h2 {
    display: block;
    height: auto;
    margin: 30px auto 20px;
    padding: 0 0 0 20px;
    width: 130px;
}

#globalnavi {
    height:inherit;
}
}

@media screen and (max-width: 960px) and (min-width: 500px) {
	#header .hd_wrap {
    background-size: auto 140%;
  }
	#header .control_panel,
	#header .setting {
		width: 385px;
	}
	#globalnavi ul li a {
    color: #fff;
  }
	.box_open {
		display: none;
	}
}

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

#side {
width: 36%;

}

.space_top {
    margin-top: 20px !important;
}


#main .space_top {
	margin-top: 20px !important;

}


#header h1 {
height: 5vh;
}

#header .hd_wrap {
	background-position:bottom left;
	background-repeat:no-repeat;
	height:100px;
	width:100%;
}

#banner .banner_wrap {
    width: 100%;
}

#content {
display: block;
margin: 0 auto;
padding: 0;
width: 96%;
}


#header .setting {
	display:none;
}


#globalnavi {
	display:none;
}


#banner{
	    height: auto;
}


#banner a {
    height: 36px;
}


.page_wrap {
	width:100%;
}


.ie #main {
    width: 61.2%!important;
	float:left!important;
}


#main #refine_search, #main #key_search {
	width:100%!important;
}

#main #refine_search h2, #key_search.key_search h2 {
    width:100%;
}


#main #refine_search .refine_search_submit {
	height:58px;
}

.ie #side {
	width: 36.2%!important;
	float:left!important;

}

#side .banner_area ul li iframe {
    width: 265px!important;
}

#book ul li.book_space {
	margin:15px 10px 0 18px;
}


#main #search_banner {
	width:50%;
}

#book.single_book {
    width: 100%;
}

.txt_tb{
	display:none;
}
}



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

#main {
	float:none;
    width: 100%;
}

#side {
	float:none;
	width: 100%;
}

#main #search_old {
    width: 50%;
}

#main #pagenavi {
	width:100%;
	height: auto;
	padding: 10px 0;
}

#main #pagenavi .wp-pagenavi {
	height: auto;
}

}

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


#header .hd_wrap {
	height:74px;
}

#main {
width: 100%;
}

#side {
width: 100%;
}





.txt_pc{
	display:none;
}
.txt_sp{
	display:block;
}

#header a.home {
width: 100%;

}

#header .control_panel{
width: 100%;
height: auto;
padding: 0 0px 0 0;
}

}



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

#header {
	overflow:hidden;
}

#header .hd_top{
	height:24px;
}

#header .hd_top a{
	display:block;
	line-height:0;
	font-size:0;
}

#header h1 {
  display: block;
  width: 50%;
}

#header .control_panel {
	display:none;
}

#header .hd_top img{
	max-width:130px;
}

#header .hd_wrap {
background: url("../../img/base/bg_header.png");
background-repeat:no-repeat;
background-position:left top;
background-size: 130% auto;
height:72px;
}


.ie #header .hd_wrap {
height:129px;
}




#banner a {
    height: 23px;
}


#main.left {
    width:96%;
	margin:auto;
	float:none;
}

#side.right {
    width: 96%;
	margin:auto;
	float:none;
}

#footer .ft_wrap ul {
    width: 100%;
	margin: 30px 0 0 0;
}


#book h2 a.topics_more, #book h2 a.topics_more img {
	display:none;
}

#side .banner_area ul li iframe {
    width: 440px !important;
}

#main #search_banner {
    width: 100%;
}

#main #search_banner a{
	display:block;
	font-size:0;
	line-height:0;
	padding:0 0 20px 0;
}

#side .banner_area ul li {
    margin: 0 0 20px;
}

#book.single_book .carouselslider {
  width: 100%;
}

#book ul {
	flex-wrap: wrap;
}

#book ul li.book_space {
	flex-basis: 43% !important;
  margin: 15px 2% 0 4%;
}

#book ul li .book_title {
	margin-left: auto;
	margin-right: auto;
}


#footer .ft_wrap ul {
    margin: 0 0 15px;
}


#footer .ft_wrap ul li{
    margin: 0 5px 15px;
	background-position:0 3px;
	padding: 0 0 0 15px;
}


#japan_ebooks img {
    height: auto;
    width: 280px;
	max-width:70%;
}

.box_open{
	display:none;
}

.titleBox .box_open{
	display:block;
	text-align:right;
	padding:0 10px 0 0;
}


.titleBox .box_open img{
	position: absolute;
}






}



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

#side .banner_area ul li iframe {
    width: 342px !important;
}

#book.single_book ul li.book_space {
    margin: 0 10px;
	width:130px!important;
}

#main #pagenavi {
    padding: 0;
}
}


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

#book ul li .book_wrap {
    padding: 10px 5px;
}

#book ul li.book_space {
	margin: 15px 1% 0 5%;
}


#side .banner_area ul li iframe {
    width: 330px !important;
}

#instructions .notice {
	font-size:84%;
}
}

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


#side .banner_area ul li iframe {
    width: 292px !important;
}

#book ul li .book_wrap {
	padding:0;
	font-size:80%;
	line-height:100%;
}

#book ul li.book_space {
	height:220px;
}



#book.single_book h2 img{
	width:250px;
	height:auto;
	top: 11px;

}

#book.single_book ul li.book_space {
    margin: 0 5px;
    width: 115px !important;
}
}




/* :::::::::: アプリ変更の案内文 :::::::::: */

a.noApp{
	margin-top:20px;
	padding:1% 0 0 2%;
	background:#ffffe1;
	border:1px dotted #939393;
	display:block;
	text-decoration:none;
	font-weight:bold;
	line-height:140%;
}

a.noApp img{
	width:50px;
	height:auto;
	padding: 0 15px 0 0;
}

a.noApp .noApp_left{
	float:left;
	width:12%;
	padding:0 0 0 0;
	line-height:normal;
}

a.noApp .noApp_right{
	float:left;
	width:87%;
	padding:2.2% 0 2% 0;
	color:#555555;
}


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

a.noApp .noApp_left{
	width:15%;
}

a.noApp .noApp_right{
	width:80%;
}

}


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

a.noApp img{
	width:80%;
}

a.noApp .noApp_left{
	width:12%;
}

a.noApp .noApp_right{
	width:87%;
}


}


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

a.noApp .noApp_left{
	padding: 2.2% 0 2%;
	width:18%;
}

a.noApp .noApp_right{
	width:80%;
}

}



/* :::::::::: サイトメンテナンスのお知らせ :::::::::: */

a.noApp.notice .noApp_left{
	width:10%;
}


a.noApp.notice img{
	width:40px;
	height:auto;
	padding: 7px 12px 0 7px;
}

a.noApp.notice .noApp_right{
	float:left;
	width:87%;
	padding:1% 0 2% 0;
	color:#555555;
}

#content a.noApp.notice .noApp_right .txt{
	font-weight:normal;
	font-size:12px;
	padding:3px 0 0 10px;
}


@media screen and (max-width: 768px) {
a.noApp.notice .noApp_left{
	width:15%;
}

a.noApp.notice .noApp_right{
	width:82%;
}

}


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

a.noApp.notice .noApp_left{
	width:10%;
}

a.noApp.notice .noApp_right{
	width:87%;
}

}



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

a.noApp.notice .noApp_left{
	padding-top: 7px;
	width:15%;
	text-align:center;
}

a.noApp.notice .noApp_right{
	width:82%;
}

a.noApp.notice .noApp_right span{
	display:none;
}

a.noApp.notice img{
	width:80%;
	padding: 0 0;
	margin:auto;
}

#content a.noApp.notice .noApp_right .txt{
	padding:3px 0 0 0;
}


}



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

a.noApp.notice .noApp_left{
	width:17%;
}

a.noApp.notice .noApp_right{
	width:80%;
}

a.noApp.notice img{
	width:60%;

}



}