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

html,body{
    width: 100%;
}
body{
	color:#000000;
	background:#ff0000;
	letter-spacing:0.05em;
	background:url(/p/carp/img/back.png) repeat;
}
body a{
	color:#000000;
}

.bold{
	font-weight:bold;
}

/*リンク設定*/
a:hover,
a img:hover,
.sbtn:hover{
	position:relative;
	top: 1px;
	left: 1px;
	cursor:pointer;
}

/*マージン設定*/
.margin_bottom10{
	margin-bottom:10px;
}
.margin_bottom20{
	margin-bottom:20px;
}
.margin_bottom30{
	margin-bottom:30px;
}
.margin_bottom40{
	margin-bottom:40px;
}

.margin_top10{
	margin-top:10px;
}
.margin_top20{
	margin-top:20px;
}
.margin_top30{
	margin-top:30px;
}
.margin_top40{
	margin-top:40px;
}

.font_size13{
	font-size:1.3em;
}

/*ヘッダー設定*/
#header_cont{
	overflow:hidden;
	margin:0 auto;
	padding:23px 0 19px;
	width:1024px;
	height:auto;
}

#logo_cont{
	float:left;
	width:470px;
	height:auto;
}

#logo_cont h1{
	float:left;
	margin-right:22px;
}

#logo_cont img#kenhiro{
	display:block;
	margin:4px 0 0 0;
}

#nav_link{
	float:right;
	margin:13px 0 0 0;
}

#nav_link a{
	font-weight:bold;
	color:#ffffff;
	padding:0 14px;
	border-left:1px solid #ffffff;
}

#nav_link a:last-child{
	border-right:1px solid #ffffff;
}

#nav_link a:hover{
	top: 0px;
	left: 0px;
	opacity:0.7;
}

.slides li img:hover{
	top: 0px;
	left: 0px;
	opacity:1;
}

#news{
	margin:60px auto 20px;
	color:#ffffff;
}

#news a{
    color: #ffffff;
	text-decoration:underline;
}

#news p{
	margin-bottom:10px;
}

#news img{
	display:block;
	margin:60px auto 10px;
}

#story{
	margin:10px auto 45px;
	padding:40px 0;
	background:#ffffff;
}

#story_text{
	background:url(/p/carp/img/bouya.png) no-repeat;
	background-position: top center;
    line-height: 2.1em;
}

#story img{
	display:block;
	margin:0 auto;
}

#story img#story_img{
	margin:0 auto 30px;
}

#story img#story_abie{
	margin:20px auto 0;
}

#story_project{
	margin:20px auto;
	padding:10px 0;
	width:665px;
	height:auto;
	background:#a9eaff;
	border-radius:5px;
}

#banner img{
	margin:0 auto 30px;
}

#insta{
	margin:10px auto 40px;
	padding:20px 0;
	width:890px;
	height:auto;
	background:#ffffff;
}

#contents,
#my_contents{
	margin:10px auto;
	width:1024px;
	height:auto;
}

.p_title{
	display:block;
	margin:30px auto 20px;
}

.white_cont{
	margin:0 auto 40px;
	padding:35px 0 20px;
	width:930px;
	height:auto;
	background:#ffffff;
}

.title_red{
	margin:0 auto 25px;
	padding:20px 0 16px;
	width:92%;
	height:auto;
	background:#ff0000;
	color:#ffffff;
	font-weight:bold;
	font-size:1.6em;
    line-height: 1.3em;
	letter-spacing:0.08em;
}

.title_red.white{
	background:#ffede2;
	color:#ff0000;
	border:2px solid #ff0000;
}

.title_red span.small {
    font-size: 0.8em;
}

.stadium{
	display:block;
	margin:20px auto;
}

#red_cont{
	margin:30px auto 20px;
	padding:10px 0;
	width:80%;
	height:auto;
	border:2px solid #ff0000;
	background:#fbffc1;
}

#red_cont span.bold{
	display:block;
	padding:10px 0;
	font-size:1.4em;
	letter-spacing:0.3em;
}

.shutten_title{
	display:block;
	margin:10px auto;
	padding:8px 0;
	width:90%;
    background: #f00;
    color: #fff;
	font-weight:bold;
	font-size:1.2em;
}

.bold.red{
	display:block;
	margin:10px auto 10px;
	width:90%;
	border-bottom:1px solid #F00;
	color:#F00;
	background:#fff;
	font-size:1.2em !important;
	letter-spacing:0em !important;
}

.bold.red{
	margin:25px auto 15px;
}

#collabo_illust{
	display:block;
	margin:20px auto 10px;
}

#items{
	display:block;
	margin:50px auto 30px;
}

.white_cont a{
	text-decoration:underline;
}

#foot_banner img{
	margin:15px auto;
}

#my_contents .white_cont{
	margin:15px auto;
	padding:15px 4% 20px;
	width:89%;
	text-align:left;
	line-height:1.8em;
}

#my_contents h2{
	margin-bottom:20px;
}

#epi_cont{
	display: flex;
	flex-flow: row wrap;
	margin:0 auto 40px;
	width:970px;
	height:auto;
}

#epi_cont div.white_cont.two{
	padding:15px 4% 20px;
	width:39%;
	height:auto;
}

#epi_cont div.white_cont img{
	display:block;
	margin:20px auto;
}
	
#epi_cont div.white_cont.two img{
	width:100%;
	height:auto;
}

#epi_cont div.white_cont img.tate{
	width:60%;
	height:auto;
}

#epi_cont div.white_cont img.tate2{
	width:80%;
	height:auto;
}

.two_box{
	text-align:center;
}

#epi_cont p{
	margin-bottom:10px;
}

#epi_cont div.white_cont img.two{
	display:inline-block;
	margin:20px auto 10px;
	padding:0 1%;
	width:45%;
	height:auto;
}

#epi_cont div.white_cont img.two2{
	display:inline-block;
	margin:20px auto 10px;
	padding:0 1%;
	width:40%;
	height:auto;
}

#epi_cont div.white_cont img.small{
	margin:0 auto;
	width:40%;
	height:auto;
}


#epi_cont div.white_cont img.one{
	margin:0 auto 20px;
	width:45%;
	height:auto;
}

#epi_cont div.white_cont img.one.only{
	margin:0 auto 0px;
}

#epi_cont div.white_cont img.one_only{
	margin:20px auto 20px;
	width:55%;
	height:auto;
}

#epi_cont div.white_cont img.one_only2{
	margin:20px auto 20px;
	width:45%;
	height:auto;
}

#epi_cont div.white_cont img.one.big{
	margin:20px auto 20px;
	width:65%;
	height:auto;
}

.epi_no{
	display:block;
	margin:0 auto 15px;
	padding:10px 0;
	width:100%;
	height:auto;
	color:#ff0000;
	border-bottom:2px solid #ff0000;
	font-size:1.3em;
	font-weight:bold;
}

.epi_no.bl{
	color:#009fff;
	border-bottom:2px solid #009fff;
}

#epi_cont div.white_cont span.name{
	display:block;
	margin:0 auto 5px;
	padding:12px 0;
	width:100%;
	height:auto;
	border-top:2px solid #fb958e;
	background: #ffe8e8;
	text-align:center;
}

#epi_cont div.white_cont span.name.st{
	border-top:2px solid #9ce0ff;
	background:#d2fff6;
}

.cap{
	display:block;
	margin:-10px auto 20px;
	font-size:0.95em;
}

#foot_banner{
	margin:40px auto 0;
	width:1024px;
	height:auto;
}

#nav_link.foot{
    float:none;
    margin: 45px 0 0px 0;
}

#nav_link.foot a {
    padding: 0 30px;
}

.pr_img img{
	margin:10px;
}

.white_cont strong{
	font-weight:bold;
}

.pr_gakusei_title{
	display:block;
	margin:10px auto;
	text-align:center;
}

.pr_gakusei{
	margin:20px auto;
	padding:15px 5%;
	width:70%;
	background:#FFC;
	border:1px solid #F00;
	text-align:left;
}

.pr_gakusei ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

.pr_gakusei li {
    display: list-item;
    text-align: -webkit-match-parent;
	margin-bottom:5px;
}

#kanren_link{
	margin-bottom:20px;
}

#kanren_link p{
	margin-bottom:10px;
}


/*フッター*/
footer{
	clear:both;
	margin:20px auto 0;
	padding:20px 0 40px;
	background:#ffffff;
	text-align:center;
	border-top:2px solid #dc0000;
}

footer a{
	text-decoration:underline;
}

/*トップへ戻るボタン*/
.page-top{
	margin: 0 ;
	padding: 0 ;
}
.page-top p{
	z-index:3;
	margin: 0 ;
	padding: 0 ;
	position: fixed ;
	right: 16px ;
	bottom: 16px ;
} 
.move-page-top {
    display: block;
    background: #dc0000;
    width: 80px;
    height: 80px;
    border-radius: 40px 40px 40px 40px;
    color: #fff;
    line-height: 80px;
    text-decoration: none;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

/*インスタ設定*/
 .instagram-gallery {
    margin: 0 auto;
	padding: 5px 0px 0px 17px;
    width: 880px;
	height:auto;
  }
  .instagram-gallery__list {
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
	padding:0;
  }
  .instagram-gallery__item {
    width: 22%;
	height:auto;
    padding: 10px;
  }
  
    .instagram-gallery__item a img{
    width: 100%;
	height:auto;
  }

h3.dan{
	margin:10px auto 10px;
	padding:20px 0 10px;
	width:100%;
	color:#ffffff;
	border-top:2px solid #ffffff;
}

h3.dan span.dan_title{
	display:block;
	padding:10px 0;
	font-size:1.7em;
	letter-spacing:0.1em;
	font-weight:bold;
}

/* PC向けおよび大型タブレット向けのレイアウトの指定：769px～960px */
@media only screen and (min-width: 769px) {

#sp_nav,
#sp_footer,
.sp_only{
    display:none !important;
}
}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
スマートフォン向けレイアウトの指定
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

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

body {
    background: url(/p/carp/img/back_sp.png) repeat;
	letter-spacing:0.02em;
}

.sp_only{
	display:block;
}

.sp_none,
#logo_cont,
#ex_text,
#nav_link {
	display:none;
}

img{
	width:100%;
	height:auto;
}

.br_none br{
	display:none;
}

a:hover,
a img:hover,
.sbtn:hover{
	top: 0px;
	left: 0px;
}

article{
	margin:0 auto;
	width:100%;
	height:auto;
}

footer img{
	width:inherit;
	height:auto;
}


footer {
	margin: 10px auto 0;
    padding: 20px 5% 40px;
}

#copy,
#copy a{
	font-size:0.95em;
	line-height:1.7em;
}

#header_cont {
	padding:0 0;
	width:100%;
}

/*メニューnaver設定*/
#sp_nav a{
	display:none;
}

#sp_nav{
	color:#FFFFFF;
	font-size:0;
}

.naver.enabled a {
	display:block !important;
	position:relative;
    float: none;
    margin: 0;
    padding: 4px 0 4px 7%;
    border-bottom: 1px solid #484848;
	width: 93%;
    text-align: left;
	font-size:16px;
}

.naver.enabled span.past,
.naver.enabled span.future,
.naver.enabled span.news,
.naver.enabled span.link{
	display:block;
	padding-left:0%;
	text-align:center;
	background-color:#0098d8;
	color:#FFFFFF;
}

.naver.enabled span.future{
	background-color:#900000;
}

.naver.enabled span.news{
	background-color:#034e10;
}

.naver.enabled span.link{
	background-color:#404040;
}

.naver.enabled a:hover,
#sp_foot_list li a:hover{
	position:relative;
	top: 0px;
	left: 0px;
	opacity:1;
}

.naver.enabled a::after {
    position: absolute;
    top: 50%;
    right: 6%;
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-top: 1px solid #7e7e7e;
    border-right: 1px solid #7e7e7e;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.naver a {
    background: #1f1f1f;
    color: #fff;
    display: block;
    float: left;
    margin: 0 1px 0 0;
    padding: 0 0 0 20px;
    text-decoration: none;
}

.flexslider .slides {
    padding:0 !important;
}

#news img{
	width:20%;
	height:auto;
}

#news {
    margin: -17px auto 20px;
	width:90%;
	color: #ffffff;
}

#insta {
	margin: 10px auto 30px;
	padding: 10px 2%;
    width: 86%;
}

#insta img#insta_logo{
    width: 80%;
}

#banner{
	width:90%;
}

#banner img {
    margin: 0 auto 10px;
}

#story {
    margin: 0px auto 20px;
	padding:20px 4%;
	width:92%;
	height:auto;
}

#story img#story_img {
	display:none;
}

#story img{
	margin:0 auto 20px;
	width:90%;
}

#story_text p br{
	display:none;
}

#story_project {
    margin: 10px auto;
    padding: 10px 4%;
    width: 92%;
}

#foot_banner {
    margin: 20px auto 0;
    width: 90%;
}

#foot_banner img {
    margin: 5px auto;
}

#contents, #my_contents {
    margin: 0 auto;
    width: 100%;
}

.p_title {
    margin: 15px auto 10px;
    width: 27%;
}

.white_cont {
    margin: 0 auto 20px;
    padding: 15px 4% 20px;
    width: 88%;
	text-align:justify;
}

.title_red {
    margin: 0 auto 15px;
    padding: 14px 4% 8px;
    width: 92%;
    font-size: 1.4em;
    letter-spacing: 0em;
	text-align:center;
}

.white_cont p br{
	display:none;
}

#red_cont {
    margin: 20px auto 15px;
    padding: 10px 4%;
    width: 90%;
	text-align:center;
}

#baseball_abie{
	display:block;
	margin:0 auto;
	width:30%;
	height:auto;
}

#red_cont{
	width:90%;
}

#red_cont br{
	display:none;
}

#red_cont span.bold,
.shutten_title{
	padding:8px 5%;
	width:90%;
}

#epi_cont {
    display: block;
    flex-flow: inherit;
    margin:-7px auto 0;
    width: 100%;
    height: auto;
}

h3.dan {
	margin-top:30px;
    width: 94%;
}

h3.dan span.dan_title {
    padding: 0px 0;
    font-size: 1.2em;
}

#my_contents .white_cont,
#epi_cont div.white_cont.two {
    padding: 10px 6% 10px;
    width: 80%;
    height: auto;
	text-align:justify;
}

#epi_cont div.white_cont img.two,
#epi_cont div.white_cont img.one,
#epi_cont div.white_cont img.small,
#epi_cont div.white_cont img.one.big,
#epi_cont div.white_cont img.one_only,
#epi_cont div.white_cont img.one_only2 {
    margin: 0px auto 0px;
    padding: 0 0%;
    width: 100%;
}

#epi_cont div.white_cont .two_box{
	margin-top:20px;
}

#epi_cont div.white_cont img.one.big,
#epi_cont div.white_cont img.one_only,
#epi_cont div.white_cont img.one_only2 {
	margin:20px auto;
}	

#epi_cont div.white_cont img.one{
	margin-bottom:20px;
}

#epi_cont div.white_cont span.name {
    padding: 12px 4%;
    width: 92%;
}
	
.epi_no {
    margin: 0 auto 15px;
    padding: 5px 0;
    font-size: 1.1em;
}

#my_contents h2 img,
#contents h2 img{
	display:block;
	margin:0 auto;
	width:96%;
}

/*インスタ設定*/
.instagram-gallery {
	padding: 0;
    max-width: 100%;
    margin: auto;
  }
    
    .instagram-gallery__item {
    width: 45%;
	height:auto;
    padding: 0 2%;
  }
  
    .instagram-gallery__item a img{
    min-width: 100%;
    width: 90%;
	height:auto;
    padding: 2%;
  }
  
  
.pr_gakusei{
	width:90%;
}

.pr_gakusei ul {
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 30px;
}

#kanren_link{
	text-align:center;
}

}

@media print{
#sp_nav,
.sp_only{
	display: none;
}

}