/*
Theme Name: dailysha-tmp
Description: original theme
Author: allmanage
Author URI: https://www.allmanage.co.jp/
Theme URI:
Version:
License:
License URI:
Tags:
-----------------------------------------------------------------------------*/

.access_map_img a img{max-width:100%;}

@media only screen and (max-width:1500px) {
	.ul_gmenu li{
		font-size:0.9em;
	}
}
@media only screen and (max-width:1400px) {
	.ul_gmenu li{
		font-size:0.8em;
	}
}

.pc{display:block;}
.sp{display:none;}
@media only screen and (max-width:1000px) {	
	.banner_right {
	    width: 70% !important;
	    margin:0 0 0 auto;
	}
}
@media only screen and (max-width:600px) {
	.pc{display:none;}
	.sp{display:block;}
}
#yotaku{
	background-color: hsla(106,100%,25%,1.00);
	width: 25%;
	padding: 5px 15px ;
	color:white;
}

.top_logo_section{
	display:flex;
	position: absolute;
	right: 2em;
	bottom: 1.25em;
	max-width: 100%;
	align-items: flex-end;
}
.top_logo_section img{
	height:100%;
	max-width:100%;
	max-height:120px;
	margin:0 5px 0 0;
	position:relative;
	bottom: 0em;
}
.top_reserve_section{
		position: absolute;
		right: 2em;
		bottom: 10.25em;
}
	.top_compe_banner_section{
		display:flex;
		position: absolute;
		right: 2em;
		bottom: 10.25em;
		max-width: 100%;
		align-items: flex-end;
	}
	.top_compe_banner_logo_section img{
		height:100%;
		max-width:100%;
		margin:0 5px 0 0;
		position:relative;
		bottom: 0em;
	}
.member_jsq{
	position: absolute;
	right: 8em;
	bottom: 1.25em;
	max-width: 100%;
}

.goto_banner{
	position: absolute;
	left: 1.25em;
	bottom: 1.25em;
	width:25%;
}

	.w-75_pc{
		width:50%;
		margin:auto;
		font-size:1.25em;
	}
@media screen and (max-width: 761px) {

.under_conts .ul_news time{
 display:block;
 line-height:130%;
}
.under_conts .ul_news .text{
 display:block;
 line-height:120%;
 width:100%;
}
	.goto_banner{
		position: absolute;
		left: 1.25em;
		bottom: 1.25em;
		width:45%;
	}
	.w-75_pc{
		width:90%;
	}
}

/*-------------------------------------------------------------
利用料金
-------------------------------------------------------------*/
.paybox {
	width:100%;
	border-top:#CCCCCC 1px solid;
	border-right:#CCCCCC 1px solid;
	margin:auto;
}

.paybox th {
	text-align:left;
	padding:4px 0px 4px 10px;
	border-left:#3DAC05 3px solid;
	border-bottom:#CCCCCC 1px solid;
	background:#F6F7F5;
}

.paybox td {
	padding:4px 5px 4px 10px;
	border-bottom:#CCCCCC 1px solid;
	text-align:center;
}

.pay_right {
	border-right:#CCCCCC 1px solid;
}	



.paylist {
	margin:10px 20px 15px 10px;
	padding:0px;
}

.paylist li {
	background:url(../img/common/listdot.jpg) no-repeat;
	padding:0px 0px 5px 20px;
	list-style-type:none;
}

.pay_p {
	margin-top:0px;
}

.pay_weekday {
	background:#FCFBD7;
	border-left:#CCCCCC 1px solid;
}

.pay_weekend {
	background:#FBE9E4;
	border-left:#CCCCCC 1px solid;
}

.pay_cell {
	border-right:#CCCCCC 1px solid;
}			
/*-------------------------------------------------------------
楽々パック
-------------------------------------------------------------*/
.conpebox {
	width:567px;
	border-top:#A09C8D 1px solid;
	border-left:#A09C8D 1px solid;
	margin-bottom:5px;
}

.conpebox th {
	text-align:left;
	padding:4px 0px 4px 5px;
	border-right:#A09C8D 1px solid;
	border-bottom:#A09C8D 1px solid;
	background:#C6F498;
	text-align:center;
	color:#5D4902;
}

.conpebox td {
	padding:4px 5px 4px 10px;
	border-bottom:#A09C8D 1px solid;
	border-right:#A09C8D 1px solid;
	text-align:center;
}

.conpebox_cell {
	background:#ECF9E0;
}

.conpebox_cellbold {
	background:#ECF9E0;
	font-weight:bold;
	color:#5D4902;
}

.conpebox_cell2 {
	color:#5D4902;
	background:#EAE7DE;
	font-weight:bold;
}

.pacbox {
	width:567px;
	border-top:#A09C8D 1px solid;
	border-left:#A09C8D 1px solid;
	margin-bottom:10px;
}

.pacbox th {
	text-align:left;
	padding:4px 0px 4px 5px;
	border-right:#A09C8D 1px solid;
	border-bottom:#A09C8D 1px solid;
	background:#ABE2F2;
	text-align:center;
	color:#014C65;
}

.pacbox td {
	padding:4px 5px 4px 10px;
	border-bottom:#A09C8D 1px solid;
	border-right:#A09C8D 1px solid;
	text-align:center;
}

.pacbox2 {
	width:567px;
	border-top:#A09C8D 1px solid;
	border-left:#A09C8D 1px solid;
	margin-bottom:10px;
}

.pacbox2 th {
	text-align:left;
	padding:4px 0px 4px 5px;
	border-right:#A09C8D 1px solid;
	border-bottom:#A09C8D 1px solid;
	background:#FDD8D8;
	text-align:center;
	color:#260B01;
}

.pacbox2 td {
	padding:4px 5px 4px 10px;
	border-bottom:#A09C8D 1px solid;
	border-right:#A09C8D 1px solid;
	text-align:center;
}

.pacbox_yellow {
	width:567px;
	border-top:#A09C8D 1px solid;
	border-left:#A09C8D 1px solid;
	margin-bottom:10px;
}

.pacbox_yellow th {
	text-align:left;
	padding:4px 0px 4px 5px;
	border-right:#A09C8D 1px solid;
	border-bottom:#A09C8D 1px solid;
	background:#FCF58B;
	text-align:center;
	color:#260B01;
}

.pacbox_yellow td {
	padding:4px 5px 4px 10px;
	border-bottom:#A09C8D 1px solid;
	border-right:#A09C8D 1px solid;
	text-align:center;
}

.pacbox_orange {
	width:567px;
	border-top:#A09C8D 1px solid;
	border-left:#A09C8D 1px solid;
	margin-bottom:10px;
}

.pacbox_orange th {
	text-align:left;
	padding:4px 0px 4px 5px;
	border-right:#A09C8D 1px solid;
	border-bottom:#A09C8D 1px solid;
	background:#FFD098;
	text-align:center;
	color:#260B01;
}

.pacbox_orange td {
	padding:4px 5px 4px 10px;
	border-bottom:#A09C8D 1px solid;
	border-right:#A09C8D 1px solid;
	text-align:center;
}

.pacbox_green {
	width:567px;
	border-top:#A09C8D 1px solid;
	border-left:#A09C8D 1px solid;
	margin-bottom:10px;
}

.pacbox_green th {
	text-align:left;
	padding:4px 0px 4px 5px;
	border-right:#A09C8D 1px solid;
	border-bottom:#A09C8D 1px solid;
	background:#E1D6EE;
	text-align:center;
	color:#260B01;
}

.pacbox_green td {
	padding:4px 5px 4px 10px;
	border-bottom:#A09C8D 1px solid;
	border-right:#A09C8D 1px solid;
	text-align:center;
}

.pacbox_brown {
	width:567px;
	border-top:#A09C8D 1px solid;
	border-left:#A09C8D 1px solid;
	margin-bottom:10px;
}

.pacbox_brown th {
	text-align:left;
	padding:4px 0px 4px 5px;
	border-right:#A09C8D 1px solid;
	border-bottom:#A09C8D 1px solid;
	background:#E7D5C8;
	text-align:center;
	color:#260B01;
}

.pacbox_brown td {
	padding:4px 5px 4px 10px;
	border-bottom:#A09C8D 1px solid;
	border-right:#A09C8D 1px solid;
	text-align:center;
}

.pacbox_green {
	width:567px;
	border-top:#A09C8D 1px solid;
	border-left:#A09C8D 1px solid;
	margin-bottom:10px;
}

.pacbox_green th {
	text-align:left;
	padding:4px 0px 4px 5px;
	border-right:#A09C8D 1px solid;
	border-bottom:#A09C8D 1px solid;
	background:#CEE3A5;
	text-align:center;
	color:#260B01;
}

.pacbox_green td {
	padding:4px 5px 4px 10px;
	border-bottom:#A09C8D 1px solid;
	border-right:#A09C8D 1px solid;
	text-align:center;
}

.pacbox_purple {
	width:567px;
	border-top:#A09C8D 1px solid;
	border-left:#A09C8D 1px solid;
	margin-bottom:10px;
}

.pacbox_purple th {
	text-align:left;
	padding:4px 0px 4px 5px;
	border-right:#A09C8D 1px solid;
	border-bottom:#A09C8D 1px solid;
	background:#EBDDEF;
	text-align:center;
	color:#260B01;
}

.pacbox_purple td {
	padding:4px 5px 4px 10px;
	border-bottom:#A09C8D 1px solid;
	border-right:#A09C8D 1px solid;
	text-align:center;
}





.pacbox_cell {
	background:#E7F2F5;
}

.pacbox_cell3 {
	background:#FFF2F2;
}

.pacbox_cell_y {
	background:#FFFEDE;
}

.pacbox_cell_o {
	background:#FFF1DE;
}

.pacbox_cell_p {
	background:#FEF0F5;
}

.pacbox_cell_b {
	background:#F9EDE4;
}

.pacbox_cell_g {
	background:#F0F5E7;
}

.pacbox_cellbold {
	background:#E7F2F5;
	font-weight:bold;
}

.pacbox_cellbold2 {
	background:#FFF0F0;
	font-weight:bold;
}

.pacbox_cell2 {
	background:#F5F5F2;
	font-weight:bold;
}






.pacbox_cell_y_line {
	background:#FFFEDE;
	border-right: solid 1px #ccc;
}

.pacbox_cell_o_line {
	background:#FFF1DE;
	border-right: solid 1px #ccc;
}

.pacbox_cell_p_line {
	background:#FEF0F5;
}

.winner_img_wrapper{
	display:flex;
	flex-wrap:wrap;
	margin:auto;
	text-align:center;
}

.winner_img{
	width:22%;
	display:inline-block;
	margin:5px auto;
	font-size:13px;
}
@media screen and (max-width: 1000px) {
	.top_compe_banner_section{
		display:flex;
		position: absolute;
		right: 2em;
		bottom: 8.25em;
		max-width: 35%;
		align-items: flex-end;
	}
	.top_compe_banner_logo_section img{
		height:50%;
		max-width:50%;
		margin:0 5px 0 0;
		position:relative;
		bottom: 0em;
	}
}
@media screen and (max-width: 700px) {
	.goto_banner{
		position: absolute;
		left: 1.25em;
		top: 1.25em;
		width:25%;
	}
}
@media screen and (max-width: 480px) {
	.goto_banner{
		position: absolute;
		left: 1.25em;
		top: 1.25em;
		width:25%;
	}
	.top_logo_section{
		display:flex;
		position: absolute;
		right: 2em;
		bottom: 1.25em;
		max-width: 100%;
		align-items: flex-end;
	}
	.top_logo_section img{
		height:100%;
		max-width:100%;
		max-height:80px;
		margin:0 5px 0 0;
		position:relative;
		bottom: 0em;
	}
	.top_compe_banner_section{
		display:flex;
		position: absolute;
		right: 2em;
		bottom: 8.25em;
		max-width: 50%;
		align-items: flex-end;
	}
	.top_compe_banner_logo_section img{
		height:100%;
		max-width:100%;
		max-height:80px;
		margin:0 5px 0 0;
		position:relative;
		bottom: 0em;
	}
	.winner_img_wrapper{
		display:flex;
		flex-wrap:wrap;
		margin:auto;
		text-align:center;
	}
	.winner_img{
		width:45%;
		display:inline;
		margin:5px auto;
		font-size:13px;
	}
	.goto_banner{
		position: absolute;
		left: 1.25em;
		bottom: 0.8em;
		width:35%;
	}
	.top_logo_section{
		display:flex;
		position: absolute;
		right: 2em;
		bottom: 1.25em;
		max-width: 100%;
		align-items: flex-end;
	}
	.top_logo_section img{
		height:100%;
		max-width:100%;
		max-height:80px;
		margin:0 5px 0 0;
		position:relative;
		bottom: 0em;
	}

}

.scroll {
  margin     : auto;
  width      : 30%;
  font-size  : 120%;
  line-height: 1.5em;
  text-align : center;
  border     : 0px solid #666;
  color      : #000000;
  background : #fff;
  overflow   : hidden;
}
.scroll span{
  display     : inline-block;
  padding-left: 100%;
  white-space : nowrap;
  line-height : 1em;
  animation   : scrollAnime 16s linear infinite;
}
@keyframes scrollAnime{
    0% { transform: translateX(0)}
  100% { transform: translateX(-100%)}
}

#iframewrap{
	margin:auto;
	text-align:center;
	width:100%;
}

#iframewrap iframe{
	 width:400px;
	 height:35px;
}

.layoutfixed	{
   table-layout: fixed;
   width: 100%;
}
.tategaki {
	writing-mode:vertical-rl;
	-ms-writing-mode: tb-rl;
	font-size:16px;
	text-align: center;
	margin-top:0.5em;
	margin-bottom:0.5em;
    }
.tategakib {
	writing-mode:vertical-rl;
	-ms-writing-mode: tb-rl;
	font-size:16px;
	text-align: center;
	margin-top:0.5em;
	margin-bottom:0.5em;
    }
.tategakibb {
	font-size:50px;
	text-align: center;
	margin-top:0.5em;
	margin-bottom:0.5em;
    }

.borrightred	{
	border-right:2px solid red;
	font-size:14px;
}
.borrightbottomred	{
	border-bottom:2px solid red;
	border-right:2px solid red;
	font-size:14px;
}
.borleftbottomred	{
	border-bottom:2px solid red;
	border-left:2px solid red;
	font-size:14px;
}
.borleftred	{
	border-left:2px solid red;
	border-right:2px solid black;
	font-size:14px;
}
.borleftblack	{
	border-left:2px solid black;
	border-right:2px solid red;
	font-size:14px;
}


/*　黒ボーダー　*/

.borrightbottomblack {
	border-bottom:2px solid black;
	border-right:none;
	border-top:none;
	font-size:14px;
}

.borbottomblack {
	border-bottom:2px solid black;
	font-size:14px;
	}

.nowrapt { white-space:nowrap; }

.checkt	{
	margin-left:10px;
	padding-left:20px;
	list-style-type: decimal;
	list-style-position: outside;
	}
	
.borFat {
	border-bottom:2px solid red;
}

/*---- ADD CSS ----*/
#results_trcenter {
	table-layout: fixed;
	word-break: break-all;
	overflow-wrap: break-word;
}

#results_trcenter tr td:nth-of-type(1) {
  width: 28% !important;
  text-align:center;
}

#results_trcenter tr td:nth-last-child(-n+4) {
  width: 18% !important;
  text-align:center;  
}

.thl_thgreen dt {
	margin-right: 20px;
	float: left;
}

.results_read {
	text-align: center;
}

.compe_winner {
	text-align: center;
	padding-bottom: 30px;
}

.compe_winner h1 {
	font-size: 120%;
}

.compe_winner img {
	margin-bottom: 30px !important;
}

#compe_winner_name{
	font-size: 35px;
	padding-bottom:15px;
	margin-bottom:10px;
	background-image:url(/src/image/top/name_back.png);
	background-repeat: no-repeat;
	background-position: center;
}

#compe_winner_title{
	font-size: 30px;
}

#scrolltable {
  font-family:
  'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", Meiryo, 'メイリオ', Osaka, 'MS PGothic', arial, helvetica, sans-serif !important;
  margin-top: 10px;
  border-color: #ccc;
}

#scrolltable th {
	border-left: solid 1px rgba(255,255,255,0.2);
	border-bottom: solid 1px rgba(255,255,255,0.2);
	font-weight: normal;
}

#scrolltable th:last-child {
	border-bottom: none;
}

.scrolltable_attention {
	font-size: 95%;
	padding: 5px 0px;
}

.top_show_link3{
	width:85%;
	margin:auto;
}

#sns_warp{
	width:95%;
	margin: 50px auto 0 auto;
	text-align:center;
	display: flex;
}
#sns_warp_2{
	width:95%;
	margin: 0px auto 0 auto;
	text-align:center;
	display: flex;
}

#sns_left_header_color {
	width: 100%;
	height:60px;
	margin: 0 auto 7px auto;
	text-align:center;
}

#sns_right_header_color {
	width: 100%;
	height:60px;
	margin: 0 auto 7px auto;
	text-align:center;
}

#sns_left_header_color_2 {
	width: 100%;
	height:60px;
	margin: 0 auto 7px auto;
	text-align:center;
}

#sns_right_header_color_2 {
	width: 100%;
	height:60px;
	margin: 0 auto 7px auto;
	text-align:center;
}

#sns_left {
	width: 48%;
	display:inline-block;
}

#sns_right {
	width: 48%;
	display:inline-block;
}

#sns_left_2 {
	width:48%;
	height: 50px;
	background-image:url("//keihan-cc-cojp.check-xserver.jp/src/image/top/SNS_instagram_color.png");
}

#sns_right_2 {
	width:48%;
	height: 50px;
	background-image:url("//keihan-cc-cojp.check-xserver.jp/src/image/top/SNS_instagram_color.png");
}

/*---- Media Queries ----*/

/* 992px 以上 */
@media screen and (min-width: 992px) {
.tab_01 {margin:5em; padding:0;}
}



/* 991px 以下 */
@media screen and (max-width: 991px) {
	.member_jsq{
		position: absolute;
		right: 5em;
		bottom: 0.8em;
		max-width: 30%;
	}
}

/*　開始　Twitter 埋め込みバグ回避用 ios向け*/
@media screen and (max-width: 768px) and (min-width: 480px) {
	iframe .twitter-timeline-rendered{
		width: 490px!important;
	}
	.member_jsq{
		position: absolute;
		right: 4.75em;
		bottom: 0.8em;
		max-width: 35%;
	}
}

@media screen and (max-width: 480px) {
	iframe.twitter-timeline-rendered{
		width: 450px !important;
		margin:0 auto;
	}
	#iframewrap{
		width:100% !important;

	}
	#iframewrap img{
		width:90% !important;

	}
	#iframewrap iframe{
		 width:340px !important;
		 height:35px;
	}
}

.timeline-Widget {
	max-width: 300px!important;
	width:200px!important; 
}
/*　終了　Twitter 埋め込みバグ回避用 ios向け*/

/* 767px 以下 */
@media screen and (max-width: 767px) {

	#sns_warp{
	width:100%;
	margin: 10px auto 0 auto;
	text-align:center;
	display: inline;
	}

	#sns_left {
		width: 100%;
		display:block;
	}

	#sns_right {
		width: 100%;
		display:block;
	}
#sns_warp_2{
	width:100%;
	margin: 0px auto 0 auto;
	text-align:center;
	display: inline;
}

#sns_left_2 {
	width:100%;
	display:block;
	margin:0px 0 0 0 ;
}

#sns_right_2 {
	width:100%;
	display:block;
	margin:0px 0 0 0 ;


}
	#sns_left_header_color {
		width: 100%;
		display:inline;
		margin:0px 0 5px 0 ;
		padding:0 0 5px 0;
	}

	#sns_right_header_color {
		width: 100%;
		display:inline;
		margin:0px 0 5px 0 ;
	}


#results_trcenter tr td:nth-last-child(-n+4) {
  	 				width: 10% !important;
     				text-align:center;
					line-height: 160% !important;
}

#results_trcenter tr td:nth-of-type(1) {
  width: 25% !important;
  text-align:center;
  word-break: break-word;
  overflow-wrap: break-word;
  table-layout:fixed;
  padding-left: 2px !important;
  padding-right: 2px !important;
}

#results_trcenter tr th:nth-of-type(1) {
  width: 25% !important;
  table-layout:fixed;
  padding-left: 2px !important;
  padding-right: 2px !important;
}

.tbl_thcolor td {
  word-break: break-word;
  overflow-wrap: break-word;
  table-layout:fixed;
}

.verticalvar_off {
	display: none;
}

#scrolltable {
  display: block !important;
  overflow-x: scroll !important;
  white-space: nowrap !important;
  -webkit-overflow-scrolling: touch !important;
  font-family:
  'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", Meiryo, 'メイリオ', Osaka, 'MS PGothic', arial, helvetica, sans-serif !important;
  border: none;
  padding-left: 0px;
  padding-top: 0px;
  margin-top: 10px;
}

#scrolltable table tbody {
  width: 100%;
  display:table;
}

#scrolltable::-webkit-scrollbar{
  height:5px;
}
  
#scrolltable::-webkit-scrollbar-track{
  background:#ccc;
  border-radius: 3px;
}

#scrolltable::-webkit-scrollbar-thumb{
  background:#13BC00;
  border-radius: 3px;
}

#scrolltable th {
	border-left: solid 1px rgba(255,255,255,0.2);
	border-bottom: solid 1px rgba(255,255,255,0.2);
	font-weight: normal;
	padding: 5px 10px;
}

#scrolltable th:last-child {
	border-bottom: none;
}

#scrolltable td {
	padding-right: 10px;
	padding-left: 3px;
}

.scrolltable_attention {
	font-size: 75%;
	padding: 5px 0px;
}

｝

/* スマホ以外全て */
@media screen and (min-width: 768px) {
  .sp_br{
    display: none;
  }
}










