@charset "utf-8";
/* CSS Document */

/* PC */


@media screen and (min-width: 980px) {
.flex03 {
  display: flex;
  flex-direction: row;
}	
#calendar {
    width: 100%;
    position: relative;
    height: 1050px;
	margin-bottom: 30px;
}	
	.pc{
		display: block;
	}
	.sp{
		display: none;
	}
.mainimg {
    overflow: hidden;
    margin-top: -340px;
	background: url(../images/newhead/bg_slide.png);
}
.newhead2_container{
  display: flex;
  flex-direction: row;
  background-color: #9b1845;
  margin:0 auto;
  max-width:1500px;
  width:100%;
  justify-content: right;
  position: relative;	

}
.newhead2en_container{
  display: flex;
  flex-direction: row;
  background-color: #9b1845;
  margin:0 auto;
  max-width:1100px;
  width:100%;
    justify-content: right;
  position: relative;	

}	
}

.item2{

	margin-top: -5px;
	z-index:1000;
}

.item2 img{
    width: 254px;
    height: auto;
}

.hleft{margin-left:100px;}


	.pc{
		display: block;
	}
	.sp{
		display: none;
	}


.newhead{
  background-color: #000;
  width:100%;
  height:auto;
  padding-top:10px;
  padding-bottom:10px;	
}



.telflex {
    display: flex;
	flex-direction:column;
    justify-content:center;
	    margin-left: 50px;
}

.telflex img:nth-child(2){
	width:233px;
	height:17px;
	margin-left: 50px;
	margin-top: 5px;
}


.item img:hover {
	opacity: 0.5 ;
}

.newhead_container{
  display: flex;
    flex-direction: row;
    background-color: #000;
    justify-content: center;
}

.newhead2{
  background-color: #000;
  width:100%;
  height:auto;
  padding-bottom:10px;

}
.item2{
	margin-left: 340px;
	margin-top: 3px;
}

/* ボタン */
.btn--orange,
a.btn--orange {
  color: #fff;
  background-color: #eb6100;
  padding:5px 10px 5px 10px;
  text-align: center;
 width: 100%;
     margin-top: 20px;
}
.btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  background: #f56500;
}

/* ボタン */
.btn--orange2,
a.btn--orange2 {
  color: #fff;
  background-color: #eb6100;
  padding:5px 10px 5px 10px;
  text-align: center;
  width:25%;
 margin:50px auto;	
}
.btn--orange2:hover,
a.btn--orange2:hover {
  color: #fff;
  background: #f56500;
}

/* ボタン */
/* お仲間 */
.fellowtopics {
    background-color: #fcfce8;
    margin: 0 0 0 0;
    display: block;
}
.fellowcontainer {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	letter-spacing: 0;
	border-bottom:1px dotted #000;
	line-height: 2.0;
	padding:10px 0 10px;
}

.fellowcontainer:first-child {
  border-top: 1px dotted #000;
}


.fellowcontainer div{
	width:33%;
    margin-right: 10px;
	padding-left: 10px;
}
.fellowbold{
	font-weight: bold;
}


.fellowtopics a{
  color:#000;
  text-decoration:none;
}
.fellowtopics span{
  background-color:#c1aba5;
  border-radius:3px;
  display:inline-block;
  padding:5px;
  width: 100%;

}

.fellowtopics p{
  color:#1c448d;
  display: inline-block;
  text-decoration:none;
}
.fellowtopics .new::after{
  content:"NEW";
  color: #d10606;
  font-size: 1.1rem;
  border: 1px solid #d10606;
  padding: 4px 8px;
  margin: 0 0 0 20px;
  display: inline-block;
  line-height: 1;
}	
/* リンクの前に追加 */
.fellowtopics .triangle-button::before {
  content: "▶";

}


.fellowtopics h1 {
  position: relative;
  background: #fffee8;
  padding: 0.5em 0;
  border-left: solid 2em #fffee8;
 font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
 font-weight: bold;
	font-size: 34px;
    line-height: 1.0;

		
}

.fellowtopics h1::before {

content: url(../images/index/wanc.png);
display: inline-block;
  position: absolute;
  padding: 0em;
  left: -1.67em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
	
}

.fellowtopics2 {
 text-align:center;
 background: #fffee8;
 border-bottom:1px dotted #000;	
}

.fellowtopics2 p{
  color:#ff0000;
  display: inline-block;
  text-decoration: none;
	
 	
}
/* お仲間 */
/* human */
.mantopics{background-color: #F7F7F7;margin:0 0 0 0;display: block;}

.mancontainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
	letter-spacing: 0;
border-bottom:1px dotted #000;
	line-height: 2.0;
	padding:10px 0 10px;
}	
.mancontainer div{
	width:33%;
    margin-right: 10px;
	padding-left: 10px;
}
.manbold{
	font-weight: bold;
}


.mantopics a{
  color:#000;
  text-decoration:none;
}
.mantopics span{
  background-color:#C3578B;
  border-radius:3px;
  color:#fff;
  display:inline-block;
  padding:5px;
  width: 100%;	
}

.mantopics p{
  color:#1c448d;
  display: inline-block;
  text-decoration:underline;
}
.mantopics .new::after{
  content:"NEW";
  color: #d10606;
  font-size: 1.1rem;
  border: 1px solid #d10606;
  padding: 4px 8px;
  margin: 0 0 0 20px;
  display: inline-block;
  line-height: 1;
}	
/* リンクの前に追加 */
.mantopics .triangle-button::before {
  content: "▶";

}


.mantopics h1 {
  position: relative;
  background: #FCEEEB;
  padding: 0.5em 0;
  border-left: solid 2em #FCEEEB;
 font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
 font-weight: bold;
	font-size: 34px;
    line-height: 1.0;
		
}

.mantopics h1::before {

content: url(../images/index/hanabic.png);
display: inline-block;
  position: absolute;
  padding: 0em;
  left: -1.67em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
	
}

.mantopics2 {
 text-align:center;
 background: #FCEEEB;
 border-bottom:1px dotted #000;	
}

.mantopics2 p{
  color:#ff0000;
  display: inline-block;
  text-decoration: none;
	font-size:80%;
 	
}
/* human */


/* human */
.dogtopics{background-color: #F7F7F7;margin:0 0 0 0;display: block;}

.dogcontainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
	letter-spacing: 0;
border-bottom:1px dotted #000;
	line-height: 2.0;
	padding:10px 0 10px;
}	
.dogcontainer div{
	width:33%;
    margin-right: 10px;
	padding-left: 10px;
}
.dogbold{
	font-weight: bold;
}


.dogtopics a{
  color:#000;
  text-decoration:none;
}
.dogtopics span{
  background-color:#2388b8;
  border-radius:3px;
  color:#fff;
  display:inline-block;
  padding:5px;
  width: 100%;	
}

.dogtopics p{
  color:#1c448d;
  display: inline-block;
  text-decoration:underline;
}
.dogtopics .new::after{
  content:"NEW";
  color: #d10606;
  font-size: 1.1rem;
  border: 1px solid #d10606;
  padding: 4px 8px;
  margin: 0 0 0 20px;
  display: inline-block;
  line-height: 1;
}	
/* リンクの前に追加 */
.dogtopics .triangle-button::before {
  content: "▶";

}


.dogtopics h1 {
  position: relative;
  background: #f1f8ff;
  padding: 0.5em 0;
  border-left: solid 2em #f1f8ff;
 font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
 font-weight: bold;
	font-size: 36px;
    line-height: 1.0;
		
}

.dogtopics h1::before {

content: url(../images/index/wanwanc.png);
display: inline-block;
  position: absolute;
  padding: 0em;
  left: -1.67em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
	
}

.dogtopics2 {
 text-align:center;
 background: #f1f8ff;
 border-bottom:1px dotted #000;	
}

.dogtopics2 p{
  color:#ff0000;
  display: inline-block;
  text-decoration: none;
 font-size:80%;	
 	
}
/* wanwan */


/* TABLET */
@media screen and (max-width: 979px) {
	
.item2{
	margin-right: 0;
	margin-top: 0;
	margin-left: 0;
}
	
.newhead2_container{
  display: flex;
  flex-direction: row;
  background-color: #9b1845;
  margin:0 auto;
  max-width:1000px;
  width:100%;
    justify-content: center;
  position: relative;	

}
	
#mainImg {
    overflow: hidden;
    margin-top: 0;
}
	.pc{
		display: none;
	}

	.sp{
		display: none;
	}

	
.telflex {
    display: flex;
	flex-direction:column;
  justify-content:center;
}
.telflex img:nth-child(2){
	width:233px;
	height:17px;
	margin-left: 50px;
	margin-top: 0;
}	
#mainImg {
    overflow: hidden;
    margin-top: 180px;
}
#header nav {
    width: 100%;
    height: 45px;


    position: relative;
    z-index: 10;
    margin-top: 10px;
	
}	
	
}

.item2 img:hover {
	opacity: 0.5 ;
}

.newhead2{
  background-color: #9b1845;
  width:100%;
  height:auto;
  padding-top:10px;
  padding-bottom:0px;
  padding-left: 20px;	
}


.newhead4_container{
    display: flex;
    z-index: 100;
    flex-direction: row;
    background-color: #9b1845;
    justify-content: right;

}


.item3{
	margin-left: 10px;	
}

.item3 img:hover {
	opacity: 0.5 ;
}

.item4{
	margin-left:60px;
}

.newhead3_container{
    display: flex;
    flex-direction: row;
    margin-top: 0;
    width: 100%;
    justify-content: left;
    z-index: 10;
}


/* SP */
@media screen and (max-width: 520px) {

	.pc{
		display: none;
	}
	.sp{
		display: block;
	}
	.sp2{
		display: none;
	}	
	.item2 {
    margin-left: 10px;
		

}
#mainImg {
    overflow: hidden;
    margin-top: 0;
}	
#header {
    padding: 5px;
}
	
.item2 {
    margin-right: 10px;
	margin-top: -20px;
	width: 255px;
	height:auto;
}	
.item2 img {
    width: 700px;
    height: 100%;
}

#header nav {
    width: 100%;
    height: 45px;
    background-color:#9B1845 repeat-x;
    position: relative;
    z-index: 10;
    margin-top: 10px;
	background-image: #9A163D;
}		
	.newhead{
  padding-top:0;
	
}
	#header{

		position: fixed;
	}
.newhead {
    background-color: #921340;

}
.newhead2 {
    background-color: #921340;
    width: 100%;
    padding-bottom: 0px;
    height: 23px;
    padding-top: 0px;

}
.telflex {
    margin-left: 30px;
}
.hleft {
    margin-left: 30px;
}	
}