@charset "shift_jis";

/* ECB調整 */
.main1c {
	position: relative;
}
/* #section00 .section {
  box-sizing: content-box;

} */
#section00,
#section03,
#section04,
#section08-5 {
	margin-left: -50% !important;
	margin-right: -50% !important;
	padding-left: 50% !important;
	padding-right: 50% !important;
  width: auto !important;
}
@media screen and (max-width: 767px) {

  #section00,
  #section03,
  #section04,
  #section08-5 {
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	  }
  }

/*============ PC and SP ===========*/


.section {
width: 100% !important;
}

#section09 .column1 {
padding-bottom: 30px;
}

.block,
.section > h2,
#bottom-relate-item,
#bottom-recom-item,
.itemlist3c {
width: 920px;
}

.section h2 {
width: 920px;
margin: 0 auto 40px;
text-indent: -9999px;
}

.block p img {
width: auto;
}

.detailetmpl {
margin: 20px auto;
}

#bottom-relate-item,
#bottom-recom-item,
.itemlist3c {
width: 710px;
margin-left: auto;
margin-right: auto;
}


/* 01.TOPIMAGE */

#topicpath {
padding-bottom: 10px;
}

#section00 {
background: #fad75c;
height: 580px;
padding: 0;
position: relative;
}

#section00 #topimage {
background: #fff;
width: 100%;
height: 410px;
overflow: hidden;
position: absolute;
left: 0;
right: 0;
}

#topimage ul li {
display: block;
width: 100%;
height: 410px;
}

#topimage .top-img01 {
  background: #fceaa8 url(/defaultShop/rekishidaichizu/img/rekishidaichizu_top01.jpg) center top no-repeat;
}
#topimage .top-img02 {
  background: #fceaa8 url(/defaultShop/rekishidaichizu/img/rekishidaichizu_top02.jpg) center top no-repeat;
}
#topimage .top-img03 {
  background: #fceaa8 url(/defaultShop/rekishidaichizu/img/rekishidaichizu_top03.jpg) center top no-repeat;
}

#section00 .block {
position: relative;
height: 100%;
}

#section00 h1 {
position: absolute;
top: 252px;
left: 10px;
z-index: 1;
}

#section00 .itemimage {
position: absolute;
right: 14px;
top: 295px;
}

#section00 .buybutton {
position: absolute;
top: 485px;
right: 20px;
width: 270px;
z-index: 10;
}

#section00 .buybutton a img {
border-radius: 30px;
box-shadow: 0 1px 3px #888;
transition: 0.15s;
width: 85%;
margin: 0 auto;
}

#section00 .buybutton a:hover img,
#section00 .buybutton a:active img {
width: 95%;
margin: -5px auto 0;
box-shadow: 0 0 10px #555;
}


/* 03.OVERVIEW */

.loopSliderWrap {
top: 0;
left: 0;
height: 285px;
overflow: hidden;
position: absolute;
}

.loop {
background: #FFDE1A;
margin: 0 auto;
width: 100%;
height: 230px;
text-align: left;
position: relative;
overflow: hidden;
}

.loop ul {
height: 230px;
float: left;
overflow: hidden;
}

.loop ul li {
width: 260px;
height: 230px;
float: left;
display: inline;
overflow: hidden;
}

.loop ul li img {
width: 260px;
height: auto;
}

.loop:after {
content: "";
display: none;
clear: none;
}

#section02 {
background: #FFDE1A url(/daitizu/img/daitizu2017_sec02_bg.png) top center no-repeat;
padding: 40px 0 10px;
}

#section02 .column1 {
background: #FEFDDE;
background: -moz-linear-gradient(top,  #fefdde 93%, #fbea92 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fefdde 93%,#fbea92 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fefdde 93%,#fbea92 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
box-shadow: 0px 0px 10px #bbb;
padding-bottom: 30px;
}

#section02 .column1 h3 {
margin: 20px auto 30px;
width: 740px;
}

#section02 .column1 p {
font-size: 18px;
padding: 0 40px;
margin-top: 10px;
}

#section02 .column1 p em {
color: #FF0808;
}


/* 04.PANORAMA1 */

#section03 {
height: 610px;
margin: 80px 0 0;
padding: 30px 0;
background: #fff url(/defaultShop/rekishidaichizu/img/rekishidaichizu_overview_bigmap.jpg) no-repeat;
background-position: 50% 0;
background-size:  1;
}

#section03 h2 {
background: url(/defaultShop/rekishidaichizu/img/rekishidaichizu_overview_titile.png) top center no-repeat;
height: 125px;
width: 906px;
margin: -100px auto 0;
}

#section03 .block {
  position: relative;
}

#section03 .map-desc {
display: block;
position: absolute;
right: 0;
top: 400px;
width: 371px;
height: 111px;
}

#section04 {
background: #fad75c;
padding: 30px 0 10px;
}

#section04 h2 {
margin: 0 auto 20px;
}

#section04 .map-yokohama {
margin-left: 10px;
z-index: 10;
}

#section04 .block {
  box-shadow: 0 0 4px #aaa;
}

#section04 h3 {
  margin: 10px 0 20px;
}

#section04 .block p {
  font-size: 125%;
  line-height: 1.8;
  margin-left: 20px;
  margin-right: 20px;
}


/* 07.PANORAMA2 */

#section08 {
padding: 30px 0 10px;
}

#section08 .column1,
#section08 .column2 {
box-shadow: 0 0 4px #888;
}

#section08 .fuji .column2 {
box-shadow: none;
}

#section08 .column1 h3,
#section08 .column2 h3 {
color: #DC0F0C;
font-family: "Hiragino Mincho ProN","HG??’cE","?l?r ?o??’c","?l?r ??’c",serif !important;
font-size: 32px !important;
font-weight: normal !important;
line-height: 1.2;
margin-top: 15px;
padding: 0 15px;
}

#section08 h3 span {
font-size: 16px;
}

#section08 .column1 .bodycopy,
#section08 .column2 .bodycopy {
margin-top: 10px;
padding: 0 15px 10px;
}

#section08 .fuji .column2 p {
font-size: 20px;
}

#section08 .block.fuji .column2 {
background: rgba(255,255,255,0.85);
padding: 15px 20px;
}

#section08 .block.fuji .fuji-left {
width: 33%;
}
#section08 .block.fuji .fuji-left h3 {
margin-top: 0;
}
#section08 .block.fuji .fuji-right {
width: 67%;
}
#section08 .block.fuji .fuji-right p {
padding-top: 5px;
}



#section08-5 {
  background: #ececec;
}

#section08-5 h2 {
  width: 870px;
  margin-left: auto;
  margin-right: auto;
}

#section08-5 h3 {
  margin-top: 10px;
  margin-bottom: 15px;
}

#section08-5 .history-lineup {
  text-align :center;
  font-size: 160%;
  line-height: 1.8;
}

#section08-5 #history_sengoku,
#section08-5 #history_edo,
#section08-5 #history_bakumatsu,
#section08-5 .history_others {
  position: relative;
  box-shadow: 0 0 6px #aaa;
}

#section08-5 #history_edo,
#section08-5 #history_bakumatsu {
  margin-top: 60px;
}

#section08-5 #history_bakumatsu {
  margin-bottom: 30px;
}  

#section08-5 #history_sengoku .column1,
#section08-5 #history_sengoku .column2 {
  background: #e0ebff;
}

#section08-5 #history_edo .column1 {
  background: #daf1f8;
}

#section08-5 #history_bakumatsu .column1 {
  background: #f5e5ca;
}

#section08-5 #history_sengoku .column1,
#section08-5 #history_edo .column1,
#section08-5 #history_bakumatsu .column1 {
  padding: 16px;
}

#section08-5 .history_title {
  position: absolute;
  top: -50px;
  left: -20px;
}

#section08-5 #history_sengoku .sengoku_column2_left {
  padding: 10px 0 0 0;
  width: 449px;
}

#section08-5 #history_sengoku .sengoku_column2_right {
  padding: 10px 0 0 0;
  margin-left: 9px;
  width: 430px;
}

#section08-5 .page-sample {
  position: relative;
  height: 630px;
}

#section08-5 .page-sample p {
  position: absolute;
  top: 0;
  left: 16px;
}


/* 08.CONTENTS */

#section09 {
padding-bottom: 0;
}

#section09 h2 {
width: 732px;
margin: 0 auto;
}

#section09 .hidden .block {
position: relative;
margin-bottom: 0;
}

#section09 .hidden h3 {
width: 890px;
height: 80px;
margin: 55px auto 0;
}

#section09 .item-img {
position: absolute;
top: 0;
left: -10px;
z-index: 10;
}

#section09 .column1 {
width: 890px;
margin: 0 auto;
padding-bottom: 5px;
}

#section09 .title1 .column1 {
  background: #ffe6e6;
}
#section09 .title2 .column1 {
  background: #d0e3e4;
}
#section09 .title3 .column1 {
  background: #dde7f3;
}

#section09 .bodycopy {
font-size: 18px;
padding-left: 140px;
display: block;
margin: 0;
}

#section09 .block .block {
margin: 30px 0 0;
}

#section09 .column3 img {
width: 98%;
}

#section09 .detail {                  
background: #fff;
background: rgba(255,255,255,0.8);
border-radius: 8px;
margin: 15px auto 0;
padding: 15px;
width: 96%;
}

#section09 .detail p {
font-size: 18px;
}

#section09 .detail .detail-title {
display: inline-block;
background: #444;
color: #fff;
font-size: 16px;
font-weight: bold;
border-radius: 22px;
margin: 0 0 0 -26px;
padding: 6px 25px 4px;
}

#section09 .detail p span {
font-size: 16px;
font-weight: bold;
}

#section09 .title1 .detail p span {
  color: #811e23;
}
#section09 .title2 .detail p span {
  color: #3a6a6e;
}
#section09 .title3 .detail p span {
  color: #2a5286;
}

#section09 .column2 .column2 {
background: #E5E5E5;
height: 200px !important;
padding: 15px 10px 10px;
}

#section09 .column2 .column2 img {
width: 95%;
margin: -30px 0 0 5px;
}

#section09 .column2 h3 {
color: #548636;
font-size: 20px;
}

#section09 .column2 p {
font-size: 14px;
}

/* 09.SPEC */

#spec {
padding-top: 0;
}

.block.spec {
width: 750px;
}


.open-link a span {
  color: #1d54a7 !important;
  height: 60px;
  line-height: 62px;
  margin-bottom: 20px;
  text-decoration: underline !important;
  border: 1px solid #bbb !important;
  box-shadow: 0 1px 2px #aaa;
  
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 65%, #e9e9e9 100%) !important; /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 65%,#e9e9e9 100%) !important; /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%,#ffffff 65%,#e9e9e9 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.open-link a:hover span,
.open-link a:active span {
  color: #FF6600 !important;
  opacity: 1 !important;
  background: #fff !important;
  box-shadow: 0 0 1px #aaa;
  text-decoration: none !important;
}

.open-link a span::after, .hidden-link a span::after {
  content: '';
}


/*============ FOR SP ===========*/
@media screen and (max-width: 767px) {

#section09 .column1 {
padding-bottom: 5px;
}

.block,
.section > h2,
#bottom-relate-item,
#bottom-recom-item,
.itemlist3c {
width: 100%;
}

.section h2 {
width: 100%;
margin: 0 auto 20px;
}

.section h2 img {
width: 96%;
margin-left: auto;
margin-right: auto;
}

.detailtmpl {
margin: 20px 0;
}

.item-gift {
margin: 0 0 25px;
}


/* 01.TOPIMAGE */

#section00 {
  height: 49vh;
}



#section00 #topimage {
 height: 30vh;
}

#topimage ul li {
  height: 30vh;
}

#topimage .top-img01 {
background: #393F4C url(/defaultShop/rekishidaichizu/img/rekishidaichizu_top_bg01_sp.jpg) center top no-repeat;
background-size: cover;
}
#topimage .top-img02 {
background: #393F4C url(/defaultShop/rekishidaichizu/img/rekishidaichizu_top_bg02_sp.jpg) center top no-repeat;
background-size: cover;
}
#topimage .top-img03 {
background: #393F4C url(/defaultShop/rekishidaichizu/img/rekishidaichizu_top_bg03_sp.jpg) center top no-repeat;
background-size: cover;
}

#section00 h1 img,
#section00 .itemimage img {
width: 100%;
}


#section00 h1 {
top: 375px;
left: 5px;
width: 72%;
}

#section00 .itemimage {
right: 5px;
top: 477px;
width: 26%;
}

#section00 .buybutton {
  margin: auto;
  top: auto;
  bottom: 20px;
  right: 0;
  left: 0;
  width: 180px;
  z-index: 10;
}

#section00 .buybutton a img {
border-radius: 40px;
box-shadow: 0 1px 3px #888;
transition: 0s;
width: 100%;
}

#section00 .buybutton a:hover img,
#section00 .buybutton a:active img {
width: 100%;
margin: 0;
box-shadow: 0 1px 3px #888;
}


/* 04.PANORAMA1 */

#section03 {
height: 900px;
background: #ddd url(/defaultShop/rekishidaichizu/img/rekishidaichizu_overview_bigmap_sp.jpg) no-repeat;
background-position: 50% -100px;
background-size: cover;
}

#section03 h2 {
background-size: 132%;
height: 80px;
}

#section03 .map-desc {
width: 150px;
height: 150px;
margin: 10px 0 0 3%;
}

#section03 .map-desc img {
width: 100%;
}

#section04 {
padding: 25px 0 10px;
}

#section04 .map-yokohama img,
#section04 .map-nagoya img,
#section04 .map-kyoto img {
width: 100%;
box-shadow: 0 0 4px #aaa;
}

#section04 .map-yokohama {
margin-left: 2%;
width: 92%;
}

#section04 .map-nagoya {
margin-top: -50px !important;
margin-left: 5%;
width: 92%;
}

#section04 .map-kyoto {
margin-top: -50px !important;
margin-left: 2%;
width: 92%;
}


/* 05.AREA */

#section05 {
padding: 30px 0 25px;
}

#section05 h2 {
margin-bottom: 25px;
}

#section05 .block {
padding: 0;
margin: 0 1%;
width: 98%;
}

#setion05 .block .column2 {
box-sizing: border-box;
}

#section05 .block .column2 img {
width: 100%;
}

#section05 .block .column2.ht {
width: 38.8%;
margin-bottom: 50px;
}
#section05 .block .column2.ch {
width: 60%;
margin-left: 8px;
}
#section05 .block .column1.ki {
width: 99.9%;
height: 202px;
}
#section05 .block .column1.ki img {
width: 100%;
top: -100px;
}
#section05 .block .column2.cs {
width: 60%;
}
#section05 .block .column2.ko {
width: 38.8%;
margin: 0 0 0 8px;
}

#section05 .column1.all {
width: 99.9%;
margin-top: 8px;
}

#section05 .column1.all h3 {
width: 100%;
margin: 10px auto 0;
}

#section05 .column1.all h3 img {
width: 100%;
}

#section05 .column1.all p {
font-size: 26px;
padding: 0 10px 0;
margin-top: 25px;
}

#section05 .column1.all p span {
display: inline-block;
}


/* 06.PAGEDETAIL */

#section06 {
padding: 35px 0 1px;
}

#section06 .column1 {
width: 96%;
margin: 8px auto 0;
}

#section06 .page-map img {
width: 100%;
}

#section06 .page-icon1 img,
#section06 .page-icon2 img,
#section06 .page-icon3 img {
width: 95%;
}


#section06 .page-icon1 {
left: 8px;
top: 235px;
}

#section06 .page-icon2 {
left: 150px;
top: 90px;
}

#section06 .page-icon3 {
left: 323px;
top: 265px;
}

#section06 .annotation {
font-size: 20px !important;
}


/* 07.PANORAMA2 */

#section07 {
height: 800px;
background: #ddd url(/daitizu/img/daitizu2017_sec06_bg_sp.jpg) no-repeat;
background-position: 50% -20px;
}

#section07 h2 {
background-size: 128%;
height: 80px;
}

#section08 .block {
margin-bottom: 0;
}

#section08 .block.fuji {
margin-top: -200px;
margin-bottom: 30px;
box-shadow: 0 0 3px #aaa;
width: 94%;
}

#section08 .column1,
#section08 .column2 {
width: 94%;
margin: 0 3% 20px;
}

#section08 .column1 h3,
#section08 .column2 h3 {
font-size: 32px !important;
font-weight: bold !important;
}

#section08 .column1 img,
#section08 .column2 img {
width: 100%;
}


#section08 h3 span {
font-size: 16px;
}

#section08 .column1 .bodycopy,
#section08 .column2 .bodycopy {
font-size: 16px;
margin-top: 10px;
padding: 0 15px 15px;
}

#section08 .fuji .column2 p {
font-size: 20px;
}

#section08 .block.fuji .column2 {
padding: 15px 10px;
margin: 0;
}

#section08 .block.fuji .fuji-left {
width: 42%;
}
#section08 .block.fuji .fuji-left h3 {
margin: 4px 0;
}
#section08 .block.fuji .fuji-right {
width: 58%;
}
#section08 .block.fuji .fuji-right p {
font-size: 18px;
padding-top: 0;
}


/* 08.CONTENTS */

#section09 h2 {
width: 100%;
}

#section09 .hidden h3 img {
display: none;
}

#section09 .hidden h3 {
width: 96%;
height: 75px;
margin: 55px auto 0;
overflow: hidden;
display: block;
}

#section09 .title1 h3 {
background: url(/defaultShop/rekishidaichizu/img/rekishidaichizu_lineup_title1.jpg) top left no-repeat;
}
#section09 .title2 h3 {
background: url(/defaultShop/rekishidaichizu/img/rekishidaichizu_lineup_title2.jpg) top left no-repeat;
}
#section09 .title3 h3 {
background: url(/defaultShop/rekishidaichizu/img/rekishidaichizu_lineup_title3.jpg) top left no-repeat;
}

#section09 .title1 h3,
#section09 .title2 h3,
#section09 .title3 h3 {
background-size: 104%;
height: 35px;
}

#section09 .item-img {
top: 0;
left: 5px;
}

#section09 .column1 {
width: 96%;
}

#section09 .bodycopy {
font-size: 22px !important;
padding-left: 120px;
display: block;
height: 120px;
}

#section09 .block .block {
margin: 25px 0 0;
}

#section09 .column3 img {
width: 100%;
}

#section09 .detail {
padding-bottom: 10px;
margin-bottom: 20px;
}

#section09 .detail .detail-title {
border-radius: 40px;
font-size: 20px;
padding: 8px 20px;
}

#section09 .detail p {
margin-top: 15px;
}

#section09 .detail p span {
font-size: 20px;
font-weight: bold;
}

#section09 > .block {
margin-top: 30px;
}

#section09 .block > .column2 {
margin-top: -20px;
}

#section09 .column2 .column2 {
background: #E5E5E5;
height: 230px !important;
padding: 15px 10px 10px;
}

#section09 .column2 .column2.width-small {
width: 21%;
margin-left: 2%;
}

#section09 .column2 .column2.width-big {
width: 75%;
margin-right: 2%;
}

#section09 .column2 .column2 img {
width: 92%;
margin: -35px 0 0 5px;
}

#section09 .column2 .column2 h3 {
font-size: 28px;
margin-top: 10px;
}

#section09 .column2 .column2 p {
font-size: 22px;
margin-top: 10px;
}

#section09 .column2 .column2 .annotation {
font-size: 20px !important;
}


/* 09.SPEC */

.block.spec {
width: 94%;
}



/* 2017.10 Rekishidaichizu ADD */


/* TOP IMAGE */

/* #section00 {
    height: 745px;
} */

#section00 .itemimage {
display: none;
}

#section00 h1 {
  top: 19vh;
  left: 0;
  right: 0;
  width: 95%;
  margin: auto;
}

/* #section00 .buybutton {
    top: 635px;
} */


/* OVERVIEW */

#section03 h2 {
    background-size: contain;
    height: 7vh;
    z-index: 1000;
    width: 100%;
}

#section03 {
    height: 460px;
    padding-top: 64px;
    margin-top: 64px;
}

#section03 .map-desc {
  width: 60%;
  height: auto;
  margin: 10px 10px 0 0;
  top: 343px;
}

#section04 .block {
    margin-left: auto;
    margin-right: auto;
    width: 94%;
}

#section04 h3 {
}

#section04 h3 img {
width: 103%;
/* margin: 0 -10px; */
}

#section04 .block .column1 p {
margin-top: 20px;
margin-left: 5px;
margin-right: 5px;
font-size: 16px;
line-height: 1.7;
}

.annotation {
    font-size: 13px !important;
    line-height: 1.4 !important;
    display: block;
    padding-top: 15px;
padding-bottom: 15px;
}

#section08 .column1 .bodycopy, #section08 .column2 .bodycopy {
    font-size: 13px;
    margin-top: 5px;
    padding: 0 6px 6px;
    line-height: 1.4;
}

#section08 .column1 p,
#section08 .column2 p {
    display: block;
    height: auto;
    overflow: hidden;
}

#section08 .column1 .bodycopy, #section08 .column2 .bodycopy {
height: auto;
}

#section08-5 .history-lineup {
font-size: 15px;
line-height: 1.7;
}


/* HISTORY */

#section08-5 h2 {
width: 100%;
}

#section08-5 .column1 img {
width: 100%;
}

#section08-5 #history_sengoku, #section08-5 #history_edo, #section08-5 #history_bakumatsu, #section08-5 .history_others {
width:96%;
margin-top: 40px;
margin-left: auto;
margin-right: auto;
}

#section08-5 .history_title {
    top: -40px;
    left: -6px;
}

#section08-5 #history_sengoku .column1, #section08-5 #history_edo .column1, #section08-5 #history_bakumatsu .column1 {
    padding: 8px;
}

#section08-5 #history_sengoku .sengoku_column2_left {
width: 50.5%;
}

#section08-5 #history_sengoku .sengoku_column2_right {
    padding: 0;
    margin-left: 1%;
    width: 48.5%;
}

#section08-5 .column2:nth-child(2) {
margin-top: 10px;
}

#section08-5 .page-sample p {
top: 5px;
}


#section08-5 .page-sample {
    height: 34vh;
}

#section08-5 .history_others {
margin-top: 0 !important;
}


/* LINEUP */

#section09 .block .column1 {
padding-top: 10px;
}

#section09 .block .item-img img {
width: 63px;
}

#section09 .bodycopy {
    font-size: 13px !important;
    padding-left: 65px;
    height: auto;
    line-height: 1.5 !important;
}

#section09 .column3 img {
    width: 98%;
}

#section09 .block .block {
margin-top: 20px;
}

#section09 .detail p {
  font-size: 16px;
}



}/* Media Query for SmartPhone */

/* ECB SP用の調整 */
@media screen and (max-width: 375px) {
  #section00 {
    height: 59vh !important;
  }
  #section08-5 .page-sample {
    height: 38vh;
  }
}
/* /ECB SP用の調整 */

/* IE7 Adjustment */

#container,
.main1c,
#shop_contents2 {
*width: 100%;
}