@charset "UTF-8";
@import url("grid.css");

img {
	max-width:100%;
	height: auto;/*高さ自動*/
}
a {
    /*display:block;*/
    color: #6B4B39;
    text-decoration-line: underline;
}
a:hover { 
    color: #e0a39d;
}



@media screen and (min-width: 768px){

#open,#close {
    display: none !important;
}

#navi {
    display: block !important;
}
}

/*メイン画像
-------------------------------------*/
.mainimg img {

}

/*fonts
-------------------------------------*/
.m-plus-rounded-1c-regular {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.m-plus-rounded-1c-medium {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.m-plus-rounded-1c-bold {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.m-plus-rounded-1c-extrabold {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.font-ani{
	font-family: "M PLUS 1p", sans-serif;
	font-weight: 400;
	font-style: normal;
	transform: rotate(0.05deg);
}

/*メインコンテンツ
-------------------------------------*/

body{

}

main {
    /*margin: 5rem 0 0 0;*/

}
section {
	/*margin: 5rem 0;
	padding: 2rem 0 3rem 0;*/
}

.logo_center{
	text-align: center;
}

.bg_w{
	background-color: #fff;
}

.bg_toppink{
		background-image: url("../img/hdr/lil_bg_s.png");
		background-repeat: repeat-x;
		height: 50px;
		
}

.bg_beige{
		background-image: url("../img/common/bg_beige.jpg");
		background-size:cover;
		background-position:50%;
		background-repeat: repeat-y;
}

.bg_pink{
	    background-image: url("../img/common/bg_pink.jpg");
		background-size:cover;
		background-position:50%;
		background-repeat: repeat-y;
}



.bg_orange{
	    background-image: url("../img/other/bg_orange.jpg");
		background-repeat: repeat;
}

.bg_yellow{
	    background-image: url("../img/other/bg_yellow.jpg");
		background-repeat: repeat;
}


.w_area{
	padding: 1em;
}

.u_txt{
	padding-top: 2em;
}

.txt_setu_hiduke{
	font-size: 1.7em;
	font-weight: bold;
	color:#8F0508;
	padding: 0.5em;
	text-shadow    : 
		2px  2px 1px #fff,
		-2px  2px 1px #fff,
		2px -2px 1px #fff,
		-2px -2px 1px #fff,
		2px  0px 1px #fff,
		0px  2px 1px #fff,
		-2px  0px 1px #fff,
		0px -2px 1px #fff;
	text-align: center;
}

.txt_setu{
	font-size: 1.3em;
	font-weight: bold;
	color:#000;
	padding: 0.5em;
	text-shadow    : 
		2px  2px 1px #fff,
		-2px  2px 1px #fff,
		2px -2px 1px #fff,
		-2px -2px 1px #fff,
		2px  0px 1px #fff,
		0px  2px 1px #fff,
		-2px  0px 1px #fff,
		0px -2px 1px #fff;
}

.txt_inherit{
	font-size: inherit !important;
}

.txt_09{
	font-size: 0.9em;
}

.txt_08{
	font-size: 0.8em;
}

.txtsmall{
	font-size: 0.8em;
}

.txt_s{
	font-size: 0.8em;
}

.contact_waku{
    border: 2px solid #a3d801;
    border-radius: 10px;
    background-color: #fff;
    padding: 1em;
	margin-bottom: 2em;
    background-color: #fffcee;
	line-height: 280%;
}

.marker_y {
 	color: #D82E63;
    background:linear-gradient(transparent 60%, #ff6 60%);
 
}

.font-small{
	font-size: 0.7em;
}


.indnt{
	padding-left: 2em;
	text-indent: -1em;
}

.indnt2{
	padding-left: 2em;
}


/*header menu*/



.lv_1{
	font-size: 14px !important;
	margin-left: 0 !important;
}


/*ページネーション*/
	.pager .pagination {
	  text-align: center;
	  font-size: 0.8em;
	}

	.pager .pagination li {
	  display: inline;
	  margin: 0 2px;
	  padding: 0;
	  display: inline-block;
	  width: 50px;
	  height: 50px;
	  text-align: center;
	  position: relative;
	  border-radius: 10px;
	}


	.pager .pagination li a{
	  vertical-align: middle;
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  text-align: center;
	  display:table;
	  text-decoration: none;
	  -webkit-transition: all 0.3s ease;
	  -moz-transition: all 0.3s ease;
	  -o-transition: all 0.3s ease;
	  transition: all  0.3s ease;
	}

	.pager .pagination li a span{
	  display:table-cell;
	  vertical-align:middle;
	}

	.pager .pagination li a:hover,
	.pager .pagination li a.active{
	  color: #fff;
	  background: #adb3c3;
	}

	@media only screen and (max-width: 767px){
	  .pager .pagination li{
		display: none;
	  }

	  .pager .pagination li.pre,
	  .pager .pagination li.next{
		display: inline-block;
		width: 40%;
		height: 50px;
		text-align: center;
	  }

	  .pager .pagination li.pre a,
	  .pager .pagination li.next a{
		width: 100%;
		text-align: center;
	  }

	  .pager .pagination li.pre span::after{
		content: "　前へ";
	  }

	  .pager .pagination li.next span::before{
		content: "次へ　";
	  }

	}


/* top 新着 */

.menu_bn2 img{
	width:47%;
	margin: 1%;
	border: 5px solid #fbe59a;
    border-radius: 10px;
}

.top_contents_title{
	font-weight: bold;
	font-size: 1em;
	line-height: 1.2em;
	padding: 0.5em 1em 0.2em;
}

 a .top_contents_title{
	color:#5cbdf2;
}

.top_contents_setu{
	font-size: 0.8em;
	line-height: 1.8em;
	padding: 1em;
}

a .top_contents_title{
	text-decoration: none;
}

.oshirase_list{
	margin: 1em 2em;
	border-bottom: 1px dashed #9dd06b;
}

.oshirase_ymd{
	font-size: 0.8em;
	float: left;
	padding-right: 1em;
}
.oshirase_setu{
	padding-left: 2em;
	font-size: 0.8em;
}

.shin_c2{
	width: 50%;
	float: left;
}
.shin_c2:after {
   content: "";
   display: block;
   clear: both;
}

/*contents all*/

.contents_setumei{
	padding: 1em 0;
}

.setumei_txt{
	font-size: 0.9em;
}

.hdrtxt{
	font-size: 0.6em;
	background-color: #0085B2;
	text-align: center;
	color: #fff;
}

h2{
	margin-bottom: 0px !important;
}

.h2title{
    padding: 0.8rem 0;
    margin-bottom: 0.8em !important;
    background-image: linear-gradient(90deg, #0085B2 0 20%, #000 20%);
    background-repeat: no-repeat;
    background-size: 100% 3%;
    background-position: bottom;
    color: #323232;
    font-weight: 600;
    font-size: 28px;
}

.h3title{
    margin: 0.5em 0;
    padding: 0.2em 1.5em 0 0.7em;
    background-color: #0085B2;
    color: #ffffff;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 0.8em !important;
}

.tbl-hissu{
	color: #D80000;
}

.koumoku-hissu{
	background-color: #fbdede !important;
}

.p_naiyo{
	/*font-size: 0.9em;*/
}

.btn--blue,
a.btn--blue {
  color: #fff;
  background-color: #0085b2;
  
}
.btn--blue:hover,
a.btn--blue:hover {
  color: #0085b2;
  background: #fff;
  border: 1px solid #0085b2;
}

a.btn--radius {
	border-radius: 100vh;
	padding: 1em 6em;
	font-size: 1em;
	font-weight: bold;
}


.btn_m {
  align-items: center;
  box-sizing: border-box;
  text-decoration: none;
  transition-duration: 0.3s;
}
.btn_m:hover {
}

.btn_m2 {
  align-items: center;
  box-sizing: border-box;
  text-decoration: none;
  transition-duration: 0.3s;
}
.btn_m2:hover {

}

/*clearfix*/
.clearfix::after {
   content: "";
   display: block;
   clear: both;
}

/*youtube*/

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


/*キャッチコピー
-------------------------------------*/
.catch {
    text-align: center;
}
.catch h2 {
    padding-bottom: 1rem;
}

.center {
	text-align: center;
	margin-bottom: 4rem;
}

/*ヘッダー
-------------------------------------*/
.hdrarea{
	display:flex;
	align-items: center;
	background-color: #6B4B39;
}


/*table
-------------------------------------*/
/*.table {
	margin: 4rem 0;
}
.table th {
	width: 250px;
}*/

table {
  margin: 20px auto;
}

.tbl-r02 {
  width: 94%;
}
	
.tbl-r02 th {
  background: #ededed;
  border: solid 1px #ccc;
  color: #000;
  padding: 10px 0 10px 1em;
  border-top: solid 1px #ccc;
  border-left: none;
  border-right: none;
  font-weight: normal;
  /*width: 30%;*/
}
.tbl-r02 td {
　border: solid 1px #ccc;
  padding: 10px;
  border-top: solid 1px #ccc;
  font-weight: normal;
}

.tbl-r03 {
  width: 94%;
}
.tbl-r03 th {
  background: #DDDDDD;
  border: solid 1px #ccc;
  color: #000;
  padding: 10px 0 10px 1em;
  border-top: solid 1px #ccc;
  font-size: 0.8em;
  font-weight: normal;
  width: 30%;
}
.tbl-r03 td {
　border: solid 1px #ccc;
  padding: 10px;
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  border-right: solid 1px #ccc;
  font-size: 0.8em;
  font-weight: normal;
}
.tbl-r04 td {
　border: solid 1px #ccc;
  padding: 10px;
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  border-right: solid 1px #ccc;
  font-weight: normal;
}
.tbl-r04 th {
  background: #fef6d2;
  border: solid 1px #ccc;
  color: #000;
  padding: 3px 0 3px 1em;
  border-top: solid 1px #ccc;
  font-size: 1.2em;
  font-weight: bold;
  width: 30%;
}

.tbl-r04k td {
　border: solid 1px #ccc;
  padding: 10px;
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  border-right: solid 1px #ccc;
  font-weight: normal;
}
.tbl-r04k th {
  background: #d8eced;
  border: solid 1px #ccc;
  color: #000;
  padding: 3px 0 3px 1em;
  border-top: solid 1px #ccc;
  font-size: 1.2em;
  font-weight: bold;
  width: 30%;
}
/*float
-------------------------------------*/

.floatleftimg{
  float: right;
  padding-left: 2em
}

.floatrightimg{
  float: right;
  padding-left: 2em
}

/*txt
-------------------------------------*/

.nowrap{
	white-space: nowrap !important;
}

.font_s{
	font-size: 0.8em !important;
}

.font_ss{
	font-size: 0.7em !important;
}

.font_bold{
	font-weight: bold;
}

.fontred{
	color: #D80000;
}

.fontred{
	color: #D80000;
}

.p_indent{
  padding-left: 1em;
  text-indent: -1em;
}

.txt_highlight{
	background-color: #fef6d2;
	padding: 2px 2px 2px 1em;
	margin-bottom: 0.5em;
}

.txt_white{
	color: #fff;
}

.txt_black{
	color: #000;
}

.ha_sd_kakioroshichuki{
	text-align: left;
	margin-bottom: 1em;
}

/*form
--------------------------------------*/

.textarea {
	width: 100%;
	height: 300px;
}

.btn_off{
	color: #000;
	background-color: #e5e5e5;
	border-color: #e5e5e5;
}


/*img
-------------------------------------*/

.c2img{
	width: 94%;
	margin: 0 auto;
	padding: 1em 0;
}

.c2img img{
	width: 49%;
	padding: 0 1%;
}

.c3img{
	width: 94%;
	margin: 0 auto;
	padding: 1em 0;
}

.c3img img{
	width: 32.2%;
	padding: 0 0.15%;
}

.jirori_logo{
	width: 28%;
	margin-right: 0.5em;
	vertical-align: middle;
}

.jirori_logoshita{
	margin-bottom: 0.6em;
}


/*top
------------------------------------*/

#containertop{
	padding: 0em 0 2em;
	text-align: center;
}

.main4menu{
	padding: 1em 0 3em;
}

.maincatch {
    font-size: 1.6em;
    font-weight: bold;
    line-height: 180%;
    text-align: center;
    color: #dc641c;
}

/*.anipla_catch_txt {
    font-size: 1.4em;
    font-weight: bold;
    line-height: 180%;
    text-align: center;
    padding: 1em 0.5em 2em;
}

.anipla_catch_txtkakko_m{
    vertical-align: 6%;
    margin: 0px 0px 5px 0px;
}

.anipla_catch_txtkakko_u{
    vertical-align: 8%;
    margin: 0px 0px 5px 0px;
}*/


.fadeUp{
animation-name:fadeUpAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(150px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}

.fadeUpTrigger{
    opacity: 0;
}

.main3title{
    text-align: center;
	padding: 3em 0 0;
}

.midashititle{
	font-size: 1.3em;
	font-weight: bold;
	padding: 1em 0.9em;
	color: #0085b2;
}

.midashititle_p{
	font-size: 1.3em;
	font-weight: bold;
	padding: 0em 0.9em;
	color: #0085b2;
	background: transparent;
	border-left: solid 5px #0085b2;
	margin: 1em 0;
}

.btn01 a {
	display: flex;
	/* justify-content: center; */
	align-items: center;
	position: relative;
	width: 94%;
	height: 5.5em;
	color: #333;
	font-size: 18px;
	/* text-align: left; */
	font-weight: 700;
	text-decoration: none;
	transition: 0.3s;
	background-color: #fff;
	border: 1px solid #0286b3;
	border-radius: 10px;
	font-size: 1em;
	padding: 1em;
	border-left: solid 7px #73B9FF;
	margin: 0.8em;

}

.btn01 a:hover {
	color: #f2f2f2;
}

.btn01 a::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 20px;
	transform: rotate(45deg) translateY(-50%);
	width: 15px;
	height: 15px;
	border-width: 3px 3px 0 0;
	border-style: solid;
	border-color: #73B9FF;
}

.btn01 a:hover {
	background-color: #a0ccf7;
	color: #fff
	border: 1px solid #333;
    border-left: solid 7px #0085b2;
}

.btn01 a:hover::after {
	border-color: #f2f2f2 #f2f2f2 transparent transparent;
}

.btn02 a {
	display: flex;
	/* justify-content: center; */
	align-items: center;
	position: relative;
	width: 94%;
	height: 5.5em;
	color: #333;
	font-size: 18px;
	/* text-align: left; */
	font-weight: 700;
	text-decoration: none;
	transition: 0.3s;
	background-color: #fff;
	border: 1px solid #0286b3;
	border-radius: 10px;
	font-size: 1em;
	padding: 1em;
	border-left: solid 7px #ed9b7f;
	margin: 0.8em;

}

.btn02 a:hover {
	color: #f2f2f2;
}

.btn02 a::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 20px;
	transform: rotate(45deg) translateY(-50%);
	width: 15px;
	height: 15px;
	border-width: 3px 3px 0 0;
	border-style: solid;
	border-color: #ed9b7f;
}

.btn02 a:hover {
	background-color: #ed9b7f;
	color: #fff
	border: 1px solid #333;
    border-left: solid 7px #0085b2;
}

.btn02 a:hover::after {
	border-color: #f2f2f2 #f2f2f2 transparent transparent;
}


.btn03 a {
	display: flex;
	/* justify-content: center; */
	align-items: center;
	position: relative;
	width: 94%;
	height: 5.5em;
	color: #333;
	font-size: 18px;
	/* text-align: left; */
	font-weight: 700;
	text-decoration: none;
	transition: 0.3s;
	background-color: #fff;
	border: 1px solid #0286b3;
	border-radius: 10px;
	font-size: 1em;
	padding: 1em;
	border-left: solid 7px #A56189;
	margin: 0.8em;

}

.btn03 a:hover {
	color: #f2f2f2;
}

.btn03 a::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 20px;
	transform: rotate(45deg) translateY(-50%);
	width: 15px;
	height: 15px;
	border-width: 3px 3px 0 0;
	border-style: solid;
	border-color: #A56189;
}

.btn03 a:hover {
	background-color: #c18aab;
	color: #fff
	border: 1px solid #333;
    border-left: solid 7px #0085b2;
}

.btn03 a:hover::after {
	border-color: #f2f2f2 #f2f2f2 transparent transparent;
}

.btn04 a {
	display: flex;
	/* justify-content: center; */
	align-items: center;
	position: relative;
	width: 94%;
	height: 5.5em;
	color: #333;
	font-size: 18px;
	/* text-align: left; */
	font-weight: 700;
	text-decoration: none;
	transition: 0.3s;
	background-color: #fff;
	border: 1px solid #0286b3;
	border-radius: 10px;
	font-size: 1em;
	padding: 1em;
	border-left: solid 7px #8A8D14;
	margin: 0.8em;

}

.btn04 a:hover {
	color: #f2f2f2;
}

.btn04 a::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 20px;
	transform: rotate(45deg) translateY(-50%);
	width: 15px;
	height: 15px;
	border-width: 3px 3px 0 0;
	border-style: solid;
	border-color: #8A8D14;
}

.btn04 a:hover {
	background-color: #8A8D14;
	color: #fff
	border: 1px solid #333;
    border-left: solid 7px #0085b2;
}

.btn04 a:hover::after {
	border-color: #f2f2f2 #f2f2f2 transparent transparent;
}


.btn05 a {
	display: flex;
	/* justify-content: center; */
	align-items: center;
	position: relative;
	width: 94%;
	height: 5.5em;
	color: #333;
	font-size: 18px;
	/* text-align: left; */
	font-weight: 700;
	text-decoration: none;
	transition: 0.3s;
	background-color: #fff;
	border: 1px solid #0286b3;
	border-radius: 10px;
	font-size: 1em;
	padding: 1em;
	border-left: solid 7px #73B9FF;
	margin: 0.8em;

}

.btn05 a:hover {
	color: #f2f2f2;
}

.btn05 a::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 20px;
	transform: rotate(45deg) translateY(-50%);
	width: 15px;
	height: 15px;
	border-width: 3px 3px 0 0;
	border-style: solid;
	border-color: #73B9FF;
}

.btn05 a:hover {
	background-color: #a0ccf7;
	color: #fff
	border: 1px solid #333;
    border-left: solid 7px #ed9b7f;
}

.btn05 a:hover::after {
	border-color: #f2f2f2 #f2f2f2 transparent transparent;
}

.btn06 a {
	display: flex;
	/* justify-content: center; */
	align-items: center;
	position: relative;
	width: 94%;
	height: 5.5em;
	color: #333;
	font-size: 18px;
	/* text-align: left; */
	font-weight: 700;
	text-decoration: none;
	transition: 0.3s;
	background-color: #fff;
	border: 1px solid #0286b3;
	border-radius: 10px;
	font-size: 1em;
	padding: 1em;
	border-left: solid 7px #ed9b7f;
	margin: 0.8em;

}

.btn06 a:hover {
	color: #f2f2f2;
}

.btn06 a::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 20px;
	transform: rotate(45deg) translateY(-50%);
	width: 15px;
	height: 15px;
	border-width: 3px 3px 0 0;
	border-style: solid;
	border-color: #ed9b7f;
}

.btn06 a:hover {
	background-color: #ed9b7f;
	color: #fff
	border: 1px solid #333;
    border-left: solid 7px #0085b2;
}

.btn06 a:hover::after {
	border-color: #f2f2f2 #f2f2f2 transparent transparent;
}

.btn07 a {
	display: flex;
	/* justify-content: center; */
	align-items: center;
	position: relative;
	width: 94%;
	height: 5.5em;
	color: #333;
	font-size: 18px;
	/* text-align: left; */
	font-weight: 700;
	text-decoration: none;
	transition: 0.3s;
	background-color: #fff;
	border: 1px solid #0286b3;
	border-radius: 10px;
	font-size: 1em;
	padding: 1em;
	border-left: solid 7px #c18aab;
	margin: 0.8em;

}

.btn07 a:hover {
	color: #f2f2f2;
}

.btn07 a::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 20px;
	transform: rotate(45deg) translateY(-50%);
	width: 15px;
	height: 15px;
	border-width: 3px 3px 0 0;
	border-style: solid;
	border-color: #A56189;
}

.btn07 a:hover {
	background-color: #c18aab;
	color: #fff
	border: 1px solid #333;
    border-left: solid 7px #0085b2;
}

.btn07 a:hover::after {
	border-color: #f2f2f2 #f2f2f2 transparent transparent;
}

.info_waku {
    background-color: #fff;
    padding: 2.2em;
    font-size: 1em;
}

.info_waku a{
    color: #2b81d7;
}

.info_waku2 {
    background-color: #fff;
    padding: 2.2em;
    font-size: 1em;
	margin-top: 1em;
	margin-bottom: 2em;
}

.info_waku2 a{
    color: #2b81d7;
}

.info_midashi{
	font-size: 1.3em;
	font-weight: bold;
	padding: 0em 0.9em;
	color: #0085b2;
	background: transparent;
	border-left: solid 5px #0085b2;
}

.info_date{
	float: left;
	font-weight: bold;
	/*width: 9em;*/
	font-size: 1em;
	display: flex;
	align-items: center;
}

.info_title{
	font-size: 1em;
}

.info_icon{
	font-size: 0.7em;
	padding-left: 1em;
}

.info_icon::after{
   content: "";
   display: block;
   clear: both;
}

.info_dtl{
	border-bottom: 1px solid #cccc;
	padding: 1em 0;
}

.info_kakolink{
	text-align: right;
	padding: 0.5em 0 0;
}

.midashi2 {
	padding: 0.5em;
	margin-bottom: 2em;
	color: #0085b2;
	background: #effafd;
	border-bottom: solid 3px #0085b2;
	font-size: 1.2em;
	font-weight: bold;
}

.midashi3 {
	padding: 0.5em;
	margin-bottom: 2em;
	color: #0085b2;
	border-bottom: solid 3px #0085b2;
	font-size: 1.2em;
	font-weight: bold;
}

.li_sq{
	list-style: square;
	color: #0085b2;
	margin-left: 2em;
}

.naiyo_txt{
	border: 0px solid #ccc;
	padding: 1em;
	margin: 1em;
}

.naiyo_txt_title{
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 0.5em;
}

.oshirase_title{
	font-weight: bold;
	font-size: 1.5em;
	background: #00abe5;
	text-align: center;
	color: #fff;
    margin: 0;
	border-radius: 40px;
}

.chapter_title{
	font-weight: bold;
	font-size: 1.8em;
	background: #ffffff;
	text-align: center;
	margin: 1em 0;
	border-radius: 40px;
	line-height: 150%;
	color: #dc641c;
}

.chapter_title_a{
	font-weight: bold;
	font-size: 1.8em;
	background: #00abe5;
	text-align: center;
	margin: 1em 0;
	border-radius: 40px;
	line-height: 150%;
	color: #fff;
}

.chapter_title_b{
	font-weight: bold;
	font-size: 1.8em;
	background: #fb6f1a;
	text-align: center;
	margin: 1em 0;
	border-radius: 40px;
	line-height: 150%;
	color: #fff;
}

.chapter_title_c{
	font-weight: bold;
	font-size: 1.8em;
	background: #fff;
	text-align: center;
	margin: 1em 0;
	border-radius: 40px;
	line-height: 150%;
	color: #00abe5;
}

/* ani_contentes*/

.lil_img{
	width: 19%;
	padding: 0.5%;
}

.hanbai_a_area{
	background-color: #f9f3d4;
	padding: 1em;
	margin: 1em;
}

.hanbai_b_area{
	background-color:#fff;
	padding: 1em;
	margin: 1em;
}

.ani_img100{
	width: 100%;
	padding:1em 0;
}

.ani_img50{
	width: 48%;
	padding:1em 0.5% 1em;
}

.anip_txt_kyocyo{
	font-weight: bold;
	font-size: 1.2em;
}

.kuro_kyocyo{
	font-weight: bold;
}

.chapter_title_sub_area{
	width: 98%;
	margin:2em 0.5% 4em;
	padding: 1em;
	background-color: #ffc107;
}

.chapter_title_sub{
	font-size: 1.8em;
	font-weight: bold;
	text-align: center;
}

.anip_jf_senko_txtarea{
	text-align: center
	
}

.anip_jf_senko_txtarea_catch{
	font-weight: bold;
	font-size: 2.2em;
	color:#e36417;
}

.anip_item_3c{
	width: 32.3%;
	margin:1em 0.5% 1em;
	padding: 1em;
	float: left;
	background-color: #fff;
}

.anip_item_3c_less{
	width: 48% !important;
	margin: 1em 1% 1em !important;
	padding: 1em;
	float: left;
	margin: auto;
	background-color: #fff;
}

.anip_syohin_title_s{
	font-size: 0.6em;
	line-height: 100%;
	font-weight: inherit;
}

.yokonarabe{
	overflow:hidden;
	width:66%;
	margin:0 auto;
}
.yokonarabe>div{
	float:left;
	width:39%;
} 

.anip_item_1c{
	width: 98%;
	margin:1em 0.5% 1em;
	padding: 1em;
	float: left;
	background-color: #fff;
}

.anip_item_2c{
	width: 48%;
	margin:1em 0.5% 1em;
	padding: 1em;
	float: left;
	background-color: #fff;
}

.anip_btn_link a{
	display: block;
	background-color: #f55c39;
	border-radius: 30px;
	width: 30%;
	padding: 0.5em 0;
	font-weight: bold;
	color: #fff;
	font-size: 1.2em;
	text-decoration: none;
}

.anip_btn_link a:hover{
	background-color: #0089ff;
}


.anip_item_senko_area{
	text-align: left;
}

.anip_item_senko{
	font-size: 0.8em;
	line-height: 140%;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background-color: #4f970e;
	width: 10em;
}

.anip_item_genteisenko{
	font-size: 0.8em;
	line-height: 140%;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background-color: #00abe5;
	width: 10em;
}

.anip_item_kaijohanbai{
	font-size: 0.8em;
	line-height: 140%;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background-color: #FB4F51;
	width: 10em;
}

.anip_item_title{
	font-size: 0.85em;
	line-height: 140%;
	font-weight: bold;
	text-align: center;
	min-height: 6em;
}

.anip_item_price{
	font-size: 0.85em;
	line-height: 140%;
	font-weight: bold;
	text-align: center;
	min-height: 3em;
}

.ani_nov_2c{
	width: 48%;
	margin:1em 0.5% 1em;
	padding: 1em;
	float: left;
	background-color: #fff;
	min-height: 10em;
}

.ani_nov_title{
	font-size: 1.6em;
	font-weight: bold;
	text-align: center;
}

.ani_nov_dtltxt{
	font-size: 0.8em;
	min-height: 5em;
}

.ani_nov_dtltxt_kij{
	font-size: 0.8em;
	min-height: 12em;
}

.sns_img_area{
	padding: 2em 0;
}

.sns_img_btn{
	max-width: 22%;
}

.kadomaru{
	border-radius: 10px;
}

.lil_title_img {
	max-width: 80%;
}

.lil_news_viewlist img{
	max-width: 25%;
}

.lil_news_viewlist{
	text-align: center;
	padding-top: 1em;
}

.news_kijititle{
	font-weight: bold;
	font-size: 1.4em;
	color: #664738;
}

.lil_shop_img_area{
	display:flex;
	justify-content: center;
}

.lil_shop_dtl{
	width: 33%;
	float: left;
	margin: 1em 1%;
}

.lil_top_chara{
	max-width: 13%;
}

.lil_shop_bnimg{
	max-width: 60%;
}

.sns_imgicon img{
	width: 10%;
}

.slider_txt_s{
	font-weight: bold;
	padding: 0.5em 0;
}

.shop_txt_s{
	font-weight: bold;
	padding: 0.5em 0;
}

.chara_setuimg{
	float: left;
	padding: 0 2em 2em 1em;
}

.chara_nm{
	font-weight: bold;
	font-size: 1.4em;
	color: #f86e8f;
}

.chara_setu{
}

.chara_setu_dtl{
	padding: 2em 2em;
}

.btn_tojiru{
	background-color: #f55c39;
	border-radius: 40px;
}

.btn_tojiru:hover{
	background-color: #0080ff;
}

/* 回転するアニメーション */
@keyframes fuwafuwa {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}

/* このクラスをつけると回転を無限に繰り返します */
.anime-fuwafuwa {
  animation: 3s fuwafuwa infinite;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

/*footer
-------------------------------------*/
footer {
	
}

.footer {
	padding: 1em 0;
	font-size: 0.6em;
	/*margin-top: 3em;*/
	color: #fff;
	text-align: center;
}

.footer a {
    color: #000;
    text-decoration: none;
	display: inline;
}
.footer a:hover {
    color: #ee7c01;
}

/*コピーライト
-------------------------------------*/
.copyright {
	text-align: center;
	padding: 1rem 0;
	font-size: 0.6em;
	font-weight: bold;
	background-color:#0085b2;
	color: #fff;
}
.copyright a {
    color: #fff;
    text-decoration: none;
	display: inline;
}

/*pankuzu
-------------------------------------*/

.pankuzu{
	padding: 1em 0;
}

.breadcrumb-001 {
    display: flex;
    gap: 0 22px;
    list-style: none;
    padding: 0;
    font-size: 0.6em;
}

.breadcrumb-001 li {
    display: flex;
    align-items: center;
}

.breadcrumb-001 li:first-child::before {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 4px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M11.7%207.5%204%2013.8v6.8c0%20.4.3.7.7.7h4.7c.4%200%20.7-.3.7-.7v-4c0-.4.3-.7.7-.7h2.7c.4%200%20.7.3.7.7v4c0%20.4.3.7.7.7h4.7c.4%200%20.7-.3.7-.7v-6.8l-7.7-6.3h-.9zm12.1%204.4L20.3%209V3.2c0-.3-.2-.5-.5-.5h-2.3c-.3%200-.5.2-.5.5v2.9L13.3%203c-.7-.6-1.8-.6-2.5%200L.2%2011.8c-.2.2-.3.5-.1.7l1.1%201.3c.2.2.5.2.7.1l9.8-8.1h.6l9.8%208.1c.2.2.5.1.7-.1l1.1-1.3c.2-.2.1-.5-.1-.6z%22%20style%3D%22fill%3A%23333333%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    content: '';
}

.breadcrumb-001 li:not(:last-child)::after {
    display: inline-block;
    transform: rotate(45deg);
    width: .3em;
    height: .3em;
    margin-left: 10px;
    border-top: 1px solid #333333;
    border-right: 1px solid #333333;
    content: '';
}

.breadcrumb-001 a {
    color: #333333;
    text-decoration: none;
}



/*ページトップへ戻るボタン
-------------------------------------*/
#pagetop {
    position: fixed;
    bottom: 1px;
    right: 15px;
}
#pagetop a {
    display: block;
    color: #fff;
    width: 80px;
    text-align: center;
}
#pagetop a:hover {
    /*background: #666;*/
}

/* PC/SMP表示
-------------------------------------*/

.disp_pc{
	display: block;
}

.disp_smp{
	display: none;
}


/* bager menu */
-------------------------------------------------------------*/
/* header 
-------------------------------------------------------------*/
#header {
  padding: 3%;
  width: 100%;
  height: 60px;
  z-index: 9999999;
  top: 0;
  left: 0;
  background: #878E16 !important;
  position: fixed;
}

#header h1 {
  height: auto;
  float: left;
}

#header h1 img { width: 100%; }


#header #navi li {
	padding: 0em 1em;
	font-size: 0.8em;
}

#logoarea{
	width: 24%;
	float: left;
}


#pmenu{
	width: 76%;
	float: left;
	padding-top: 25px;
}




ul.header-dropmenu {
  list-style: none;
  width: 100%;
  height: 40px;
  margin: 0 auto;
  padding: 0;
  display: table;
  table-layout: fixed;

}
ul.header-dropmenu > li {
  position: relative;
  display: table-cell;
  vertical-align: middle;

}
ul.header-dropmenu li a {
  /*display: block;*/
  text-align: left;
  line-height: 40px;
  font-weight: bold;
  text-decoration: none;
  font-size: 12px;
  margin-left: 1em;
  color: #D0A867;

}

.d_menu{
  text-align: center;
}

.sublist{
  text-align: left;
}

ul.header-dropmenu li ul {
  visibility: hidden;
  width: 100%;
  list-style: none;
  position: absolute;
  top: 100%;
  /*left: -1px;*/
  margin: 0;
  padding: 0;
  /*border: 1px solid #222;  マウスオーバー時の枠線 */
  border-top: none;
  color: #fff;
  width: 250px;

}

ul.header-dropmenu li:hover ul {
  visibility: visible;
  color: #FFF091;
  font-size: 12px;
  text-align: left;
}

ul.header-dropmenu li:hover ul a {
  color: #FFF091;
}

ul.header-dropmenu li:hover ul a:hover {
  color: #FFF091;
}

ul.header-dropmenu li ul li {
  /*background: #0085B2;*/
  /*transition: all .2s ease;*/
  margin-bottom:0 !important;
  color: #FFF091;
}
ul.header-dropmenu > li:hover {
  /*background: #fff;*/
  /*border: 1px solid #222;  マウスオーバー時の枠線 */
  border-bottom: none;
  color: #FFF091 !important;
}
ul.header-dropmenu li:hover ul li:hover {
  background: #0085B2;
  color: #FFF091;
}

#pulldown{
	font-size: 0.8em;
}



.side_li a{
	color: #D0A867 !important;
}

.side_li_sub{
	padding-left: 2.5em !important;
}

#search{
	text-align: right;
}

#searchsmp{
	vertical-align:middle;
}

#searchBtn2{
	vertical-align:middle;
}

#header #navi li:last-child { margin-top: 5px!important; }

#header #navi li a {
  font-weight: 500;
  color: #f86e8f;
  text-decoration: none;
  /*display: block;*/
}

#header #navi li.sns {
display: block;
border-bottom: none;
margin: 20px auto 0;
padding: 0;
width: 97%;
}

#header #navi li.sns a {
font-size: 16px;
 color: #fff; 
text-align: center;
margin: 0 auto;
width: 100%;
display: block;

}

#header #navi li.sns a i {
font-size: 20px;
margin: 0 5px 0 0;
}

#header #navi li.fb a {
background: #3b5998;
padding: 20px 10px;
text-align: center;
}

#header #navi li.ig a {
background: #262626;
padding: 20px 10px;
}


#header #navi li {list-style-type:none;}


.menu_sg_logo{
	width: 200px;
}

/* bager menu */

#header #navi {
  transition: all .6s;
  overflow-y: auto;
  padding-top: 14px;
  width: 200px;
  height: 100vh;
  z-index: 200;
  top: 0;
  right: -320px;
  background-color: #6B4B39;
  position: fixed;
}

#header .nav_btn {
  width: 44px;
  height: 44px;
  z-index: 300;
  top: 19px;
  right: 21px;
  cursor: pointer;
  position: absolute;
  /*background-color: #0085B2;*/
  border-radius: 6px;
}

.hamburger_line {
  transition: all .6s;
  width: 34px;
  height: 3px;
  left: 5px;
  background-color: #D0A867;
  position: absolute;
}

.hamburger_line1 { top: 10px; }
.hamburger_line2 { top: 21px; }
.hamburger_line3 { top: 32px; }

.nav_bg {
  opacity: 0;
  transition: all .6s;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  top: 0;
  left: 0;
  visibility: hidden;
  background-color: #d0a867a6;
  cursor: pointer;
  position: fixed;
}

/* 表示された時用のCSS */
.nav_open #header #navi { right: 0; }

.nav_open .nav_bg {
  opacity: .8;
  visibility: visible;
}

.nav_open .hamburger_line1 {
  transform: rotate(45deg);
  top: 20px;
}

.nav_open .hamburger_line2 {
  width: 0;
  left: 50%;
}

.nav_open .hamburger_line3 {
  transform: rotate(-45deg);
  top: 20px;
}
/* bager menu */

/*パンくず*/
.bread{
	font-size: 0.6em;
	text-align: left;
	color: #707070;
	padding-bottom: 2em;
}

.bread a{
	color: 000;
}

/*swiper
-------------------------------------*/
	.swiper-slide img {
	}

/*wow
-------------------------------------*/
.box {
  animation-fill-mode: forwards;
}


/* 　幅1300px以下の表示　ここから
-------------------------------------*/
@media screen and (max-width: 1300px){
	.hdr_logo{
		width:24%;
	}
	.hdr_logo2{
		width:49%;
	}

	.hdr_logo3{
		width:24%;
	}
	
	.hdr_icon{
		width:inherit;
	}

	.hdrtxt {
		font-size: 0.3em;
	}

	.hdr_txt {display: none;}

	.kensyu_menu{
		width: 100%;
		padding-right: inherit;
		padding-top: 0;
	}

	.antei_menu{
		width: 100%;
		padding-left: inherit;
		padding-top: 0;
	}

	.main4menu {
		padding: 1em 0 1em;
	}

	.midashi_menu {
		background-image: none;
	}

	.midashi_menu2 {
		background-image: none;
	}

	.txt_ind_1{
		padding-left: 1em;
	}



	/* PC/SMP表示
	-------------------------------------*/

	.disp_pc{
		display: none;
	}

	.disp_smp{
		display: block;
	}
	
	/* hdr
	-------------------------------------*/
	.hdr_icon{

		float:right;
	}

}


/* 　幅1200px以下の表示　ここから
-------------------------------------*/

@media screen and (max-width: 1200px){
	.ani_nov_title {
		font-size: 1.2em;
	}
	.info_title {
		font-size: 0.9em;
	}

    .anipla_catch_txt {
        font-size: 1.2em;
    }
	
	.ani_nov_dtltxt_kij {
		min-height: 14em;
	}

}


/* 　幅780px以下の表示　ここから
-------------------------------------*/

@media screen and (max-width: 900px){

	.maincatch {
		font-size: 1.6em;
	}

	.anip_jf_senko_txtarea_catch {
		font-size: 2.0em;
	}

	.anipla_catch_txt {
		font-size: 1.1em;
	}

	.anip_jf_senko_txtarea {
		font-size: 0.9em;
	}

	.ani_nov_title {
		font-size: 1em;
	}

	.chapter_title {
		font-size: 1.6em;
	}

	.chapter_title_a {
		font-size: 1.6em;
	}
	
	.chapter_title_b {
		font-size: 1.6em;
	}

	.chapter_title_c {
		font-size: 1.6em;
	}

	.slider_txt_s{
		line-height: 120%;
		font-size: 0.9em;
		padding: 0.5em 0;
	}

	.shop_txt_s{
		line-height: 120%;
		font-size: 0.9em;
		padding: 0.5em 0;
	}

}



/* 　幅800px以下の表示　ここから
-------------------------------------*/
@media screen and (max-width: 800px){

	body {
		font-size: 14px;
	}

	.container {
		padding: 0 1rem 2em;
	}

	#search{
		display: none;
	}

	#searchsmp{
		padding-left: 1em;
	}

	.maincatch {
		/*padding: 1em 0;*/
	}

	h2{
		font-size: 1.1em;
		padding-bottom: 1em;
		font-weight: bold;
	}

	h3{
		font-size: 1.1em;
		padding: 1em 0;
		font-weight: bold;
	}



	.main4menu img{
		width: 48%;
	}

	.main3menu img{
		width: 48%;
	}

	.main3title img{
			width: 70%;
	}

	.footer {
		padding: 0;
		margin-top: 1em;
	}

	.footer img{
		width: 30%;
	}

	.containertop {
		padding: 1em 2rem 1em;
	}

	a.btn--radius {
		padding: 1em 1em;
	}


	/*ヘッダー
	-------------------------------------*/
	.header-box {
		display: none;
	}
	
	#header .nav_btn {
		top: 5px;
	}
	
	/*
	-------------------------------------*/
	.table th {
		width: 100%;
		display: block;
	}	
	.table td {
		display: block;
	}

	/* PC/SMP表示
	-------------------------------------*/

	.disp_pc{
		display: none;
	}

	.disp_smp{
		display: block;
	}

	.menu_bn3 img {
		width:33%;
	}

	.top_contents_title {
		padding: 0.2em 0.5em;
	}

	.top_contents_setu {
		padding: 0.2em 0.5em;
		font-size: 0.6em;
		padding-bottom: 1.5em;
	}

	.swiper-slide img {
	}

	.midashititle {
		padding: 0.2em 0.5em 0.5em; 
		font-size: 1em;
	}

	.info_date{
		width: inherit;
		font-size: 0.6em;
		/*float: inherit;*/
		word-wrap: break-word;

	}

	.info_midashi {
		font-size: 1.1em;
	}

	.yokonarabe {
		width: 100%;
	}

	.anip_item_3c {
		width: 99%;
		margin: 1em 0.5% 1em;
	}

	.anip_item_3c_less {
		width: 99% !important;
		margin: 1em 1% 1em !important;
	}

	.anip_item_1c{
		width: 99%;
	}

	.anip_item_2c{
		width: 99%;
		margin:1em 0.5% 1em;
	}

	.anip_item_title {
		min-height: 3em;
	}

	.anip_btn_link{
		font-size: 0.8em;
	}
	
	.anip_btn_link a {
		width: 60%;
	}

	.chapter_title_a {
		font-size: 1.0em;
		padding: 0.2em 0;
	}
	
	.chapter_title_b {
		font-size: 1.0em;
		padding: 0.2em 0;
	}

	.chapter_title_c {
		font-size: 1.0em;
		padding: 0.2em 0;
	}

	.chapter_title_sub {
		font-size: 1.4em;
	}
	
	.ani_nov_dtltxt {
		min-height: 4em;
	}
	
	.ani_nov_dtltxt_kij {
		min-height: 10em;
	}

	.ani_nov_2c {
		width: 100%;
		min-height: 4em;
	}

	.lil_img {
		width: 18%;
	}

	.sns_imgicon img {
		width: 18%;
	}


}

/* 　幅460px以下の表示　ここから
-------------------------------------*/
@media screen and (max-width: 460px){

	.containerhdr {
		background-color: #fff;
		background-repeat: repeat-x;
	}

	.hdr_logo{

	}

	#header .nav_btn {
		top: 0px;
		right: 18px;
	}

	.h2title {
		font-size: 20px;
	}
	
	.h3title {
		font-size: 17px;
	}

	/*img*/
	.c2img img {
		width: 48%;
		padding: 0 0.5%;
	}
	
	.c3img img {
		width: 31%;
		padding: 0 0%;
	}
	
	.jirori_logo{
		width: 40%;
	}




	/*table*/
	.last td:last-child {
	border-bottom: solid 1px #ccc;
	width: 100%;
	}
	.tbl-r02 {
	width: 94%;
	}
	.tbl-r02 th,
	.tbl-r02 td {
	border-bottom: none;
	display: block;
	width: 100%;
	border-top: solid 1px #ccc;
	}
	/*table*/

	.floatleftimg{
	  float: none;
	  padding:1em 0;
	}

	.floatrightimg{
	  float: none;
	  padding:1em 0;
	}

	.btn01 a {
		font-size: 0.8em;
	}
	.btn02 a {
		font-size: 0.8em;
	}
	.btn03 a {
		font-size: 0.8em;
	}
	.btn04 a {
		font-size: 0.8em;
	}
	.btn05 a {
		font-size: 0.8em;
	}
	.btn06 a {
		font-size: 0.8em;
	}
	.btn07 a {
		font-size: 0.8em;
	}

/*footer*/
	.containertop {
		padding: 1em 2rem 1em;
	}

	.footer {
		font-size: 0.6em;
	}

	.ph_img{
		width: 90% !important;
	}

/*info*/

	.info_waku {
		padding: 1.2em;
	}

	.info_waku2 {
		padding: 1.2em;
	}

	.info_midashi {
		font-size: 0.8em;
	}

	#tab_item_c1 {
		font-size: 0.7em;
	}
	
	#tab_item_c2 {
		font-size: 0.7em;
	}
	
	#tab_item_c3 {
		font-size: 0.7em;
	}
	
	#tab_item_c4 {
	font-size: 0.7em;
	}
	
	#tab_item_c5 {
	font-size: 0.7em;
	}
	
	.info_icon img{
		width: 20%;
	}
	


	.info_date_img{
	}

	.info_title{
		font-size: 0.7em;
	}
	
/*info*/

	#pagetop a {
		display: block;
		color: #fff;
		width: 80px;
		text-align: center;
	}

	.swiper-slide img {

	}

/*sns lil*/
	.sns_imgicon img{
		width: inherit;
		max-width: 22% !important;
	}

	.lil_title_img {
		max-width: 76%;
	}

	.lil_top_chara {
		max-width: 20%;
	}


}

/******************/