@charset "UTF-8";

/* 全体の設定 */
body {
  font-size: 100%;
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding: 0;
  margin: 0;
  background-color:#FFFFBF;
  position: relative;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
}

#main {
  font-size: 100%;
  text-align: center;
  padding: 0;
  margin: 0;
    background:url(img/con_bk.jpg) repeat-x 0 0;
}


#wrapper {
  text-align: left;
  margin: auto;

  width: 100%;
}

#container {
  width: 1135px;
  margin: auto;

}


#header {
	width: 915px;
 float: right;
height: 120px;
background-image:url(img/hdbk_02.jpg);

}

#header-inner {
   width: 905px;
  float: right;
  color: #666;
  height: 120px;
  position:relative;
background-image:url(img/hdbk.jpg);
}

/* トップへ戻るボタン */
#page_top{
  width: 90px;
  height: 90px;
  position: fixed;
  right: 0;
  bottom: 0;
  opacity: 0.6;
}
#page_top a{
  position: relative;
  display: block;
  width: 90px;
  height: 90px;
  text-decoration: none;
}
#page_top a::before{
  font-family: FontAwesome;
  content: '\f102';
  font-size: 25px;
  color: #3f98ef;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -40px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top a::after{
  content: 'PAGE TOP';
  font-size: 13px;
  color: #fff;
  position: absolute;
  top: 45px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
  color: #3f98ef;
}

#contents {
  width: 915px;
  float: right;
  color: #222;
  background-image:url(img/con_bk02.jpg);
}

#contents2 {
  width: 725px;
  margin: 10px 0px 0px 35px;
  line-height: 1.8;
}


#sidebar {
  width: 220px;
  float: left;

}

/*footerの設定*/
}
#footer {
  width:1135px;
  padding: 0;
  margin:auto;
}
#footer02 {
  width:100%;
  padding: 0;
  margin:auto;

  background: url(img/footer_bk.jpg);
  background-repeat: repeat-x;
  background-position: bottom 6px right 100px;
}

h1 {
  font-size: 70%;
  font-weight: bold;
  color: #CCC;

   margin: 15px 10px 10px 30px;
}

h2 {
  font-size: 20px;
  font-weight: bold;
  color: #CCC;
      line-height:1.5em;
   margin: 5px 0px 10px 0px;
}

#contents p {
  line-height: 1.6em;
  margin-bottom: 0.5em;
}

.side-title {
  text-align: center;
  padding: 5px 0;
  background-color: #cc6;
  color: #333;
}

.localnavi {
  list-style-type: none;
  margin-bottom: 2em;
}

.localnavi li { display: inline; }

.localnavi a {
  text-decoration: none;
  width: 180px;
  display: block;
  padding: 4px 9px;
  border: 1px outset #cc9;
  background-color: #cc9;
  color: #330;
}

.localnavi a:hover {
  text-decoration: none;
  border: 1px outset #cc9;
  background-color: #330;
  color: #fff;
}


#global_navi {
position: absolute;
bottom:0;
left:0;

height:60px; margin:0; width:755px;
}

#global_navi ul {
list-style:none; margin:0; padding:0;
}

#global_navi ul li {
display:inline; margin:0; padding:0;
}

#global_navi ul li a {
background:url(img/bt.jpg); display:block;
float:left; height:60px; text-indent:-9999px;
}

#global_navi ul li a#gn_a {
width:170px;
}

#global_navi ul li a#gn_a:hover {
background-position:left -60px;
}

#global_navi ul li a#gn_b {
background-position:-170px top; width:110px;
}

#global_navi ul li a#gn_b:hover {
background-position:-170px -60px;
}

#global_navi ul li a#gn_c {
background-position:-280px top; width:130px;
}

#global_navi ul li a#gn_c:hover {
background-position:-280px -60px;
}

#global_navi ul li a#gn_d {
background-position:-410px top; width:100px;
}

#global_navi ul li a#gn_d:hover {
background-position:-410px -60px;
}

#global_navi ul li a#gn_e {
background-position:-510px top; width:140px;
}

#global_navi ul li a#gn_e:hover {
background-position:-510px -60px;
}
#global_navi ul li a#gn_f {
background-position:-650px top; width:105px;
}

#global_navi ul li a#gn_f:hover {
background-position:-650px -60px;
}

/**/

#global_h1 {
height:60px; margin:0; width:355px;
float:left;
}

#global_navi2 {
height:60px; margin:0; width:400px;
float:left;

}

#global_navi2 ul {
list-style:none; margin:0; padding:0;
}

#global_navi2 ul li {
display:inline; margin:0; padding:0;
}

#global_navi2 ul li a {
background:url(img/bt2.jpg); display:block;
float:left; height:60px; text-indent:-9999px;
}

#global_navi2 ul li a#gn_a {
width:200px;
}

#global_navi2 ul li a#gn_a:hover {
background-position:left -60px;
}

#global_navi2 ul li a#gn_b {
background-position:-200px top; width:200px;
}

#global_navi2 ul li a#gn_b:hover {
background-position:-200px -60px;
}

#pan {
  width: 725px;
  margin: 10px 0px 0px 30px;
}

dl#pan{
    width:725px;
	    padding:0px 0px 0px 5px;
}

dl#pan dt{
    clear:left;
    float:left;
    margin:0;
	color: #4B4B4B;
    padding:0px;
    width:700px;
    line-height:1.5em;
		font-size:12px;
		font-weight:bold;
}

dl#pan dd{
    margin:0;
    padding:0px 0px 10px 0px;
    border-bottom:2px dotted #CCC;
    line-height:1.5em;
		font-size:12px;
}

dl#pan a{
    padding: 5px 20px 5px 0;

	color:#60B4BF;
}

dl#pan a:hover{
    text-decoration:none;
}


#TEXT{
  font-size: 16px;
}
#TEXT h3 {
  font-size: 24px;
  color: #a85044;
  text-align: right;
  border-bottom: 3px solid #676767;
  margin-top: 50px;
}

#TEXT_IMG{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
	 margin: 15px 0px 0px 0px ;
}
#TEXT_IMG .cover_img img {
  width: 500px;
}
#TEXT_IMG .price dl {
  font-size: 16px;
}
#TEXT_IMG .price dt {
  font-weight: bold;
}

/*マンガ作品目次*/
section.manga {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
}

section.manga a:link,
section.pickup a:link,
section.phot_essay a:link,
section.novel a:link,
.price a:link,
td h2 a:link {
  color: #60B4BF;
}

section.manga a:hover,
section.pickup a:hover,
section.phot_essay a:hover,
section.novel a:hover,
.price a:hover,
td h2 a:hover {
  color:#fff;
  background-color: #60B4BF;
}

section.manga a:visited,
section.pickup a:visited,
section.phot_essay a:visited,
section.novel a:visited,
.price a:visited,
td h2 a:visited {
  color:#663399;
  text-decoration: none;
}

section.manga dl {
  width: 45%;
  padding-bottom: 20px;
  border-bottom: 2px dotted #333;
}

section.manga dl:nth-child(2){
  margin-top: 43px;
}

section.manga dl:nth-child(12){
  margin-top: 44px;
}

section.manga dt {
  font-size: 20px;
  font-weight: bold;
}

section.manga dd {
  margin-left: 10px;
}

#square_btn {
    position: relative;
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    background: #222;
    transition: .4s;
    font-size: 12px;
  }

#square_btn:visited {
  color: #fff
}

#square_btn:hover {
    background: #eee;
    color: #222;
}

/*作品詳細の位置設定*/
#absolute_parent {
  position: relative;
}

#absolute_child {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

/* 台湾特集&写真エッセイの目次 */
  .flexbox {
    display: flex;
    justify-content: space-between;
  }
  @media screen and (max-width:400px) {
  .flexbox {
    display: block;
  }
}

section.pickup dt, section.phot_essay dt, section.novel dt {
  font-size: 20px;
  font-weight: bold;
}

section.pickup dd, section.phot_essay dd, section.novel dd {
  margin-left: 10px;
  margin-bottom: 30px;
}

section.pickup p {
  margin: 30px 0;
}

span.font14 {
  font-size: 14px;
}

span.font18 {
  font-size: 18px;
}

.tab {
  border: 1px solid #222;
  font-size: 12px;
  font-weight: normal;
  padding: 5px 20px;
  margin: 10px;
}

#hon{
  width: 600px;
  float: left;
  margin:  0px 0px 20px 0px;

  line-height:1.5em;
  font-size:12px;

}

/* マンガ詳細 */

article.manga_details h2#manga_01 {
  background-color: #fff;
  margin: 0;
  padding: 20px 0 20px 20px;
  color: #222;
  font-size: 30px;
}
table {
  width:725px;
  background-color:#fff;
  margin-bottom: 30px;
  padding: 20px;
}

td {
  padding: 20px;
}

td h2 {
  color: #222;
  font-size: 24px;
}