@charset "utf-8";
/* CSS Document */
#Item.under_page .finditem-refine-modal{
	display: none
}
#ContentsWrapper * {
 line-height: 1.6
}
#ContentsWrapper a {
 text-decoration: underline;
}
#ContentsWrapper a:hover {
 text-decoration: none;
 color: #e79a05
}
#ContentsWrapper {
 width: 100%;
 max-width: 1020px;
 margin: 0 auto;
 padding: 30px 10px;
}
#ContentsWrapper h1 {
 width: 100%;
 font-size: 35px;
 padding: 10px 10px 0px 10px;
 border-bottom: 5px dotted #f2b300;
 margin-bottom: 40px
}
#Overview {
 width: 100%;
 display: flex;
 padding: 0 30px;
}
#Overview #Left {
 width: 45%;
 margin-right: 5%;
}
#Contents #MainImage img {
 width: 100%;
 display: block;
 height: 317px;
 object-fit: cover;
 font-family: 'object-fit: cover;';
 box-sizing: border-box;
 margin-bottom: 5px;
}
#Overview #Right {
 width: 50%;
 font-weight: bold
}
#Overview #Right > dl {
 border-bottom: dotted 1px #333;
 clear: both
}
#Overview #Right > dl#Pattern {
 border-bottom: none;
 margin-bottom: 30px;
}
#Overview #Right > dl > dt, #Attribute dl dt {
 width: 105px;
 float: left;
 font-size: 16px;
 padding: 10px;
 display: flex
}
#Overview #Right > dl > dt span {
 width: 100%;
 justify-content: space-between;
 align-items: center;
 font-weight: bold;
 background: #f2c23a;
 border-radius: 3px;
 padding: 4px 0;
 text-align: center
}
#Overview #Right > dl > dd {
 margin-left: 100px;
 font-size: 16px;
 padding: 15px;
}
#Overview #Taxonomy dl dt {
 position: relative;
 width: 30px;
 text-align: right;
 padding-right: 15px;
 float: left;
}
#Overview #Taxonomy dl dt:after {
 position: absolute;
 content: ":";
 padding: 0 5px;
 right: 0;
 top: 0;
}
#Overview #Taxonomy dl dd {
 margin-left: 30px;
 margin-bottom: 10px
}
.license {
 text-align: right;
 line-height: 1.1;
}
.license a {
 font-size: 14px;
}
#Attribute {
 width: 100%;
 padding: 0 30px;
 font-weight: bold;
}
#Attribute .attribute_box {
 width: 100%;
}

#Attribute .attribute_inner{
 width: 100%;
 float: none;
 clear: both;
 overflow: hidden;
 border-bottom: dotted 1px #333;
}

#Attribute .attribute_box dl {
 width: 50%;
 float: left;
}
#Attribute dl dt span {
 width: 100%;
 justify-content: space-between;
 align-items: center;
 font-weight: bold;
 background: #f2f2f2;
 border-radius: 3px;
 padding: 4px 0;
 text-align: center
}
#Attribute dd {
 margin-left: 100px;
 font-size: 16px;
 padding: 15px;
}
#Attribute p {
 font-size: 14px;
 font-weight: normal;
 margin-bottom: 0;
 line-height: 1.2;
 text-indent: -15px;
 padding-left: 15px;
}
#Attribute li {
 display: inline;
 margin-right: 15px;
 white-space: nowrap;
}
#Text, .text {
 padding: 40px 30px;
}
#CatusText h2 {
 background: #fff3c7;
 border-left: solid 5px #f2c23a;
 padding: 28px 15px;
 width: 100%;
 font-size: 28px;
 margin-bottom: 40px
}
.text h3 {
 padding: 0px 0px 0px 15px;
 margin: 40px 0;
 border-left: solid 5px #f2b300;
 font-size: 24px
}
.text .text_image {
 margin: 0 auto 50px;
 text-align: center;
}
.text .text_image p {
 text-align: center;
 font-weight: bold;
 margin-bottom: 0
}
.text .text_image img {
 display: block;
 margin: 0 auto;
}

#Text .to_family {
 font-size: 20px;
 font-weight: bold
}
#Family {
 padding: 20px 30px 50px;
 border: dotted 3px #f2b300;
 margin-bottom: 60px;
}
#Family p {
 padding: 0 10px;
}
#Family h3 {
 font-size: 30px;
 margin-bottom: 50px;
 background: #fff3c7;
 padding: 20px 10px
}
#Family dt {
 font-size: 22px;
 font-weight: bold;
 margin: 40px 0 30px;
 border-bottom: dotted 1px #333;
}
#Family dd {
 padding: 0 10px;
}
#Family .family_matome {
 font-weight: bold;
 text-align: center;
 margin: 60px auto 30px;
 font-size: 18px;
}
#Gallery {
 display: flex;
 display: -webkit-flex;
 flex-wrap: wrap;
 justify-content: flex-start;
 width: 100%;
}
#Gallery .gallery_item {
 padding: 0 30px;
 width: 50%;
}
#Gallery .gallery_item img {
 width: 100%;
 height: auto;
 vertical-align: bottom;
 margin-bottom: 5px
}
#Gallery .gallery_item a {
 word-break: break-word
}
#Summary {
 padding: 60px 0;
}
#Summary > p, .text_catus {
 padding: 0 30px;
 margin-bottom: 50px;
 font-weight: bold
}
#Summary h2 {
 background: #fff3c7;
 border-left: solid 5px #f2c23a;
 padding: 28px 15px;
 width: 100%;
 font-size: 28px;
 margin-bottom: 40px
}
#Summary h3, #Summary h4, #ItemRelated h2, #Source h2 {
 width: 100%;
 font-size: 28px;
 padding: 10px 10px 0px 0px;
 border-bottom: 2px solid #f2b300;
 margin-bottom: 40px;
 line-height: 1.4
}
#Summary h3 span {
 font-size: 0.7em;
}
#Summary h3 span.summary_tag {
 line-height: 26px;
 position: relative;
 display: inline-block;
 height: 24px;
 margin: 0 10px 0 0;
 padding: 0px 10px 0 23px;
 text-decoration: none;
 border-radius: 3px 0 0 3px;
 background: #f2b300;
 font-size: 13px;
}
#Summary h3 span.summary_tag::before {
 position: absolute;
 top: 10px;
 left: 10px;
 width: 6px;
 height: 6px;
 content: '';
 border-radius: 10px;
 background: #fafcfc;
}
#Summary h3 span.summary_tag::after {
 position: absolute;
 top: -2px;
 right: -8px;
 width: 0;
 height: 0;
 content: '';
 border-width: 14px 0 14px 8px;
 border-style: solid;
 border-color: transparent transparent transparent #f2b300;
 border-radius: 4px;
}
#Summary .summary_box {
 margin: 0 auto 60px;
 padding: 0 30px 30px;
 border-bottom: dotted 1px #333;
}
#Summary .summary_box:last-of-type {
 border-bottom: none;
 margin-bottom: 0
}
#ItemImage {
 margin-bottom: 60px;
 padding-top: 26px;
}
#Summary h4#SiteTitle {
 font-size: 20px;
 padding: 10px 10px 0px 0px;
 margin-bottom: 30px;
 line-height: 1.4;
 border-bottom: none;
}
#Summary h4#SiteTitle span {
 font-size: 14px;
}
#Summary .summary_image {
 padding: 0 174px;
 margin: 0 auto 40px;
 text-align: center;
}
#Summary .summary_image p {
 font-weight: bold;
 margin-bottom: 0;
}
#Summary .summary_image img {
 width: 100%;
 height: auto;
 vertical-align: bottom;
}
#Summary .movie_title {
 text-align: center;
 font-weight: bold
}
#Summary .summary_link {
 text-align: center
}
#Summary .summary_link a, #Summary .summary_other li a {
 font-size: 18px;
 padding-right: 25px;
 font-weight: bold;
 background: url("../img/link.svg") no-repeat center right;
}
#Summary .summary_link a:hover {
 background: url("../img/link_on.svg") no-repeat center right;
}
#Summary .summary_other p {
 margin: 20px auto 50px;
}
#Summary .summary_other ul li:last-of-type p {
 margin: 20px auto 0;
}
#Summary .summary_box.summary_other li {
 list-style: disc outside;
 margin-bottom: 20px;
 margin-left: 20px;
}
#Source {
 padding: 60px 0 20px;
}
.source_box {
 margin: 0 auto;
 padding: 0 30px;
}
.source_box li {
 list-style: disc outside;
 margin-bottom: 20px;
 margin-left: 20px;
}
.source_box li a {
 white-space: pre-wrap;
 word-wrap: break-word;
}
@media screen and (min-width: 1300px) {
 #finditem-contents .result-wrapper {
  width: 920px;
  margin: 0 auto;
 }
}
@media screen and (max-width: 820px) {
 #ContentsWrapper a {
  text-decoration: underline;
 }
 #ContentsWrapper h1 {
  font-size: 18px;
  padding: 5px 10px;
  border-bottom: 4px dotted #f2b300;
  margin-bottom: 30px;
 }
 #Overview {
  width: 100%;
  display: flex;
  padding: 0 10px;
 }
 #Overview #Right {
  padding-left: 10px;
 }
 #Overview #Right > dl > dt, #Attribute dl dt {
  width: 76px;
  padding: 10px 0;
  font-size: 14px;
 }
 #Overview #Right > dl > dd {
  margin-left: 75px;
  font-size: 14px;
 }
 #Overview #Attribute div a {
  text-decoration: none;
 }
 .license {
  font-size: 13px;
 }
 #Attribute {
  padding: 0 10px;
 }
 #Attribute .attribute_box {
  width: 100%;
  display: flex;
 }

 #Attribute .attribute_box dl {
    width: 100%;
    clear: both;
    border-bottom: dotted 1px #333;
  }
#Attribute .attribute_inner {
  border-bottom:none;
}

 #Attribute dd {
  margin-left: 75px;
  font-size: 14px;
  padding: 15px 15px 5px 15px;
 }
 #Attribute li {
  display: inline;
  margin-right: 15px;
 }
 #Overview #Right > dl#Pattern {
  border-bottom: dotted 1px #333;
 }
 #Text, .text {
  padding: 40px 10px;
 }
 #CatusText h2 {
  font-size: 18px;
  margin-bottom: 30px;
  padding: 20px 15px;
 }

 .text h3 {
  font-size: 18px;
  margin: 30px 0;
 }
 #Gallery .gallery_item {
  padding: 0 10px;
  width: 50%;
 }
 #Summary {
  padding: 60px 0;
 }
 #Summary > p {
  padding: 0 10px;
 }
 #Summary h2 {
  font-size: 18px;
  margin-bottom: 30px;
  padding: 20px 15px;
 }
 #Summary h3, #Summary h4, #ItemRelated h2, #Source h2 {
  font-size: 17px;
  margin-bottom: 30px;
 }
 #Source {
  padding: 30px 0;
 }
 #Summary .summary_box {
  padding: 0 10px;
 }
 #Summary a {
  font-size: 14px;
  padding-right: 18px;
 }
}

@media screen and (min-width: 769px) {
#Attribute .attribute_box:first-child .attribute_inner:first-child{
 border-top: dotted 1px #333;
}
}

@media screen and (max-width: 768px) {
 body {
  font-size: 14px;
 }
	#Item #Accordion{
	display: none
}
 #Overview {
  display: block;
 }
 #Overview #Left {
  width: 100%;
  margin: 0 auto
 }
 #Overview#MainImage {
  max-width: 500px;
  margin: 0 auto
 }
 #Contents #MainImage img {
  height: 50vw;
 }
 #Overview #Right {
  width: 100%;
  padding-left: 0;
  margin: 0 auto
 }
 #Overview #Attribute {
  border-bottom: dotted 1px #333;
 }
 #Attribute .attribute_inner {
  border-bottom: none;
 }
 #Text, .text {
  padding: 20px 10px;
 }
 #Summary {
  padding: 30px 0;
 }
 #Summary > p {
  margin-bottom: 20px;
 }
 #Summary .summary_box {
  margin: 0 auto 20px;
 }
 #Summary .summary_image {
  padding: 0;
  margin: 0 auto 20px;
  max-width: 500px;
 }
 #Summary iframe {
  height: 51vw;
 }
 #Summary h3 span.summary_name {
  display: block;
  text-align: right
 }
 #Summary h3 span.summary_tag {
  line-height: 20px;
  height: 20px;
  margin: 0 10px 5px 0;
  padding: 1px 10px 0 23px;
  border-radius: 3px 0 0 3px;
  font-size: 12px;
 }
 #Summary h3 span.summary_tag::before {
  top: 8px;
  left: 10px;
  width: 4px;
  height: 4px;
 }
 #Summary h3 span.summary_tag::after {
  top: -2px;
  right: -8px;
  border-width: 12px 0 12px 8px;
 }
 .source_box a {
  font-size: 14px;
  padding-right: 18px;
 }
}
@media screen and (max-width: 500px) {
 #Attribute .attribute_inner {
  display: block;
  border: none;
 }
 #Attribute .attribute_box dl {
  width: 100%;
  clear: both;
  border-bottom: dotted 1px #333;
 }
 #Attribute .attribute_box dd {
  padding: 15px;
 }
 #Gallery .gallery_item {
  padding: 0 10px;
  width: 100%;
  margin-bottom: 10px;
 }
	
#Summary .summary_image p {
	font-size: 13px

}
}