@charset "utf-8";
/*BotW*/

/*ベースカラー*/
body {
  background-color: rgba(42, 186, 229, 1);
}

/* メイン枠 */
@media screen and (min-width:820px) {
  #main {
    width: 820px;
    margin: auto;
    }
}
section#main {
  margin-bottom: .5em;
}



/*-----リンク-----*/

/* ---style.cssに移植ここから20180106昼--- */
a {
text-decoration:none;
border-bottom:1px dashed #0000FF;
}
/* ---style.cssに移植ここまで--- */

header a,
.transitions-button a,
.top-toc-table a,
.toc a,
.jump-to-toc a,
.page-back-link a,
.go-to-map a,
.cut-comment a {
  border:none;
}

p a {margin-left:2px;margin-right:2px;}

/*-----見出し-----*/

.main-contents h2 {
  border-left: 5px solid;
  font-size: 130%;
  margin: 1.5em 0 0.8em 0;
  padding: 0 0 0 0.5em;
}

.main-contents h3 {
margin-top:2em;
}
.main-contents h4 {
  border-left: 3px solid rgba(42, 186, 229, 1);
  margin-left: 1.2%;
  margin-top: 2em;
  padding-left: .5em;
  padding-right: 2em;
}

.main-contents h2 + h3,
.main-contents h3 + h4 {margin-top:0;}

.main-contents h2,
.main-contents h3 {
  border-color: rgba(42, 186, 229, 1);
}




/*-----リスト----*/
/*
ul {margin-top:2em;margin-bottom:2em}
ul li {margin:1.5em .5em 1em 0;}
*/

/*注釈 .annoに変えてstyle.cssに書いたのでそのうち消す*/
.main-contents ul.annotation {
  margin: 1em 0 1em .5em;
}
.main-contents ul.annotation li {
  font-size: 80%;
  list-style-type: none;
  margin-left: -1em;
  margin:.2em;
}


ul.map-list {
  list-style-type: none;
  margin-left: 1vw;
}
ul.map-list li {
  margin-top: 1em;
}

/* 関連記事と関連チャレンジ*/
figure.rel-link-list *,
figure.rel-challenge-list * 
 {
  font-weight:normal;
}
figure.rel-list {
  background-color: rgba(245,245,245,.3);
  border: solid 1px rgba(200,200,200,1);
	border-radius: 5px;
	padding: 0 .5em .3em .5em;
	margin: 1.5%;
}
figure.rel-link-list ul,
figure.rel-list ul {
  margin: 0 .5em;
}

figure.rel-list figcaption {
	font-weight: bold;
	margin: 0;
	padding: .2em 0 0 .2em;
}

figure.rel-link-list {
  margin-top:.8em;
  margin-left:-5px;
}

figure.rel-link-list li,
figure.rel-list li {
  list-style-type:none;
  line-height:2.2;
  margin:0;
}
figure.rel-link-list ul.rel-link li {
  background:url("../../icon/asterisk_22x21.png") no-repeat left top;
  background-position:0 6px;
  background-size:16px;
  line-height:1.8;
  list-style-type:none;
  margin-bottom:.5em;
  margin-left:-2.5%;
  padding-left:22px;
}

figure.rel-link-list figcaption {
  margin-left:1%;
}
figure.rel-link-list figcaption + ul {
  margin-top:5px;
}

ul.point,
ul.point-em {
  margin: 1em;
}

ul li p {
  margin: .2em .5vw 0 .3em;
}

p.point,
ul.point li {
  background:url("../../icon/asterisk-totk_22x21.png") no-repeat left top;
  background-position:0 6px;
  background-size:16px;
  line-height:1.8;
  list-style-type:none;
  margin-bottom:.5em;
  padding-left:22px;
}

ul.point-em li {
  background:url("../../icon/asterisk-red_22x21.png") no-repeat left top;
  background-position:0 6px;
  background-size:16px;
  line-height:1.8;
  list-style-type:none;
  margin-bottom:.5em;
  padding-left:22px;
}

/*↑のp.pointのマージンを打ち消しているので順番変えないこと*/
p.point {
  margin-left:2.3%;
}

table + ul.point {margin-top:2em;}

div.item-details h4 {
  background-color: rgba(30, 178, 171, .1);
  font-size: 1rem;
  width: 10em;
  margin: 1.5em 1vw 1em;
}


ul.recommended-link {
  list-style-type: none;
  margin: 0 1vw .5em 1.5em;
}
ul.recommended-link::before {
  content: '【関連リンク】';
  display: inline-block;
  /*background-color: rgba(30, 178, 171, .1);*/
  border-radius: 5px;
  font-size: 1rem;
  width: 10em;
  margin: 1em 1vw .5em -1em;
  padding-left: .3em;
}
ul.recommended-link li:first-child {
  margin-top: 0;
}
ul.recommended-link li {
  margin-left: 1em;
}

/* ulでナンバリングする時用 */
ul.num-list {
  list-style-type:none;
  margin-left:2%;
  font-size:110%;
}
ul.num-list li {font-weight:bold;}
ul.num-list li p {font-weight:normal;}
ul.num-list li p:first-child {margin-top:.4em;}
ul.num-list li + li {margin-top:1.5em;}
@media screen and (orientation: portrait) {
  ul.num-list {margin-left:1%;}
}
.main-contents ul li.star {
  background:url("../icon/red-star.png") no-repeat left top;
  background-position:0 4px;
  background-size:16px;
  line-height:1.8;
  list-style-type:none;
  margin-bottom:.5em;
  margin:0;
  padding-left:21px;

}

ul.link {
  list-style-type: none;
  margin: 1em 5%;
}
ul.link li {
  background:url("../icon/Link_5.png") no-repeat left top;
  background-position: 0 3px;
  background-size: 20px;
  line-height: 1.8;
  /*list-style-type: none;*/
  margin-bottom: .5em;
  margin-left: -2.5%;
  padding-left: 24px;
}

ul.link + * {margin-top:2em;}

ul.num-line {
  list-style-type:none;
  margin-left:2%;
  font-size:110%
}
ul.num-line li p {font-size:100%;}
ul.num-line li p:first-child {margin-top:.4em;}
ul.num-line li + li {margin-top:1.5em;}

@media screen and (orientation: portrait) {
  ul.num-line {margin-left:1%;}
}

dl.gathering-spot {
  margin-left:2%;
}
@media screen and (max-width:414px) {
  dl.gathering-spot {
    margin-left:1%;
  }
}
dl.gathering-spot dt {
  font-size:97%;
  font-weight:bold;
  margin-left:0;
  margin-top:1em;
}
dl.gathering-spot dd {
  margin:.3em 1% .5em 1%;
}

/*gathering-spotと順次差し替え*/
dl.description-list {
  margin-left:2%;
}
@media screen and (max-width:414px) {
  dl.description-list {
    margin-left:1%;
  }
}
dl.description-list dt {
  font-size:100%;
  font-weight:bold;
  margin-left:0;
  margin-top:1em;
}
dl.description-list dd {
  margin:.3em 1% .5em 1%;
}
/*差し替え予定ここまで*/


/*-----テーブル-----*/
table {
  max-width:98%;
}

table.item-table.ore tr td:nth-of-type(1) {width:13%;}
table.item-table.ore tr td:nth-of-type(2),
table.item-table.ore tr td:nth-of-type(3) {text-align:right;}

/*調整中*/
table td ul {
  margin: 0 1vw 0 0;
}
table td li {line-height:2;}


/*レシピ用テーブル*/
@media screen and (max-width: 414px) {
  .main-contents table {
    width: 100%;
    margin: 0 auto;
}}
table.recipe caption {
  margin-top: .3em;
}
table caption {
  font-weight: bold;
  text-align: left;
  margin-left: 0;
}
table.recipe caption {
  text-align: center;
}

table.recipe td > span.heart:first-child,
table.recipe td > span.heart-half:first-child,
table.recipe td > span.heart-quoter:first-child {
  margin-left: .2em;
}

.recipe ul {
  margin: 0;
}
.item-table ul li,
.recipe ul li {
  font-size: 100%;
  line-height: 2;
  margin: 0 0 0 1.5em;
}

/*20180130 見づらそうだったので一端コメントアウト*/
/*
@media screen and (max-width:812px) {
 .recipe ul li {
   line-height: 2.3;
 }
}
*/

.recipe.ex th:nth-of-type(1) {width: 2em;}
.recipe.ex th:nth-of-type(2) {width: 75%;}

/*一度100%に戻してから打ち消してあるので注意*/
.item-table,
.recipe {font-size:98%;}


/*レシピテーブルのリストスタイルをdiscからdisc.pngに*/
/*リストスタイルと文字列との間の隙間調整が難しかったので*/
table.recipe td ul li {
  list-style-type:none;
  background:url('img/icon/disc.png') no-repeat left center;
  background-size: 4.5px 4.5px;
  background-position:0 10px;
  margin-left:0;
  padding-left:.8em;
}
/*スマホサイズにするとずれるので追加*/
@media screen and (max-width:424px) {
  table.recipe td ul li {
    background-position:0 13px;
  }
}
/*リストスタイルをアイコンに ここまで*/

table.recipe td ul li.must {
  background:none;
  padding-left:0;
}

/*
table.recipe td ul li.must::before {
  content:★
}
*/
table.recipe td ul li.must {
  list-style-type:none;
  background:url('../../icon/asterisk_22x21.png') no-repeat left center;
  background-size: 12px 12px;
  background-position:0 8px;
  margin-left:-3px;
  padding-left:1.1em;
}

/*
table.recipe td ul li.must {
  background:none;
  padding-left:0;
}
table.recipe td ul li.must::before {
  content:'[必須] ';
}
*/


/*20190109 style.cssから移植*/
.main-contents table.item-table {
  margin-top: 1.8em;
}
.main-contents table.item-table ul li {
  font-size: 100%;
  list-style-type: none;
  margin-left: 0;
}
.main-contents table.item-table caption {
  font-weight: bold;
}
/*20190109 ここまで*/


/*数字を括弧つきにする 未使用*/
ol.brackets-notes {margin-left:2%;}
ol.brackets-notes li {
  counter-increment:cnt;
  list-style-position:inside;
  list-style-type:none;
  margin:0;
}
ol.brackets-notes li:before {
  display:marker;
  content:"("counter(cnt)") ";
}


/*『採集アイテム』ページのテーブル*/
table.gathering-item {
  /*table-layout: fixed;*/
  max-width:100%;
}

/*
.gathering-item td:nth-of-type(1) {
  width:22%;
  min-width: 6em;
}
.gathering-item th:nth-of-type(2) {
  width: 13%;
}
@media screen and (max-width:414px) {
  .gathering-item th,
  .gathering-item td {
    padding:5px;
  }
  .gathering-item td:nth-of-type(1) {
    width: 35%;
  }
  .gathering-item td:nth-of-type(2) {
    padding-right:8px;
    width:1%;
  }
  .gathering-item td:nth-of-type(3) {
    width:26%;
  }
}

@media screen and (max-width:414px) {
.gathering-item th:nth-of-type(3),
.gathering-item td:nth-of-type(4) {
  display:none;
}
}*/


/*ページ遷移*/
.go-to-map {
  background: #ffff66;
  border: 1px solid blue;
  border-radius: 10px;
  margin: 1em auto 1em 2.5%;
  padding: .2em;
  text-align: center;
  width: 7em;
}

figure.recipe-toc figcaption {
  font-size:95%;
  font-weight:normal;
}

button.detail-no {
  border: 1px solid #d7d7d7;
  background-color: pink;
  border-radius: .4em;
  font-size: .9rem;
  padding: .15em .5em 0 .5em;
}
button.detail-no:hover {
  cursor: pointer;
}
button.detail-no + *{
  margin-top: .5em;
}

/*置き換えたら削除*/
.jump-to-toc {
  background:url('../../icon/top-arrow_28x28.png') no-repeat left center;
  background-size: 20px auto;
  font-size:92%;
  padding-left: 28px;
  padding-top: 0;
  margin:1.8em 0 1.8em 10px;
}

/*置き換えたら削除*/
/*.cut-comment {
  background:url('../../icon/bottom-arrow_28x28.png') no-repeat left center #ffc;
  background-size: 20px auto;
  background-position:5px 9px;
  border:1px solid #d7d7d7;
  border-radius:10px;
  display:inline-block;
  padding:5px 5px 5px 28px;
  margin:.5em 2% 1.8em 2%;
}*/
p + .cut-comment {
  margin-bottom:0;
  margin-top:1.5em;
}
p + .jump-to-toc {
  margin-top:1em;
}

.go-to-map a,
.jump-to-toc a,
.cut-comment a {
  text-decoration: none;
}

.transitions-button {
  margin-left:2%;
  margin-top:1em;
  margin-bottom:1.2em;
}
.transitions-button li {
  display:inline-block;
  border:1px solid blue;
  background: #ffff66;
  padding:5px 10px;
  border-radius:5px;
}
.transitions-button a {
  text-decoration:none;
}

.inline-link-box {border:1px solid blue;border-radius:8px;background:yellow;padding:3px 5px;text-decoration: none;}


ul.page-back-link {
  margin:1.5em 2% 1em .5%;
}
ul.page-back-link li {
  list-style-type: none;
  background:url('../../icon/left-arrow_28x28.png') no-repeat left top;
  background-position: 0 3px;
  background-size: 20px auto;
  padding-left: 28px;
  padding-top: 0;
  margin:0 0 10px 2px;
}

ol.process {
  margin:0 0 1em 7%;
}
ol.process li {
  margin-top:.5em;
  margin-bottom:.5em;
}


table .lv2 {background-color:#ffffb8;}
table .lv3 {background-color:#fde;}

/*-----画像挿入-----*/
/*赤ハート*/
span.heart {
  background: url('../../icon/heart.png') no-repeat left center;
  background-size: 16px auto;
  margin-left: 2px;
  padding-left: 18px;
  padding-top: 2px;
}
span.heart-half {
  background: url('../../icon/heart-half.png') no-repeat left center;
  background-size: 16px auto;
  margin-left: 2px;
  padding-left: 18px;
  padding-top: 2px;
}
span.heart-quarter {
  background: url('../../icon/heart-quarter.png') no-repeat left center;
  background-size: 16px auto;
  padding-left: 18px;
  padding-top: 2px;
  margin-left: 2px;
}
span.heart-three-quarters {
  background: url('../../icon/heart-three-quarterst.png') no-repeat left center;
  background-size: 16px auto;
  padding-left: 18px;
  padding-top: 2px;
  margin-left: 2px;
}
span.y-heart {
  background: url('../../icon/yellow-heart.png') no-repeat left center;
  background-size: 15px auto;
  margin-left: 2px;
  padding-left: 18px;
  padding-top: 2px;
}


/* 採集アイテムページの一覧だけハートを小さくする */
@media screen and (max-width:414px) {
  .gathering-item span.heart,
  .gathering-item span.heart-half,
  .gathering-item span.haert-quarter {
  background-size: 14px auto;
  margin:0;
  padding-right:0;
  }
}


/*黄色ハート*/
span.yellow-heart {
  background: url('../../icon/yellow-heart.png') no-repeat left center;
  background-size: 16px auto;
  padding-left: 18px;
  padding-top: 2px;
  margin-left: 2px;
}

/*iphone5サイズでテーブルのハート縮小*/
@media screen and (min-width:360px) {
  table span.heart,
  table span.heart-half,
  table heart.quarter,
  table span.heart-three-quarterst,
  table span.yellow-heart {
    background-size: 15px auto;
    padding-left: 17px;
    }
}
/*注釈中のハート縮小*/
.anno span.heart,
.anno span.heart-quarter,
.anno span.heart-half,
.anno span.heart-three-quarters,
.anno span.yellow-heart {
  background-size:12px auto;
  padding-left:13px;
  margin-left:3px;
}


/* アイコン */
.up-icon {
  background: url('../icon/up-red-square.png') no-repeat right center;
  background-size: 24px auto;
  padding-right: 28px;
  padding-top: 2px;
  margin-left: 2px;
}
.new-icon {
  background: url('../icon/new-red-square.png') no-repeat right center;
  background-size: 24px auto;
  padding-right: 28px;
  padding-top: 2px;
  margin-left: 2px;
}

/* [詳細][地図]アイコン */

.detail-icon,
.map-icon,
.recipe-icon {
  border:none;
  border-radius:5px;
  color:#fff;
  display:inline-block;
  font-size:95%;
  padding:1px 5px 0 5px;
}

.detail-icon {
  background:blue;
  margin:8px 5px 3px 0;
  width:3em;
}
.map-icon {
  background:green;
  margin:8px 5px 3px 0;
  width:3em;
}
.recipe-icon {
  background:#f35e43;
  margin:8px 5px 3px 0;
}

.detail-icon a:link,
.detail-icon a:visited,
.map-icon a:link,
.map-icon a:visited,
.recipe-icon a:link,
.recipe-icon a:visited {
  color:#fff;
  text-decoration:none;
  border:none;
}

/*エリアサイズのマップ*/
.region-map,
figure.mini-map {margin:10px auto 20px auto;}
.main-contents img {
max-width:100%;
height:auto;
display:block;
margin:auto;
}

p + .region-map,
p + .mini-map {
  margin-top:20px;
}

.region-map figcaption,
figure.mini-map figcaption{
  font-weight:bold;
  text-align:center;
}

table.shrine-table {margin:auto auto;}
.shrine-table th {text-align:center;}
.shrine-table td:nth-of-type(1) {width:1em;text-align:center;}
.main-contents img#romay-island-map {max-width:495px;max-height:495;}

/* アフィリエイト */
.ama-widget,
.banner,
.wish-widget {
  display:table;
  margin:auto;
}


/*201801090206 amazonのバナーがモバイルではみ出すので小さいのと大きいので切り替える*/

@media screen and (max-width:510px) {
  aside .amazon.banner-468 {
    display:none;
  }
}
@media screen and (min-width:511px) {
  aside .banner-120 {
    display:none;
  }
}

/*201801090206 ここまで*/

p + aside .ama-widget,
* + aside.last .banner  {
  margin-top:2em;
}
aside.bottom {
  margin-top:1em;
}


@media screen and (max-width:350px) {
 #main ol li {margin-left:2%;}
}

/*概略部分*/
@media screen and (max-width:424px) {
div.item-summary h3 {
  margin-top:1.5em;
  }
}

div.item-summary h4 {
  font-size:98%;
  border:none;
  margin-top:.1em;
  margin-left:1.9%;
  margin-right:.7em;
  margin-bottom:0;
  padding:.2em .8em .1em .5em ;
  float:left;
  line-height:1;
  border-bottom:2px solid rgba(30, 178, 171, 0.6);
  border-left:3px solid rgba(30, 178, 171, 0.6);
}
div.item-summary p + h4 {
  margin-top:.47em;
}

div.item-summary p {
  font-size:96%;
  letter-spacing:-0.4px;
  margin-bottom: .5em;
}
div.item-summary p + h4 {margin-top:.2em;}


/*アフィリエイトカード 2018/01/05 00:46 */

.affi-card {
  border:1px solid #000;
  width:100%;
  font-size:90%;
  max-width:600px;
  margin:auto;
}
.product-img {
  float:left;
  width:auto;
  height:auto;
  margin:3px 0.5%;
}

.product-name {
  color:blue;
  word-wrap:break-word;
  margin-top:3px;
}
.affi-link {
  float:right;
  padding:0.5%;
  margin-bottom:3px;
}

.affi-link * {
  /*background-color:yellow;
  border:1px solid gray;
  border-radius:5px;*/
  float:left;
}

.affi-link a:link {
  text-decoration:none;
  letter-spacing:0;
  background:yellow;
  border:1px solid gray;
  border-radius:5px;
  float:left;
  margin:2px;
  text-align:center;
  width:23.5%;
  min-width:69px;
}

.affi-link a:hover {
  background-color:#fde;
}

.product-comment {
  color:red;
  width:98%;
  word-wrap:break-word;
  padding-left:10px;
  line-height:1.8;
  min-height:100px;
}

.affi-name {
  font-size:70%;
  vertical-align:top;
  margin-left:3px;
}

aside .affi-card {
  margin-top:1em;
}

span.operate {
  background-color: yellow;
  border: 1px solid #000;
  border-radius: 100%;
  font-weight: bold;
  padding: 0 6px;
}

span.coord {
  margin: 0 .2em;
}
span.fuse-power {
  background-color: rgba(235, 235, 235, .5);
  border: 1px solid rgba(105, 105, 105, .8);
  border-radius: 3px;
  display: inline-block;
  width: 2.5em;
  line-height: 1.2em;
  text-align: center;
  padding: .15em .5em;
  margin: 0 2px;
}
li span.fuse-power {
	margin-left: 5px;
}
#main p span.fuse-power {
	padding: 0;
	width: 1.7em;
}

.gloom-recovery {
  background: url('../../icon/gloom-recovery.png') no-repeat left center;
  background-size: 26px auto;
  margin-left: 2px;
  padding-left: 28px;
  padding-top: 2px;
}

table.spec {
	width: 20em;
}
table.spec th:first-child {
	width: 5em;
}
table.spec td {
  padding: 5px .8em;
}

figure.totk-img figcaption {
	position: absolute;
	color: white;
	font-size: 1.5rem;
	font-weight: bold;
  top: 0.3rem;
/*  background: rgba(68, 55, 10, 1);*/
  background: rgba(103, 91, 53, 1);
  padding: 0.2em .3em 0.3em .3em;
  line-height: 1em;
  border-radius: 5px;
}
@media screen and (max-width:431px) {
figure.totk-img figcaption {
  font-size: 1rem;
}}

figure.totk-img {
 position: relative;
}
.outline {
  color: #000;
  text-shadow:
    1px 1px 0 #000,
    -1px -1px 0 #000,
    -1px 1px 0 #000,
    1px -1px 0 #000,
    0 1px 0 #000,
    0 -1px 0 #000,
    -1px 0 0 #000,
    1px 0 0 #000;
}

.c-i {
  background-color: rgba(255, 80, 32, 1);
	color: #fff;
  border: 1px solid rgba(255, 80, 32, 1);
	border-radius: 3px;
	white-space: pre;
}
.s-i {
  background-color: rgba(65, 105, 81, 1);
	color: #fff;
	border-radius: 3px;
	padding: 0 3px;
	white-space: pre;
}
ul.map-list.after-icon li ul {
	margin: 0 1em;
}
ul.map-list.after-icon li ul li {
	list-style-type: none;
	margin: 0;
	display: inline-block;
}
ul.map-list.after-icon li ul li a {
  text-decoration: none;
	border-bottom: none;
}