.MainTop1{
	font-size:1em;font-family:serif;
	text-shadow:
	#FFF 1px 1px 2px, #FFF -1px 1px 2px,
    #FFF 1px -1px 2px, #FFF -1px -1px 2px;
	margin-bottom: 1em;
}
.MainYYYY{
	font-size:2em;font-family:serif;
	text-shadow:
	#FFF 1px 1px 2px, #FFF -1px 1px 2px,
    #FFF 1px -1px 2px, #FFF -1px -1px 2px;
	margin-bottom: .5em;
}
.MainTEXT{
	color:#FFFFFF;
	text-shadow:
	black 2px 0px 2px, black -2px 0px 2px,
    black 0px -2px 2px, black -2px 0px 2px,
    black 2px 2px 2px, black -2px 2px 2px,
    black 2px -2px 2px, black -2px -2px 2px,
    black 1px 2px 2px, black -1px 2px 2px,
    black 1px -2px 2px, black -1px -2px 2px,
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
	font-size:0.85em;
}

.TopLogo2{
	filter: drop-shadow(2px 2px 2px rgba(225,225,225,1));
}

.TopImage1{
	width:100%;
	max-width:600px;
}
IMG.TopImage1{
	width:100%;
	margin:auto;
}
.BottomBox{
	border:solid 2px blue;padding:8px;margin:15px;
}
.f-1{
	font-size:0.6em;
}
.clientgenre{background-color:#cc0066;color:#FFFFFF;padding:4px 12px 4px;margin:2px 10px 2px 10px;;text-align:center;}
.clientnamebg{background: linear-gradient(#ff9900,#ff3300);padding:10px 0px 10px 0px;font-size:1.35em;}
.KikakuTitle{
	font-family: 'UD デジタル 教科書体 N-R';
	border-bottom:solid 2px maroon;border-left:solid 9px chocolate;width:90%;
	padding:6px 6px 6px 12px;margin:7px 0px 7px 0px;
}
.TABRADIO{	display:none;}

.MenuBox{width:100%;height: 100%;}
.MenuBox TD{width:25%;height:100%;}

.MenuBox DIV{
	display: flex;justify-content: center;align-items: center;background-color:lightskyblue;height:100%;min-height:50px;font-size:0.9em;
	-webkit-transition: 0.3s ease-out;-moz-transition: 0.3s ease-out;-o-transition: 0.3s ease-out;transition: 0.3s ease-out;
}
.MenuBox DIV:hover{background-color:navy;color:white;}

.MenuBox2{width:100%;height: 100%;}
.MenuBox2 TD{width:16%;height:100%;}
.MenuBox2 DIV{
	display: flex;justify-content: center;align-items: center;background-color:lightskyblue;height:100%;min-height:50px;font-size:0.9em;
	-webkit-transition: 0.3s ease-out;-moz-transition: 0.3s ease-out;-o-transition: 0.3s ease-out;transition: 0.3s ease-out;
}
.MenuBox2 DIV:hover{background-color:navy;color:white;}


.MenuButtonList{padding:8px 2px 8px 2px;border-bottom:1px darksalmon dotted;}
A{text-decoration: none;font-family: 'UD デジタル 教科書体 N-R';color:black;}
.MenuButtonList:hover{background-color:plum;}

.WW_ClientLIST{background: linear-gradient(yellow,gold);padding:9px 6px 9px 6px;margin:3px 2px 3px 2px;width:45%;}
.WW_ClientLIST:hover{background: linear-gradient(gold,orange);}

.BACK_LINK{
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);color:#FFFFFF;background-color:#6493e3;border-radius:2px;float:left;width:80px;padding:10px;
}
.NEXT_LINK{
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);color:#FFFFFF;background-color:#6493e3;border-radius:2px;float:right;width:80px;padding:10px;
}
.BACK_LINK:hover{background-color:royalblue;}
.NEXT_LINK:hover{background-color:royalblue;}

.DetailDIV{

}

.PhotoBox{width:100%;}
.PhotoIMG{width:100%;}


.BOTTOM_KOUEN{
	text-align:left;
	color:dimgray;
	border:1px solid dimgray;
	font-size:0.9em;
	padding:8px;
	margin:30px 9px 9px 9px;
	word-break:break-all;
}
.BOTTOM_LINK{
	text-align:center;
	color:rgb(0, 0, 0);
	border:1px solid dimgray;
	font-size:0.9em;
	padding:8px;
	margin:24px 9px 9px 9px;
	word-wrap: break-word;
	background-color: #aefff8;
}
.BOTTOM_LINK:hover{
	background-color:powderblue;
}

.Detail_F1{
	font-size:1.4em;
}
.Detail_F2{
	font-size:2.0em;
	letter-spacing: -0.05em;
}
.Detail_Pwrap{
	margin: 0 auto;
	padding:5px 0px 5px 0px;
	text-align: center;
	width:80%
}
.Detail_P1{
	height:450px;
	background-color:#f0f0f0;
	border:solid 1px gold;
	padding:5px;
	margin-left:-6px;
	box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8); 
}
.Detail_TITLE{
	min-height:464px;
	width:55px;
	float:right;
	/*text-orientation: upright;*/
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	font-size:2.4em;
	font-weight:600;
	font-family:serif;
	padding:3px 6px 6px 6px;
	transform: scale(1, 0.94);
	/*vertical-align:middle;*/
	/*background-color:cornsilk;*/
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.Tatechuyoko{
	/*
	-webkit-writing-mode:horizontal-tb;
	-ms-writing-mode:lr-tb;
	writing-mode:horizontal-tb;
	transform: scale(0.8,1);
	letter-spacing: -0.05em;
	line-height: 90%;
	*/

  -webkit-text-combine: horizontal;
  -ms-text-combine-horizontal: all;
  text-combine-upright: all;
}
.Detail_BODY{
	text-align:left;padding:7px 7px 7px 7px;
	font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
	line-height:1.4em;
	text-indent: 1em;
}

#css-slider {
	width: 100%;
	height: 120px;
	overflow: hidden;
}
 
.slide-item {
	background-color:yellow;
	border-radius:7px;
	margin:0px 2px 0px 2px;
	width: 300px;
	height: 120px;
	float: left;
	position: relative;
}

.slider-wrapper {
	width: 900%;
	position: relative;
	left: 0;
	will-change: transform;
	animation: slider 30s infinite;
}
 
@keyframes slider {
  0% { transform: translateX(0); }
  10% { transform: translateX(-300px); }
  20% { transform: translateX(-600px); }
  30% { transform: translateX(-900px); }
  40% { transform: translateX(-1200px); }
  50% { transform: translateX(-1500px); }
  60% { transform: translateX(-1800px); }
  70% { transform: translateX(-2100px); }
  80% { transform: translateX(-2400px); }
  90% { transform: translateX(-2700px); }
  100% { transform: translateX(0); }
}

	
#DIVMAIN   { display:none;min-height:200px;	font-family: 'UD デジタル 教科書体 N-R';}
#DIVSUB    { display:none;min-height:200px;	font-family: 'UD デジタル 教科書体 N-R';}
#DIVSAIYOU { display:none;min-height:200px;	font-family: 'UD デジタル 教科書体 N-R';}
#DIVCORP   { display:none;min-height:200px;	font-family: 'UD デジタル 教科書体 N-R';}

#TABBUTTON_MAIN{/* display: inline-block;*/
  margin-top: 12px;
  padding: 5px 11px;
}
#TABBUTTON_SUB{/* display: inline-block;*/
  margin-top: 12px;
  padding: 5px 11px;
}
#TABBUTTON_SAIYOU{/* display: inline-block;*/
  margin-top: 12px;
  padding: 5px 11px;
}
#TABBUTTON_CORP{/* display: inline-block;*/
  margin-top: 12px;
  padding: 5px 11px;
}




/* チェックボックスをチェックしたときに隠しコンテンツを表示 */
#MAIN_CHECK:checked ~ #DIVMAIN { display:block;}
#SUB_CHECK:checked ~ #DIVSUB {display:block;}
#SAIYOU_CHECK:checked ~ #DIVSAIYOU { display:block;}
#CORP_CHECK:checked ~ #DIVCORP { display:block;}

/* チェックボックスがチェックされていたらボタンにスタイルを適用 */
#MAIN_CHECK:checked ~   .MenuBox #TABBUTTON_MAIN   {background-color: royalblue;color:#FFF;}
#SUB_CHECK:checked ~    .MenuBox #TABBUTTON_SUB    {background-color: royalblue;color:#FFF;}
#SAIYOU_CHECK:checked ~ .MenuBox #TABBUTTON_SAIYOU {background-color: royalblue;color:#FFF;}
#CORP_CHECK:checked ~   .MenuBox #TABBUTTON_CORP   {background-color: royalblue;color:#FFF;}

@media screen and (max-width: 600px) {
	.WW_ClientLIST{
		margin:3px 0px 3px 0px;
		font-size:0.65em;	
	}

	.Detail_F1{
		font-size:1.0em;
	}
	.Detail_F2{
		font-size:1.4em;
	}
	.Detail_Pwrap{
		margin: 0 auto;
		padding:5px 0px 5px 0px;
		min-width:70%;
	}
	.Detail_P1{
		max-height:300px;
		max-width:300px;
	}
	.Detail_TITLE{
		width:40px;
		min-height:324px;
		font-size:1.75em;
		letter-spacing: -1px;
	}
	.Detail_BODY{
		text-align:left;padding:7px -3px 7px 3px;
	}
}

.flexbox {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}