@charset "utf-8";
* {
	text-decoration: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: normal;
	outline: none;
}

@font-face {
font-family:"YuGothic M";
src:local("Yu Gothic Medium"),local("Yu Gothic");
font-weight:500
}
.wf-mplus1p1 { font-family: "Mplus 1p";font-weight: 100; }
.wf-mplus1p3 { font-family: "Mplus 1p";font-weight: 300; }
.wf-mplus1p4 { font-family: "Mplus 1p";font-weight: 400; }
.wf-mplus1p5 { font-family: "Mplus 1p";font-weight: 500; }
.wf-mplus1p7 { font-family: "Mplus 1p";font-weight: 700; }
.wf-mplus1p8 { font-family: "Mplus 1p";font-weight: 800; }
.wf-mplus1p9 { font-family: "Mplus 1p";font-weight: 900; }

html {
font-family:"游ゴシック体",YuGothic,"YuGothic M","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
font-size:16px;	
line-height:1.5;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
background:#fff;
color:#333
}

body {
margin:0
}

a {
background-color:transparent;
-webkit-text-decoration-skip:objects;
outline: none;
}

a:active,a:hover {
outline:none
}

a,.uk-link {
color:#03f;
text-decoration:none;
cursor:pointer
}

a:hover,.uk-link:hover {
color:#009;
text-decoration:underline
}

/* --------------- */

br.spon {
display: block;
}
br.spoff {
display: none;
}
.spbox {
display: block;
}
@media screen and (min-width:640px) {
br.spon {
display: none;
}
br.spoff {
display: block;
}
.spbox {
display: none;
}
}

header {
	background-image: -webkit-linear-gradient(313deg,rgba(15,84,176,1.00) 12.95%,rgba(128,206,215,1.00) 100%);
	background-image: -moz-linear-gradient(313deg,rgba(15,84,176,1.00) 12.95%,rgba(128,206,215,1.00) 100%);
	background-image: -o-linear-gradient(313deg,rgba(15,84,176,1.00) 12.95%,rgba(128,206,215,1.00) 100%);
	background-image: linear-gradient(137deg,rgba(236,10,27,1.00) 12.95%,rgba(255,127,154,1.00) 100%);
}
header * {
	color: #FFFFFF !important;
}
footer .tel {
	color: #0F54B0;
	font-size: 1.8rem;
}
footer #copyrights {
	font-size: 0.8rem;
	color: #868686;
	padding: 6px;
	text-align: center;
	background-image: url(../images/border1.png);
}
#pgtop {
	position: fixed;
	right: 10px;
	bottom: 30px;
}
.uk-offcanvas-bar {
	background-color: #fff;
}
.uk-offcanvas-bar * {
	color: #191919;
}
.uk-offcanvas-bar .uk-list ul {
    padding-left: 10px;
}

/*
main {
	margin-top: 70px;
}
*/

.syozoku {
	padding: 20px 0;
}
.syozoku .uk-card-body {
	padding: 8px 12px;
}
.syozoku .uk-card-title,.syozoku .uk-card-title .uk-button {
	font-size: 1.2rem;
}

/*	------　アニチューバー　-------		*/
.syozoku.anituber .uk-icon-button {
	background-image: linear-gradient(to top, #f77062 0%, #fe5196 100%);
	color: #fff;
}
.syozoku.anituber .uk-icon-button:hover {
	background-image: -webkit-linear-gradient(313deg,rgba(247,112,98,1.00) 0%,rgba(254,81,150,1.00) 100%);
	background-image: -moz-linear-gradient(313deg,rgba(247,112,98,1.00) 0%,rgba(254,81,150,1.00) 100%);
	background-image: -o-linear-gradient(313deg,rgba(247,112,98,1.00) 0%,rgba(254,81,150,1.00) 100%);
	background-image: linear-gradient(137deg,rgba(247,112,98,1.00) 0%,rgba(254,81,150,1.00) 100%);
	color: #fff;
}

/*	------　youtuber　-------		*/
.syozoku.youtuber .uk-icon-button {
background-image: linear-gradient(-225deg, #2CD8D5 0%, #6B8DD6 48%, #8E37D7 100%);
	color: #fff;
}
.syozoku.youvtuber .uk-icon-button:hover {
	background-image: -webkit-linear-gradient(315deg,rgba(44,216,213,1.00) 0%,rgba(107,141,214,1.00) 48%,rgba(142,55,215,1.00) 100%);
	background-image: -moz-linear-gradient(315deg,rgba(44,216,213,1.00) 0%,rgba(107,141,214,1.00) 48%,rgba(142,55,215,1.00) 100%);
	background-image: -o-linear-gradient(315deg,rgba(44,216,213,1.00) 0%,rgba(107,141,214,1.00) 48%,rgba(142,55,215,1.00) 100%);
	background-image: linear-gradient(135deg,rgba(44,216,213,1.00) 0%,rgba(107,141,214,1.00) 48%,rgba(142,55,215,1.00) 100%);
	color: #fff;
}

/*	------　VTuber　-------		*/
.syozoku.vtuber .uk-icon-button {
background-image: linear-gradient(-225deg, #fffd6f 0%, #0bccb3 48%, #004e39 100%);
	color: #fff;
}
.syozoku.vtuber .uk-icon-button:hover {
	background-image: -webkit-linear-gradient(315deg,rgba(44,216,213,1.00) 0%,rgba(107,141,214,1.00) 48%,rgba(142,55,215,1.00) 100%);
	background-image: -moz-linear-gradient(315deg,rgba(44,216,213,1.00) 0%,rgba(107,141,214,1.00) 48%,rgba(142,55,215,1.00) 100%);
	background-image: -o-linear-gradient(315deg,rgba(44,216,213,1.00) 0%,rgba(107,141,214,1.00) 48%,rgba(142,55,215,1.00) 100%);
	background-image: linear-gradient(135deg,rgba(44,216,213,1.00) 0%,rgba(107,141,214,1.00) 48%,rgba(142,55,215,1.00) 100%);
	color: #fff;
}


/*	------　youtuber声優　-------		*/
.syozoku.youtuber_voice .uk-icon-button {
background-image: linear-gradient(-225deg, #f692ac 0%, #da3c3c 48%, #a30514 100%);
	color: #fff;
}
.syozoku.youvtuber_voice .uk-icon-button:hover {
	background-image: -webkit-linear-gradient(315deg,rgba(44,216,213,1.00) 0%,rgba(107,141,214,1.00) 48%,rgba(142,55,215,1.00) 100%);
	background-image: -moz-linear-gradient(315deg,rgba(44,216,213,1.00) 0%,rgba(107,141,214,1.00) 48%,rgba(142,55,215,1.00) 100%);
	background-image: -o-linear-gradient(315deg,rgba(44,216,213,1.00) 0%,rgba(107,141,214,1.00) 48%,rgba(142,55,215,1.00) 100%);
	background-image: linear-gradient(135deg,rgba(44,216,213,1.00) 0%,rgba(107,141,214,1.00) 48%,rgba(142,55,215,1.00) 100%);
	color: #fff;
}


@media (max-width:640px){
.syozoku .uk-card-body .uk-flex {
	display: block;
}
.syozoku .uk-card-title,.syozoku .uk-card-title .uk-button {
	font-size: 1rem;
}
}


.youtubemovie1 { 
    position: relative;
    width: 96%;    /* 左右に余白が必要なら値を変更してもOK */
    height: 0;
    padding-top: 56.25%;
    overflow: hidden;
	margin: 20px auto;
}
.youtubemovie1 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

/* 無限ループ（背景）
-------------------- */
/*
#loopimage {
width: 100%;
    height: 240px;
    background: url(../images/pt-slide.jpg) repeat-x;
    background-position: 0 0;
    -webkit-animation: bgroop 60s linear infinite;
    animation: bgroop 60s linear infinite;
}
@-webkit-keyframes bgroop {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -2664px 0;
    }
}
@keyframes bgroop {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -2664px 0;
    }
}
*/




/*
#Suppliers ul {
	margin: 0;
	padding: 0;
}
#Suppliers li {
	list-style: none;
	display: inline-block;
	margin: 2px 6px;
}
*/

/* ページ見出し
-------------------- */
.midashi1 {
	padding: 20px 0;
	margin-bottom: 50px;
	text-align: center;
	background-image: url(../images/border2.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.service1 li img {
	width: 40%;
}

/*
.service_list li:not(:last-child) {
	padding-right: 10px;
}
*/
.service_list a {
	display: block;
	background-color: #6CA3EF;
	background-image: -webkit-linear-gradient(134deg,rgba(68,129,235,1.00) 0%,rgba(4,190,254,1.00) 100%);
	background-image: -moz-linear-gradient(134deg,rgba(68,129,235,1.00) 0%,rgba(4,190,254,1.00) 100%);
	background-image: -o-linear-gradient(134deg,rgba(68,129,235,1.00) 0%,rgba(4,190,254,1.00) 100%);
	background-image: linear-gradient(316deg,rgba(68,129,235,1.00) 0%,rgba(4,190,254,1.00) 100%);
	color: #FFFFFF;
	text-decoration: none;
	border-radius: 30px;
	padding: 16px;
}
.service_list a:hover {
	background-color: #317AE0;
	background-image: -webkit-linear-gradient(314deg,rgba(68,129,235,1.00) 0%,rgba(4,190,254,1.00) 100%);
	background-image: -moz-linear-gradient(314deg,rgba(68,129,235,1.00) 0%,rgba(4,190,254,1.00) 100%);
	background-image: -o-linear-gradient(314deg,rgba(68,129,235,1.00) 0%,rgba(4,190,254,1.00) 100%);
	background-image: linear-gradient(136deg,rgba(68,129,235,1.00) 0%,rgba(4,190,254,1.00) 100%);
	-webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.4);
	box-shadow: 0px 2px 8px rgba(0,0,0,0.40);
}
#gmap {
	width: 100%;
	height: 300px;
	border: 2px solid #D4DBEC;
}
@media screen and (min-width:640px) {
#gmap {
	height: 100%;
}
}
.sssblock .uk-container {
	padding-top: 30px;
	padding-bottom: 30px;
	border-radius: 8px;
	background-color: #fff;
}
.sssblock {
	background-image: url(../images/stripe_bg2.png);
}
#Suppliers ul .keisyo {
	font-size: 0.8rem;
	color: #6B6B6B;
}


#maiimage {
/*	height: 460px;*/
	background-image: url(../images/mainimage_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;

}

@media screen and (max-width: 960px) {
	#maiimage {
		height: 200px;
		background-image: url(../images/mainimage_bg.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: cover;
	}
	.image_middle {
		display: table-cell;
		vertical-align: middle;
	}
	
	<!--　-->
	* html div.image_middle {
		position: relative; /* ③ */
	}
	*+html div.image_middle {
		position: relative; /* ③ */
	}
	* html div.vertical_middle {
		position: absolute; /* ⑥ */
		top: 50%;		 /* ⑥ */
	}
	*+html div.vertical_middle {
		position: absolute; /* ⑥ */
		top: 50%;		 /* ⑥ */
	}
	div.vertical_middle p.inner {
		margin: 0;
	}
	* html div.vertical_middle p.inner {
		position: relative; /* ⑦ */
		top: -50%;		/* ⑦ */
	}
	*+html div.vertical_middle p.inner {
		position: relative; /* ⑦ */
		top: -50%;		/* ⑦ */
	}
	<!--　-->
}

.side_title {
	font-size: 130%;
	font-weight: bold;
}


.kyoutyou{
	font-size:110%;
	font-weight:bold;
	color:#ab0000;
}

.midasi{
	font-weight:bold;
	font-size:80%;
	text-transform: none;
	color:#fa7777;
}


.uk-navbar-nav li a{
	text-transform: none !important;
}

.read_col{
	color:#ab0000;
}