@charset "utf-8";
/* CSS Document */
/*
Theme Name: freestylebar-rin
Theme URI: www.rin-toyohashi.com/
Author: ichiro
Author URI: none/
Description:豊橋にあるフリースタイルバー輪の公式webサイトです。.
Version: 0.01

*/
.youtuberogo_for_sp{
	display:none;
}
.YOutuBe_RoGo_for_PC {
    width: 697px;
    height: 81px;
    margin: 0px auto;
}

h1 {
    background-color: black;
}

.movie_title {
    font-weight: 300;
}

.YOUtube_ {
    margin: 0px auto;
    width: 1000px;
    display: flex;
    flex-wrap: wrap;
    min-height: 60vh;
}

.youtube_template {
    width: 300px;
    margin: 18px 16px 0px;
}

.youtube_template img {
    margin: 0px auto;
    width: 300px;
	border-radius:15px;
}



.movie_title {
    font-size: 15px;
    padding: 3px 6px 0px;
}







/*
the_posts_pagination() を使用したページネーション
*/
.pagination {
    margin: 18px auto 18px;
    width: 1000px;
    padding: 0px 0px 18px;
}

.pagination > ul {
	width: 1000px;
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
	font-size:15px;
}

.pagination > ul > li {
    border: none;
    margin: 0px 15px 0px 0px;
    width: 30px;
    height: 30px;
}

.pagination > ul > li > a,
.pagination > ul > li > span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: #606060;
    box-sizing: border-box;
}

.pagination > ul > li > a {
    border: 1px solid currentColor;
    text-decoration: none;
}

.pagination > ul > li > .current {
    border: 1px solid #606060;
    background-color: #606060;
    color: #fff;
}

.pagination > ul > li > .prev,
.pagination > ul > li > .next {
    position: relative;
    border: none;
}
.pagination > ul > li > .prev::before,
.pagination > ul > li > .next::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.75em;
    height: 0.75em;
    border-right: 2px solid currentColor;
    border-top: 2px solid currentColor;
    content: "";
}
.pagination > ul > li > .prev::before {
    transform: translateX(-50%) translateY(-50%) rotate(225deg);
}
.pagination > ul > li > .next::before {
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}