@charset "utf-8";
/* CSS Document */
body {
  font-family: 'Noto Serif JP', serif;
  letter-spacing: 0.06em;
  margin: 0;
  padding: 0;
}
header {
  margin-bottom: 50px;
}
main {
  text-align: center;
  color: #444444;
  margin-bottom: 80px;
  background-color: #ffffff;
}
h2 {
  font-size: 30px;
  font-weight: 300;
  margin-top: 80px;
  margin-bottom: 80px;
  line-height: 180%;
}
h3 {
  font-size: 24px;
  font-weight: 500;
  margin-top: 80px;
  margin-bottom: 50px;
}
.in_white {
  max-width: 100%;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.fadeIn {
  opacity: 0;
  transition: 2s;
}
.fadeIn.is-show {
  opacity: 1;
}
.fadeIn_up {
  opacity: 0;
  transform: translate(0, 50%);
  transition: 2s;
}
.fadeIn_up.is-show {
  transform: translate(0, 0);
  opacity: 1;
}
.fadeIn_left {
  opacity: 0;
  transform: translate(-50%, 0);
  transition: 2s;
}
.fadeIn_left.is-show {
  transform: translate(0, 0);
  opacity: 1;
}
.fadeIn_right {
  opacity: 0;
  transform: translate(50%, 0);
  transition: 2s;
}
.fadeIn_right.is-show {
  transform: translate(0, 0);
  opacity: 1;
}
img {
  height: auto;
}
.charity {
  background-color: #F3F3F3;
}
.price {
  font-size: 1.2em;
  font-weight: 500;
}
a {
  text-decoration: none;
}
a:link, a:visited {
  color: #323232;
}
a:hover {
  color: #CF7632;
	transition: color 1s;
}
/* /////////////////////////////////////////////////////////////////   PC用  ///////////////////////////////////////////////////////////////////////////////////////////////////////////  */
@media screen and (min-width: 641px) {
  img {
    max-width: 100%;
    height: auto;
  }
  .fair-tt {
    /*background-color: #133047;*/
    color: #000000;
    padding-top: 80px;
    padding-bottom: 50px;
    margin-bottom: 0;
    /*background-image: url(../img/charity_back_s.jpg);*/
  }
  .fair-tt h2 {
    line-height: 150%;
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .fair-tt span {
    font-size: 18px;
  }
  .in_gray {
    width: auto;
    background-color: #eeeeee;
    padding-bottom: 80px;
  }
  .about_in, .about_in2, .about_in3 {
    position: relative;
    margin-bottom: 0px;
    /*height: 500px;*/
  }
  .about_in p {
    font-size: 16px;
    padding-left: 40px;
    padding-right: 40px;
    line-height: 200%;
    text-align: left;
  }
  .about_left-con {
    /*background-color: #E6E6E6;*/
    width: 550px;
    height: auto
  }
  .about_right-con {
    width: 450px;
    /*height: 476px;
			background:rgba(230,230,230,0.8);*/
    position: absolute;
    right: 0;
    top: 80px;
  }
  .charity {
    background-image: url(../img/outline_back.jpg);
    background-repeat: repeat;
  }
	

	
	
  .official {
    background-image: url(../img/official_back.gif);
    background-repeat: repeat;
    margin-bottom: -80px;
  }
  .in_charity {
    max-width: 100%;
	/*width: 1000px;*/
    height: auto;
    position: relative;
    padding-bottom: 80px;
    background-image: url(../img/charity_back_s.jpg);
    background-repeat: repeat;
	  display: flex;
    justify-content: center;
  }
	
  .in_official {
    width: 100%;
	/*width: 1000px;*/
    height: auto;
    position: relative;
    padding-bottom: 80px;
    background-image: url(../img/official_back.gif);
    background-repeat: repeat;
	  display: flex;
    justify-content: center;
  }
	
	
	
  .fair-con {
    width: 100%;
   width: 1000px;
    margin-left: 100px;
    /*    margin-left: auto;
    margin-right: auto;*/
    margin-top: 0px;
    padding-top: 0px;
    text-align: center;
    background-image: url(../img/outline_back.jpg);
    background-repeat: no-repeat;
    background-position: 100% 100%;
	  
  }
	
	 .fair-con-a {
    width: 100%;
   width: 1000px;
    margin-left: 100px;
    /*    margin-left: auto;
    margin-right: auto;*/
    margin-top: 0px;
    padding-top: 0px;
    text-align: center;
    background-image: url(../img/official_back.gif);
    background-repeat: repeat;
    background-position: 100% 100%;
	  
  }
	
	
  .fair-con5 {
    width: 100%;
  /*  width: 800px;*/
    margin-left: 200px;
    /*    margin-left: auto;
    margin-right: auto;*/
    margin-top: 0px;
    padding-top: 0px;
    text-align: center;
    background-image: url("../img/official_back.gif");
    background-repeat: no-repeat;
    background-position: 100% 100%;
  }
  .fair-con-a table {
    margin-top: 100px;
    padding-left: 50px;
  }
  .fair-con-a table tr {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .fair-con-a table th {
    width: 30%;
  }
  .fair-con-a table td {
    width: 60%;
  }
  .tate_outline {
    margin-left: 10px;
  }
  .fair-con_in1 p {
    margin-top: 80px;
    margin-left: 20px;
    line-height: 250%;
  }
  .recommned p {
    line-height: 200%;
  }
  .spec {
    margin-top: 40px;
  }
  .notice {
    font-size: 14px;
    margin-top: 40px;
  }
  .col {
    width: 95%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
	
  .col0 {
    width: 95%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }	
  .col table {
    font-weight: 100;
  }
  .col th {
    font-weight: 100;
    width: 30%;
    vertical-align: top;
  }
  .col td {
    width: 65%;
  }
  .col1, .col2, .col3 {
    display: flex;
    margin-bottom: 50px;
    align-items: flex-start;
  }
  .col-txt {
    line-height: 250%;
    width: 600px;
    margin-left: 20px;
    margin-right: 20px;
    text-align: left;
  }
  .col-txt h3 {
    text-align: center;
  }
  .col-more {
    margin-top: 20px;
    margin-right: 0;
  }
  .more_txt {
    margin-top: 200px;
  }
  .kifu {
    background-color: #F7F0EE;
    margin-top: 0;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 0;
  }
  .kifu_in {
    position: relative;
    display: flex;
  }
  .kifu_in_tate {
    margin-right: 20px;
  }

	
  footer {
    margin-top: 0;
    background-image: url(../img/footer_back_s.jpg);
    background-repeat: repeat;
    height: 240px;
    width: 100%;
    text-align: center;
  }
  .footer_in {
    /*background-image: url(../img/footer_back.jpg);*/
    font-size: 14px;
    color: #ffffff;
    line-height: 260px;
  }
  .img2 {
    margin-top: -150px;
  }
  img {
    transition: 1.0s;
  }
  a:hover img {
    opacity: 0.6;
  }
  .pc-none {
    display: none;
  }
  header {
    background-image: url("../img/head-img-bg_sd.jpg");
    background-repeat: repeat;
    padding-top: 0;
    padding-bottom: 0px;
    margin-bottom: 0px;
	width: 100%;  
  }
  .header-in {
    color: rgba(0, 0, 0, 0.85);
    background-image: url("../img/head-img-bg.jpg");
    background-repeat: no-repeat;
    background-position: 0px;
width:95%;
	  max-width: 1367px;
    height: auto;
	  max-height: 600px;

    margin-left: auto;
    margin-right: auto;
    margin-top: -30px;
    margin-bottom: 0px;
    padding-top: 35px;
    padding-bottom: 50px;
  }
  header h1 {
    color: rgba(25, 25, 25, 1.00);
    font-family: 'Noto Serif JP', serif;
    font-weight: 600;
    /*font-size:2.5vw;*/
    font-size: 40px;
    letter-spacing: 0.076em;
    text-align: center;
	    }

	header p {
    width: 100%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
    line-height: 250%;
  }
  .h-date {
    text-align: center;
  }
  header em {
    font-style: normal;
    text-align: center;
    font-size: 22px;
    border: 1px solid;
    border-color: rgba(25, 25, 25, 1.00);
    padding-top: 10px;
    padding-bottom: 12px;
    padding-left: 20px;
    padding-right: 20px;
  }
  h1 span {
    letter-spacing: 0.02em;
  }
  img {
    max-width: 100%;
  }
  .about {
    width: 100%;
    background-color: rgba(0, 0, 0, 1.00);
    /*height: auto;*/
    color: WHITE;
    height: 1400px;
    margin-bottom: -25px;
  }
  .about_in {
    width: 95%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
  }
  .about_h2 {
    color: white;
    font-size: 30px;
    letter-spacing: 1px;
    margin-top: 0px;
    margin-bottom: 30px;
    position: inherit !important;
  }
  .ccl {
    position: ini
  }
  .about h2 em {
    font-size: 20px;
    font-style: normal;
    letter-spacing: 1px;
    margin-bottom: -20px;
    display: block;
  }
  .about p {
    color: rgba(163, 163, 163, 1.00);
    margin-bottom: 50px;
    font-weight: 100;
  }
  .about p em {
    font-size: 20px;
    font-style: normal;
    text-align: center;
    border: 1px solid rgba(116, 116, 116, 1.00);
    padding-top: 15px;
    padding-bottom: 18px;
    padding-left: 130px;
    padding-right: 130px;
  }
  .gaiyo {
    width: 1000px;
    max-width: 100%;
    text-align: left;
    line-height: 200%;
  }
  .gaiyo em {
    font-size: 0.8em;
    line-height: 120%;
    font-style: normal;
    padding-top: 20px;
  }
  .gaiyo th, .gaiyo td {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .gaiyo th {
    width: 220px;
    max-width: 100%;
    font-weight: 100;
    vertical-align: top;
  }
  .gaiyo td {
    width: 675px;
    max-width: 100%;
    padding-left: 20px;
  }
  .tt-x {
    padding: 25px;
    position: relative;
    text-align: center;
    width: 450px;
    margin-left: auto;
    margin-right: auto;
  }
  .tt-x:before, .tt-x:after {
    content: '';
    width: 25px;
    height: 25px;
    position: absolute;
  }
  .tt-x::before {
    border-left: solid 1px #000000;
    border-top: solid 1px #000000;
    top: 0;
    left: 0;
  }
  .tt-x::after {
    border-right: solid 1px #000000;
    border-bottom: solid 1px #000000;
    bottom: 0;
    right: 0;
  }

	.about a:link,.about a:visited {color: #B1B1B1;
	}

.about a:hover {color:#CF7632;
	transition: color 1s;
	
}
	
}
/* /////////////////////////////////////////////////////////////////   SP用     ///////////////////////////////////////////////////////////////////////////////////////////////////////////  */
@media screen and (max-width: 640px) {
  /* 480px以下に適用されるCSS（スマホ用） */
  body {
    margin: 0;
    padding: 0;
    margin-top: 0px;
  }
  header {
    margin-top: 0;
  }
  .sp-none {
    display: none;
  }
  img {
    width: 100%;
  }
  .sp-imgrop {
    margin-top: 0px;
    margin-bottom: -10px;
  }
  h2 {
    font-size: 22px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 130%;
  }
  h3 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  header {
    background-image: url("../img/head-img-bg.jpg");
    background-repeat: repeat;
    padding-top: 0;
    padding-bottom: 0px;
    margin-bottom: 0px;
  }
  .header-in {
    color: rgba(0, 0, 0, 0.85);
    /*background-image: url("../img/head-img-bg.jpg");*/
    background-repeat: no-repeat;
    background-position: 0px;
    width: 95%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 35px;
    padding-bottom: 50px;
  }
  header h1 {
    color: rgba(25, 25, 25, 1.00);
    font-family: 'Noto Serif JP', serif;
    font-weight: 600;
    /*font-size:2.5vw;*/
    font-size: 24px;
    letter-spacing: 0.076em;
    text-align: center;
  }
  header p {
    width: 95%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    line-height: 200%;
  }
  .h-date {
    text-align: center;
    font-style: normal;
    font-size: 20px;
    border: 1px solid;
    border-color: rgba(25, 25, 25, 1.00);
    padding-top: 10px;
    padding-bottom: 12px;
    padding-left: auto;
    padding-right: auto;
    width: 95%;
    margin-bottom: 20px;
  }
  header em {
    font-style: normal;
    text-align: center;
    font-size: 22px;
    border: 1px solid;
    border-color: rgba(25, 25, 25, 1.00);
    padding-top: 10px;
    padding-bottom: 12px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .about {
    background-color: black;
    margin-top: -50px;
    padding-top: 30px;
  }
  .about_in {
    background-image: url(../img/sp_model-bg.jpg);
    background-repeat: repeat;
    color: #CBCBCB;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
  .about_h2 {
    color: white;
    font-size: 22px;
    letter-spacing: 1px;
    margin-top: 30px;
    margin-bottom: 30px;
    position: inherit !important;
  }
  .about h2 em {
    font-size: 16px;
    font-style: normal;
    letter-spacing: 1px;
    margin-bottom: 0px;
    display: block;
  }
  .about_in p {
    font-size: 12px;
    line-height: 150%;
    text-align: center;
    margin-bottom: 20px;
  }
  .about p em {
    display: block;
    font-size: 18px;
    font-style: normal;
    text-align: center;
    border: 1px solid rgba(116, 116, 116, 1.00);
    padding-top: 10px;
    padding-bottom: 10px;
    width: 70%;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
  }
  .ccl {
    margin-bottom: 30px;
    padding-bottom: 50px;
    text-align: center;
  }
  .about_left-con {
    /*background-color: #E6E6E6;*/
    width: 85%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }
  .about_right-con {
    width: 90%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }
	
.about a:link,.about a:visited {color: #B1B1B1;
	}

.about a:hover {color:#CF7632;
	transition: color 1s;
	
}
	
  .charity {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../img/outline_back.jpg);
    color: #424242;
    margin-top: -30px;
  }
  .kifu {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    color: #424242;
    margin-top: -30px;
    padding-top: 50px;
    background-color: #F7F0EE;
    padding-bottom: 0px;
  }
  .charity h2, .kifu h2 {
    margin-bottom: -20px;
  }
  .in_charity, .kifu_in {
 /*   width: 1000px;*/
	width: 95%;
	 margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-bottom: 80px;
    font-size: 14px;
  }
  .in_charity h5, .kifu_in h5 {
    font-size: 18px;
    text-align: center;
    margin-top: 30px;
  }
  .kifu h3 {
    font-size: 18px;
  }
  .in_charity em {
    font-size: 1.2em;
    font-style: normal;
    font-weight: 600;
  }
  .kifu_in h3 {
    font-size: 20px;
  }
  .fair-tt {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .fair-tt h2 {
    line-height: 150%;
    margin-top: 0;
    margin-bottom: 5px;
    padding-top: 20px;
  }
  .sstxt {
    font-size: 12px;
    padding-top: 20px !important;
    line-height: 120% !important;
    text-align: left !important;
  }
  .in_gray {
    width: auto;
    background-color: #eeeeee;
    padding-bottom: 80px;
  }
  .fair-con {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
  }
  .fair-con_in1 {
    width: 100%;
    text-align: left;
    margin-bottom: 30px;
  }
  .official {
    background-image: url(../img/official_back.gif);
    padding-bottom: 80px;
    margin-bottom: -80px;
  }
  .in_official h5 {
    margin-bottom: 0px;
  }
  footer {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #1f1f1f;
    text-align: center;
    color: #ffffff;
  }
  footer p {
    padding-top: 0px;
    font-size: 14px;
    color: #ffffff;
  }
  img {
    transition: 1.0s;
  }
  a:hover img {
    opacity: 0.6;
  }
}