@charset "utf-8";
/* CSS Document */
.main_img-area.column{
    width: 100%;
    height: auto;
    display: flex;
}
.bg_pattern {
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #f5edce;
  z-index: -1;
}

.Paper_v2 {
  background-image:
    repeating-linear-gradient(to bottom,
      transparent 25px,
      #ffbc6b 26px,  #ffbc6b 26px,
      transparent 27px,  transparent 51px, 
      #ffbc6b 52px,  #ffbc6b 52px,
      transparent 53px,  transparent 77px, 
      #ffbc6b 78px,  #ffbc6b 78px,
      transparent 79px,  transparent 103px, 
      #ffbc6b 104px,  #ffbc6b 104px,
      transparent 105px,  transparent 129px, 
      #ffbc6b 130px,  #ffbc6b 130px),

    repeating-linear-gradient(to right,
      transparent 25px,
      #ffbc6b 26px,  #ffbc6b 26px,
      transparent 27px,  transparent 51px, 
      #ffbc6b 52px,  #ffbc6b 52px,
      transparent 53px,  transparent 77px, 
      #ffbc6b 78px,  #ffbc6b 78px,
      transparent 79px,  transparent 103px, 
      #ffbc6b 104px,  #ffbc6b 104px,
      transparent 105px,  transparent 129px, 
      #ffbc6b 130px,  #ffbc6b 130px);
}

.left_img-area {
    width:  50%;
    text-align: center;
    padding: 2em;
    
    
}
.column_ttl_img-area {
    position: relative;
}
.column_ttl_img-area img {
    position: absolute;
    width: auto;
    height: 100px;
    left: 15%;
    /* top: 15%; */
}
.column_ttl-area {
    text-align: left;
    line-height: 3em;
    background: #ffffff;
    padding: 1.5em 2em;
    border-radius: 7px;
    margin: 81px 0 0;
    box-shadow: 8px 8px 0px 0 rgb(25, 0, 60);
}
.column_ttl-area h1{
    font-size: 32px;
}



p.column-nmb{
    background: #eb5505;
    display: inline-block;
    padding: 0.3em 0.5em;
    color: #ffffff;
    font-size: 18px;
    line-height: 1em;
}

.right_img-area {
    width: 50%;
    text-align: center;
    padding: 2em 0;
    
}
.right_img-area img{
    width: auto;
    height: 258px;
    
}
.column-dis-wrapper {
    width: 800px;
    margin: 2em auto;
}
a {
	font-weight: 600;
}
a.underline{
	text-decoration: underline;
}

.mokuji-area {
    margin-bottom: 48px;
    border: solid 2px #cdd3e5;
    padding: 1em;
    border-radius: 7px;
    background: #f3f4f7;
}
.mokuji-area p{
    font-size: 1.3em;
    margin-bottom: 0.5em;
    color: #18003b;
    font-weight: 500;
    border-bottom: solid 2px #cdd3e5;
    padding-bottom: 0.3em;
    font-weight: 700;
}
.mokuji-area ul li{
    line-height: 2em;
    font-size: 16px;
}
summary::marker {
  content: none;
  content: "";
  
}
/*IOS用*/
summary::-webkit-details-marker {
  display:none;
  
}

summary{
	cursor: pointer;
	 }
.arrow::after {
	content: "";
	cursor: pointer;
	display: inline-block;
	width: 8px;
	height: 8px;
	border-top: 2px solid #18003b;
	border-right: 2px solid #18003b;
	transform: rotate(45deg);
	transition: all 0.3s;
	margin-left: 0.5em;
    float: right;
	}

.arrow.rotate::after  {
	transform: rotate(135deg);
	}

p.column-txt {
    margin-bottom: 32px;
    font-size: 16px;
    line-height: 2em;
}
ul.contents-insert {
  margin-left: 1em;
}
.column-dis-wrapper section {
    margin-bottom: 60px;
}
h2.column-ttl02{
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 32px;
  /* margin-top: 14px!important; */
  line-height: 1.5em;
  /* border: solid 1px #cdd3e5; */
  background: #f3f4f7;
  padding: 0.3em 0.5em;
}

.column-txt_img-area {
    margin-bottom: 32px;
    border: solid 1px #cccccc;
    width: 100%;
    text-align: center;
}
.column-txt_img-area.wakunashi {
    border: none;
}

.column-txt_img-area.s-img img{
    width: 50%;
    
}
.column_point-area{
    background: #f5edce;
    padding: 1em;
    border-radius: 7px;
    font-size: 16px;
    margin-bottom: 32px;
}
.column_point-area p{
  /* font-size: 1.3em; */
  /* font-weight: 500; */
  /* margin-bottom: 0.5em; */
}
.column_point-area p {
    line-height: 2em;
}
.column_point-area p.lh-13 {
	line-height: 1.3em;
}
.column_point-area img{
    margin: 0.5em 0;
}
.column_point-area p.nomal-txt{
  font-weight: unset;
  font-size: 16px;
  margin-bottom: unset;
  line-height: 1.5em;
}
.column_point-area ol li{
    list-style: none;
    margin-left: unset;
    line-height: 2em;
}
h3.column-ttl_03{
  font-size: 20px;
  font-weight:700;
  margin-bottom: 32px;
  border-left: solid 7px #cdd3e5;
  background: #f3f4f7;
  padding: 0.5em 0 0.5em 0.3em;
  max-width: 100%;
}
h4.column-ttl_04{
	font-weight: 600;
	font-size: 20px;
	margin-bottom: 0.5em;
}
.column_item-area {
    text-align: center;
    max-width: 50%;
    min-width: 30%;
    margin: 1em auto;
}
.column_item-area img{max-width: 210px;}
.fex-area .column_item-area:nth-last-of-type(1){
    margin:1em 0 1em 0;
}
.column_item-area p{
    font-weight: 700;
   font-size: 1.3em;
}

a.orange-btn {
    display: inline-block;
    color: #ffffff;
    padding: 0.3em 1em;
    background: #e43c00;
    margin: 1em 0;
    border-radius: 7px;
}
a.navy-btn {
    display: inline-block;
    color: #ffffff;
    padding: 0.3em 1em;
    background: #18003b;
    margin: 1em 0;
    border-radius: 7px;
}
.column_flex-area {
    display: flex;
    vertical-align: top;
}

.column_flex-area .app_img {
    width: 15%;
    
}
.column_flex-area .app_img img{
    width: 112px;
}

.column_flex-area .app_txt {
    width: 85%;
    display: flex;
}
.column_flex-area .app_txt p{
    width: 13%;
	
}
.column_flex-area .support_app {
	width: 87%;
    display: flex;
}
.column_flex-area .app_qr{
    width: 50%;
}
.column_flex-area .app_qr a img{
    width: 60%;
    margin-right: 3%;
}
.column_flex-area .app_qr img.pc_only_qr {
    width: 35%;
    margin-right: 0;
}
.support_movie.mt_20 {
    display: flex;
    background: #ececec;
    padding: 1em;
    margin-bottom: 32px;
    border-radius: 7px;
}

.support_movie .movie_img {
    margin-right: 1.5em;
}

.support_movie .movie_img p {
    padding: 0.5em;
}.if_movie-area h4 {
    margin: 1em 0 0;
    font-weight: 700;
    background: #ffffff;
    padding: 0.3em;
    color: #000000;
    border-left: solid 5px #cdd3e5;
}
.if_movie-area iframe {
    display: inline-block;
    width: 640px;
    height: 360px;
    margin: 1em 0;
}
.if_movie-area h5 {
    font-weight: 700;
}

.movie_dis-area ul{
        margin-top: 0.5em;
    margin-bottom: 1em;
}
	.column_ttl-area h1 {
    font-size: 28px;
}
	.column_ttl-area h1 small{
    font-size: 20px;
}
	.center_img-area {
    text-align: center;
    margin: 1em 0;
}
	h3.column-ttl_03-2 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 32px;
    max-width: 100%;
}
	.column-txt_img-area.eighty img{
    width: 80%;
}
.column-txt_img-area.sixty img{
    width: 60%;
}

/*----特集・アーカイブ----*/
.column-img-area.bg_pattern.Paper_v2 {
    width: 100%;
    height: 140px;
}
.column-img-area.bg_pattern.Paper_v2 img{
    width: 70%;
    height: auto;
    display: inline-block;
    margin: 3% 0;
}
.fukidashi span.bg-orange{
	background: #e43c00;
	padding: 0 0.3em;
	margin-right: 0.3em;
	color: #ffffff;
}
.column-dis-wrapper section {
    margin-bottom: 60px;
}

a.text-link {
    display: inline-block;
    border-bottom: solid 1px;
    line-height: 1.5em;
}
.column-txt_img-area {
    position: relative;
}

p.picture-text-01 {
    position: absolute;
    padding: 0.5em;
    font-size: 1.3em;
    font-weight: 500;
}

p.picture-text-02 {
    position: absolute;
    font-size: 0.8em;
    font-weight: 500;
    background: #ffffff;
    top: 68.5%;
    left:5.5%;
    padding-right: 9em;
    z-index: 1;
}
.date-area p{
    text-align: right;
    margin: 1em 0;
}
.if_movie-area {
    background: #eeeeee;
    padding: 0.2em 1em;
    margin: 1em auto;
    border-radius: 7px;
    width: 80%;
}
p.coment {
    font-weight: 700;
    background: #cdd3e5;
    border-radius: 7px;
    padding: 0.3em 0.5em;
    margin-bottom: 1em;
}
	.flex-area {
    display: flex;
}

.flex-area.half img {
    margin-right: 1%;
    width: 49%;
}
.flex-area img:nth-last-of-type(1){
    margin-right: unset;
}
.column-ttl_05 {
    margin: 1em 0 0;
    font-weight: 700;
    background: #ffffff;
    padding: 0.3em;
    color: #000000;
    border-left: solid 5px #cdd3e5;
}
.column-ttl_05_2 {
    margin: 1em 0 0;
    font-weight: 700;
    background: #ffffff;
    padding: 0.3em;
    color: #000000;
    border-bottom: solid 3px #cdd3e5;
    font-size: 16px;
}
table.column-tbl{
    margin-bottom: 1em;
}
table.column-tbl th,
table.column-tbl td{
    border: solid 1px ;
    padding: 0.5em;
    
}
table.column-tbl th{
    background: #cdd3e5;
    font-weight: 700;
}

@media screen and (max-width: 480px) {
	.if_movie-area {
    width: 100%;
}
	.if_movie-area iframe {
    width: 309px;
    height: 175px;
}
	.column_ttl-area h1 {
    font-size: 18px;
}
    .column_ttl-area h1 small{
    font-size: 12px;
}
		.column-txt_img-area.eighty img{
    width: 100%;
}
	.column-txt_img-area.sixty img{
    width: 100%;
}
	.main_img-area.column{
    width: 100%;
    height: auto;
    display: block;
	}
	.left_img-area {
    width:  100%;
    text-align: center;
    padding: 1em 2em;
 }
	.column_ttl_img-area {
    position: relative;
}
.column_ttl_img-area img {
    position: absolute;
    width: 65%;
    height: auto;
    left: 18%;
}
	.column_ttl-area {
    line-height: 2em;
    background: #ffffff;
    margin: 40px 0 0;
    padding: 0.8em 2em;
}
	p.column-nmb{
    padding: 0.3em;
    font-size: 14px;
    line-height: 1em;
}
	.column_ttl-area h1{
    font-size: 18px;
}
	.right_img-area {
    width: 100%;
    text-align: center;
    padding: 0.5em 0;
}
	.right_img-area img{
    width: 45%;
    height: auto;
}
	.column-dis-wrapper {
    width: 90%;
    margin: 2em auto;
}
	.column-dis-wrapper section {
    margin-bottom: 0;
}
	h2.column-ttl02{
  font-size: 18px;
}
	h3.column-ttl_03{
  font-size: 16px;
  padding-right: 0.5em;
}
	p.column-txt {
    font-size: 14px;
}
	.column_point-area p{
  font-size: 14px;
  font-weight: 600;
}
	.column_point-area p.lh-13 {
    line-height: 1.3em;
}
	.column_point-area p.nomal-txt{
		font-size: 14px;
	}
	.column_point-area ol li{
    /* line-height: 1.5em; */
    font-size: 14px;
}
	.mokuji-area p{
    font-size: 16px;
    font-weight: 600;
}
.mokuji-area ul li{
    line-height: 1.5em;
    font-size: 14px;
	padding:0.3em 0;
	border-bottom: dotted 1px #cdd3e5;
		
	}
	.column_flex-area .app_qr img.pc_only_qr {
    display:none;
}
	.flex-area {
    display: block;
    width: 100%;
}
	.flex-area.half img {
    margin-right: unset;
    width: 100%;
	margin-bottom:1em;
}

.column_item-area {
    text-align: center;
    max-width: 100%;
    min-width: 100%;
    margin: 1em auto;
}

.column_item-area img{
    width: 100%;
}
	.column_item-area p{
   font-size: unset;
}
	h4.column-ttl_04 {
    font-size: 16px;
}
}