@charset "UTF-8";
/*
Theme Name: biwako-arts-theme
Theme URI: https://www.biwako-arts.or.jp/rd/

	-- color --
	--border-color: #0075c2;
	--menu-color: #005c99;
	--window-color: #ffffff;
	--frame-color: #9bb2c2;
*/
body {
	background-color: #ffffff;
	color : #222222;
	padding: 0;
	margin: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 0.05em;
}
h1,h2,h3,h4,h5,ol{
	letter-spacing: normal;
}
table {
	font-size: 1em;
}
h1 {
	font-size: 1.2em;
}
h2 {
	font-size: 1.1em;
}
h3 {
	font-size: 1em;
}
p {
	margin: 5px 0px;
	padding: 0;
	border: 0;
	line-height: 1.5em;
}
form {
	margin:0;
	padding:0;
	border:0;
}
address {
	line-height:1.5em;
}


a:LINK    { text-decoration: none; color: #222222; }
a:VISITED { text-decoration: none; color: #003366; }
a:ACTIVE  { text-decoration: none; color: #003366; opacity: 0.7; }
a:HOVER   { text-decoration: none; color: #003366; opacity: 0.7; }

.bold {
	font-weight: bold;
}
.small {
	font-size: 0.85em;
}
.date {
	font-size: 0.85em;
	color:#555555;
}
.date_right {
	font-size: 0.85em;
	color:#555555;
	text-align: right;
}
.noscript {
	margin: 2px 0 5px 0;
	padding: 0;
	border: 0;
	font-size: 0.85em;
	font-weight: bold;
	color:#CC0000;
	text-align: left;
}
dt {
	font-weight: bold;
}
fieldset, img {
    border: 0;
}
ol {
	margin : 0;
	padding : 0;
	list-style-position:inside;
}
ul {
    list-style: none;
	margin: 0;
	padding: 0;
}
li {
	margin: 0;
	padding: 0;
}
caption, th {
    text-align: left;
}
q:before, q:after {
    content: '';
}
abbr, acronym {
    border: 0;
}
img {
    border: 0;
}
svg {
	fill: currentColor;
}

/*　　　clearfix　　　*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-table;
min-height: 0.1em;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* Content Size */

/* container */
#wrap {
	margin: 0;
	padding: 0;
	font-size: 1em;
}
.main-content {
	width: 100%;
	background-color: #9bb2c2;
	margin: 0;
	padding: 0;
	font-size: 1em;
}
.index-content {
	display: flex;
	flex-flow: column-reverse wrap;
	width: 100%;
	max-width: 1088px;
	margin: 0 auto;
	padding: 0;
}
.sub-content {
	display: flex;
	flex-flow: column nowrap;
	background-color: #ffffff;
	width: 100%;
	height: 100%;
	max-width: 1088px;
	margin: 0 auto;
	padding: 0;
}
.side-content {
	display: flex;
	flex-flow: row wrap;
	padding: 0.5em;
}
.side-content .txt {
	flex: 1 1 60%;
}
.side-content .txt dd {
	display: flex;
	justify-content: center;

}
.side-content .tum {
	flex: 1 2 128px;
	padding: 0 1em;
}
.side-content .tum-mini {
	flex: 1 2 128px;
	max-width: 128px;
}
.side-content img {
	width: 100%;
	height: auto;
}
.album {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
}
.album p {
	padding: 0.5em;
}
.album img {
	max-width: 280px;
}
#zone01 {
	width: 100%;
	margin: 0;
	padding: 0;
}
#sidemenu {
	width: 100%;
	margin: 3px 0;
	padding: 0;
	border: 0;
	height: auto;
	background-color: #fff;
}
#zone02 {
	width: 100%;
	max-width: 1088px;
	margin: 0 auto 0 auto;
	padding: 0;
	border: 0;
	text-align: left;
}

/*	head　*/
#head {
	display: flex;
	position: relative;
	flex-flow: column;
}
#head li:not(#head_google_translate) a {
	text-decoration: none;
	color: #ffffff;
}
#head_title {
	position: relative;
	z-index: 99;
	width: 100%;
	max-width: 1088px;
	margin: 0 auto;
	background-color: #ffffff;
	display: flex;
	flex-flow: column;
}
#head_home {
	font-size: 28px;
}
#head_home span {
	font-size: 16px;
}
#head_home a {
	text-decoration: none;
	padding: 0 10px;
	color: #001f33;
}
#head_sites {
	display: flex;
	flex-flow: column-reverse nowrap;
}
#head_sites ul {
	display: flex;
	flex-flow: row nowrap;
	margin-left: auto;
	margin-bottom: 8px;
}
#head_sites ul li {
	height: 24px;
	font-size: 12px;
	font-weight:bold;
	margin-right: 5px;
}
#head_sites ul li.hf-biwako {
	padding: 8px 5px 2px 5px;
	background-color:#0b243e;
}
#head_sites ul li.hf-bunsan {
	padding: 8px 5px 2px 5px;
	background-color:#f66d0d;
}
#head_sites ul li.hf-twitter {
	position: relative;
	width: 34px;
	height: 34px;
	background-color: #000; /*#1da1f2;*/
	color: #ffffff;
	border-radius: 17px;
}
#head_sites ul li.hf-twitter a::before {
	position: absolute;
    top: 2px;
    left: 2px;
    font-size: 24px;
}
#head_google_translate {
	margin : 0;
	padding : 0;
}
#main-menu {
	position: relative;
	color: #ffffff;
	background-color: #0075c2;
}
#menu-trigger,
#menu-trigger span {
    display: inline-block;
    transition: all .3s;
    box-sizing: border-box;
    content: '';
    cursor: pointer;
}
#menu-trigger {
	position: absolute;
	z-index: 99;
	top: -36px;
	left: 10px;
    width: 24px;
    height: 22px;
}
#menu-trigger span {
    width: 100%;
    height: 2px;
    background-color: #001f33;
    border-radius: 2px;
}
#menu-trigger span:nth-of-type(2) {
    margin-top: 8px;
}
#menu-trigger span:nth-of-type(3) {
    margin-top: 8px;
}
#menu-close {
	display: none;
	position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
	width: 100%;
	height: 100%;
    background: black;
    opacity: 0;
    transition: .3s ease-in-out;
}
#menu-check {
	display: none;
}
#menu-check:checked ~ #menu-close {
    display: block;
    opacity: .5;
}
#menu-check:checked ~ #navi {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    box-shadow: 6px 0 25px rgba(0,0,0,.15);
}
#menu-check:checked ~ #menu-trigger {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
#menu-check:checked ~ #menu-trigger span:nth-of-type(1) {
    -webkit-transform: translateY(10px) rotate(-45deg);
    transform: translateY(10px) rotate(-45deg);
}
#menu-check:checked ~ #menu-trigger span:nth-of-type(2) {
    -webkit-transform: translateY(0) rotate(45deg);
    transform: translateY(0) rotate(45deg);
}
#menu-check:checked ~ #menu-trigger span:nth-of-type(3) {
    opacity: 0;
}
.container {
	margin-top: 6px;
}
.swiper-container {
	background-color: #001f33;
	max-width: 1088px;
	margin: 0;
	width: 98vw;
	height: 50vw;
	max-height: 428px;
}
.swiper-container:hover > .swiper-button-prev {
    opacity: 1;
    transition: .3s ease-in-out;
}
.swiper-container:hover >  .swiper-button-next {
    opacity: 1;
    transition: .3s ease-in-out;
}
.swiper-slide {
    background-position:center;
    background-size:cover;
}
.swiper-slide a{
    display: block;
    width: 100%;
    height: 100%;
}
.swiper-slide span {
	position: absolute;
    color: #ffffff;
    font-size: 0.8em;
    font-weight: bold;
	right: 20px;
	bottom: 30px;
	background-color: rgba(0,0,0,0.5);
	padding: 5px;
}
.swiper-button-prev, .swiper-button-next {
    opacity: 0;
}
.font_size2 p{
	margin : 0px 0px 0px 8px;
	padding : 1px 0px 0px 0px;
	border : 0px;
	font-size : 120%;
}

.search_box {
	position: relative;
	margin : 0;
	padding : 0;
	border : 0;
	color : #222222;
	text-align : right;
	font-size: 0.9em;
	vertical-align: middle;
}
.search_txt {
	margin : 0 0 0 3px;
	padding : 2px;
	width : 128px;
	vertical-align: middle;
	border: solid 1px #0075c2;
	background-color:#eeeeee;
}
.search_btn {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	background-color: transparent;
	border: 0;
}
.search_btn::before {
	position: absolute;
	content: '';
	top: 2px;
	left: 0;
	width: 12px;
	height: 12px;
	border: solid 2px #0075c2;
	border-radius: 50%;
}
.search_btn::after {
	position: absolute;
	content: '';
	top: 17px;
	left: 10px;
	width: 6px;
	height: 6px;
	border-top: solid 2px #0075c2;
	transform: rotate(45deg);
}

/*	navigation 　*/
#navi {
	position: absolute;
	z-index: 10;
	width: 90%;
	background-color: #0075c2;
	transition: .3s ease-in-out;
    -webkit-transform: translateX(-105%);
    transform: translateX(-105%);
}
#navi .menu {
	position: relative;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
}
#navi .menu > .menu-item {
	display: block;
	position: relative;
	text-align: left;
	padding: 0;
	margin: 0;
}


#navi .menu > .menu-item a {
	display: inline-block;
	padding: 0.8em 0 0.5em 1em;
}
#navi .sub-menu > .menu-item {
	margin: 0;
	padding-left: 1em;
}
#navi .sub-menu > .menu-item a:hover {
	opacity: 0.7;
}
#navi .sub-menu {
	display: flex;
	position: relative;
	flex-flow: column nowrap;
	overflow: hidden;
	background-color: #005c99;
	/* height: 0;
	opacity: 0; */
    /* transition: 0.3s; */
}
/* #navi .menu-item-has-children::after {
	display: block;
	position: absolute;
	top: 1em;
	right: 2em;
	content:  '';
	width: 8px;
	height: 8px;
	border-right: solid 2px #ffffff;
	border-bottom: solid 2px #ffffff;
	transition: 0.3s;
	transform: rotate(45deg);
}
#navi .menu-item-has-children.open::after {
	transform: rotate(-135deg);
} */
#navi .show-sub-menu {
	height: auto;
	opacity: 1;
}

/*	new　*/
.new {
	width: 100%;
	margin: 6px 10px 0 0;
	background-color: #ffffff;
}
.new h4 {
	margin-left: 10px;
	padding : 4px;
	border-left: 6px solid #0075c2;
}
.new_lower{
	margin : 0;
	padding : 0;
}
.new dl {
	position: relative;
	display: flex;
	flex-flow: row nowrap;
	margin: 0;
	padding: 0;
	line-height: 1.2em;
	min-height: 40px;
}
.new dl:nth-child(even) {
	background-color: #eeeeee;
}
.new dt {
	margin: auto 0 auto 0.5em;
	padding: 0;
	font-size: 0.85em;
	font-weight: normal;
	color:#888888;
	flex: 0 0 100px;
	height: 100%;
}
.new .revers {
	position: relative;
	margin-left: 4em;
}
.new .revers span {
	display: inline-block;
	position: absolute;
	padding: 0 0.5em;
	left: -3.5em;
	font-size: 0.8em;
	text-align: center;
	color: #ffffff;
	background-color: #005c99;
}
.new dd {
	display: flex;
	flex-flow: column wrap;
	flex: 1 1 auto;
	margin: 0 5px 0 5px;
	padding: 4px 0 5px 0;
	justify-content: center;
}
.new p {
	font-size: 0.9em;
}

/* パンくず */
.bred {
	list-style: none;
	font-size: 90%;
	padding: 0.5em 0 1em 0;
	width: 95%;
	margin-left: 1em;
}
.bred li{
	margin: 0;
	padding: 0;
	display: inline-block;
	height: auto;
}

/* 本文 */
.main_naka {
	width: 95%;
	margin: 0 auto;
}
.main_naka h1 {
	margin: 1em 0;
	padding: 10px;
	border-left: 6px solid #0075c2;
	background-color: #bcdbf0;
	font-size: 140%;
	color:#222222;
}
.main_naka h2 {
	margin: 1em 0;
	padding: 7px 5px 7px 18px;
	background-color: #bcdbf0;
	border: solid 1px #0075c2;
	font-size:120%;
	color:#222222;
}
.main_naka h3 {
	margin: 0 0 1em 0;
	padding: 7px 5px 2px 5px;
	border-bottom: 2px solid #0075c2;
}
.main_naka h4 {
	margin: 5px 0 1em 0;
	padding: 0 5px 0 5px;
	border-left: 6px solid #0075c2;
}
.main_naka ul {
	margin : 8px 5px 0 0;
	padding : 0 0 0 5px;
	border : 0;
	list-style:none;
}
.main_naka li {
	margin : 0 0 5 0;
	padding : 0 0 0 13px;
	border : 0;
}
.entry ul{
	margin-bottom: 2em;
}
.entry ul li {
	border-bottom: dotted 1px #cccccc;
	margin: 5px 0;
	padding: 5px;
}
.entry ul li ul{
	margin-bottom: 0px;
}
.entry ul li ul li{
	border: none;
	font-size: 90%;
}
.entryday{
	text-align:right;
	font-size:85%;
	margin:0 auto 5px auto;
	padding:0;
}
.excerpt {
	padding-left: 2em;
	color: #777777;
	font-size: 0.8em;
}
/*	イベント情報　*/
.eve_sac {
	background-image:url("images/eve_sac.png");
	background-repeat:no-repeat;
	background-position:4px;
	padding:4px 0px 5px 58px;
	font-weight:bold;
	font-size:90%;
	color:#C26A08;
}
.eve_his {
	background-image:url("images/eve_his.png");
	background-repeat:no-repeat;
	background-position:4px;
	padding:4px 0px 5px 35px;
	font-weight:bold;
	font-size:90%;
	color:#CD122D;
}
.eve_sga {
	background-image:url("images/eve_sga.png");
	background-repeat:no-repeat;
	background-position:4px;
	padding:4px 0px 5px 35px;
	font-weight:bold;
	font-size:90%;
	color:#2056A9;
}
.eve_ckt::after {
	content: 'オンラインチケット';
	margin-left: 1em;
	padding: 1px 5px;
	background-color: #0075c2;
	color: #ffffff;
	font-size: 0.8em;
	font-weight: bold;
	border-radius: 3px;
}

/* お問い合わせ */
#cnt {
	width: 90%;
	margin: 30px auto;
	font-size: 90%;
	background-color: #9bb2c2;
	padding: 1em;
}
#cnt h2 {
	padding: 5px 3px 5px 10px;
	background-color: #bcdbf0;
	border: solid 1px #0075c2;
}
#cnt p {
	padding:5px;
	margin-bottom:0px;
}
#cnt a {
	background-color: #0075c2;
	color: #ffffff;
	font-weight: bold;
	padding: 3px 10px;
	border-radius: 3px;
}

/*	コンタクトフォーム　*/
.wpcf7 .check{
	max-width:100px;
}

.wpcf7{
	text-align:center;
}
.wpcf7 ul{
	margin:auto;
	margin-top:1em;
	padding:0;
	text-align:left;
	width: auto;
	background-color:#f7f7f7;
	border:2px solid #eee;
}
.wpcf7 ul li{
	border:none;
	font-weight:bold;
	border-bottom:3px solid #eee;
}
.wpcf7 ul li img{
	vertical-align:middle;
}
.wpcf7 p{
	margin-top:5px;
	font-weight:normal;
}
.wpcf7 .formp{
	margin-top:1.5em;
	font-weight:bold;
	text-align:left;
	border-left:5px solid #66C1F2;
}
.wpcf7 input.contactbtn {
   width:139px;
   height:45px;
   text-indent:-9999px;
   display:block;
   border:0;
   cursor:pointer;
}
.wpcf7 textarea, .wpcf7 input {
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
	color:#333333;
	padding:1px;
	width: 95%;
	max-width: 400px;
}
.wpcf7 textarea, .wpcf7 .wpcf7-radio input {
	width: 95%;
	max-width: 640px;
}
.wpcf7 input.wpcf7-submit {
	border-style:solid;
	border-width:1px;
	color:#fff;
	cursor:pointer;
	padding:3px;
	width:200px;
	font-weight:bold;
	font-size:100%;
	background-color:#0075c2;
	margin-top:10px;
}
.wpcf7 li .mst {
	color:#900;
	padding-left:5px;
	font-size:85%;
}

/*　バナーボタン　*/
.banner {
	position: relative;
	margin: 3px auto;
	background-color: #ffffff;
}
.banner.wide {
	width: 300px;
}
.banner p {
	margin: 0;
}
.banner a {
	color: #0075c2;
	height: 100%;
	margin: 0;
	padding: 0 8px;
	display: block;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
.banner ul {
	padding: 0;
	bottom: 8px;
	display: flex;
	justify-content: center;
}
.banner ul li {
	margin-left: 2px;
	padding: 0 1px;
	font-weight: normal;
	font-size: 14px;
}
.banner ul li a {
	display: inline-block;
	min-height: 10px;
	padding: 0;
	margin: 10px 0;
}
.banner img, svg {
	width: 90%;
	height: auto;
}
.twitter_icon {
	width: 25px;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 30px;
}
#sidemenu a span {
	color: #005C99;
}
.icon_link {
	display: block;
	text-decoration: none;
}
/* ページナビ */
.post_navi {
	position: relative;
	display: inline-flex;
	justify-content: space-around;
	width: 100%;
	margin: 1em auto;
}
.post_navi a {
	font-size: 0.8em;
	font-weight: normal;
	padding: 2px;
	display: block;
	color: #0075c2
}
.post_navi a:hover {
	color: #ffffff;
	background-color: #0075c2;
}
.post_navi .prev, .post_navi .next {
	border: none;
}
/*　ページャー　*/
.wp-pagenavi {
	position: relative;
	padding: 1em 0;
	text-align: center;
	font-size: 1em;
}
.wp-pagenavi span {
	border: 1px solid #0075c2;
	background-color: #ffffff;
}
.wp-pagenavi .current {
	color: #ffffff;
	border: none;
	background-color: #0075c2;
}

/*	事業案内一覧　*/
.about_items {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	padding: 0;
}
.about_item {
	width: 300px;
	margin-bottom: 1em;
	padding: 0 1em;
}
.about_item ul {
	display: flex;
	flex-flow: row wrap;
}
.about_item li {
	width: 120px;
}
.about_item img {
	width: 120px;
	height: auto;
}
.about_item p {
	padding: 0 0.5em;
}
.about_item svg {
	width: 128px;
	height: auto;
}

/*	湖国と文化　*/
.kkk_src{
	background-color:#EBF6FB;
	padding:10px;
	margin-bottom:1em;
}

/*	湖国文化取り扱い店一覧　*/
table.kokokushop {
	border-collapse: collapse;
	background-color:#fff;
	font-size:90%;
	margin-bottom:2em;
	width:100%;
}
table.kokokushop caption {
	display:none;
}
table.kokokushop th {
	margin:0px 0px 0px 0px;
	padding:1em;
	border:3px solid #eee;
	text-align:center;
	background-color:#ddd;
}
table.kokokushop th.kokokushop_th1{
	width:290px;
}
table.kokokushop th.kokokushop_th2{
	width:120px;
}
table.kokokushop th.kokokushop_th4{
	width:150px;
}
table.kokokushop td {
	margin:0px 0px 0px 0px;
	padding:1em;
	border:3px solid #eee;
}

/*	ピアノコンクール受賞者　*/
table.piacon {
	border-collapse: collapse;
	background-color: #fff;
	font-size: 0.9em;
	margin-bottom: 2em;
	width:100%;
}
table.piacon caption {
	display:none;
}
table.piacon th {
	background-color: #FFF0F0;
	text-align: center;
	border: 1px solid #09F;
	width: 25%;
}
table.piacon tr:nth-child(1) th:nth-child(1) {
	background-color: #F0F0F0;
}
table.piacon td {
	padding: 5px;
	border: 1px solid #09F;
}

/* Tag */
.tags {
	width: 90%;
	margin-left: 1em;
	position: relative;
	color: #888888;
	font-size: 0.8em;
}
.tags::before {
	width: 3em;
	content: "タグ:"
}
.tags span {
	margin: 0 0.5em;
}

/* ソーシャルリスト */
.shareArea {
	width: 100%;
	margin: 2em 0;
  }
.shareArea ul {
	list-style: none;
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	max-width: 768px;
	margin: 0 auto;
	padding: 0;
	border: 0;
}
.shareArea li {
	flex: 1 1 auto;
	font-size: 20px;
	text-align: center;
	margin: 0 4px;
	padding: 0;
	border: 0;
}

/*	footer　*/
#foot{
	margin : 0;
	padding : 0;
	width:100%;
}
#foot_lr {
	margin : 0px auto 0px auto;
	padding : 0px 0px 3px 0px;
	border-top:4px solid #dadada;
	text-align:left;
	font-size:90%;
}
#foot address{
	font-style:normal;
}
#foot_copy{
	margin : 0;
	padding : 0 5px 0 10px;
	border : 0;
	font-size : 0.8em;
	color:#ffffff;
	background-color:#0075c2;
	text-align:right;
}
#foot_link {
	margin : 0px 0px 3px 0px;
	padding : 12px 0px 0px 10px;
	border : 0px;
	list-style-type : none;
}
#foot_link li{
	margin : 0px 20px 0px 0px;
	padding : 5px 0px 5px 10px;
	display : inline;
	white-space : nowrap;
	background-image:url("images/list_icon.gif");
	background-repeat:no-repeat;
	background-position:left 8px;
	font-size:90%;
}
#foot_id{
	margin : 0px 0px 5px 10px;
	padding : 0px 0px 0px 0px;
	border : 0px;
}
#foot_l{
	width:100%;
	max-width: 1088px;
	margin: 0 auto;
}
#eco21{
	float:right;
	width:210px;
	margin-top:10px;
}

/* トップへ戻る */
#foot_modori {
	display: block;
	position: fixed;
	z-index: 10;
	background-color: #000;
	color: #fff;
	font-size: 0.8em;
	height: 2em;
    bottom: 1.5em;
	right: 1em;
	padding: 2em 1em 0 1em;
	border-radius: 0.3em;
    opacity: 0;
}
#foot_modori:before {
	content: '';
	position: absolute;
	top: 1em;
	left: 1.1em;
	width: 1em;
	height: 1em;
	border-top: solid 5px #fff;
	border-left: solid 5px #fff;
	transform: rotate(45deg);
}
#foot_modori.fade-in {
    opacity: 0.6;
    transition: opacity 1s;
}

/* トップページタイトル */
.title {
	position: relative;
	padding: 0.4em 0 0.2em 2em;
	font-size: 1.1em;
	font-weight: bold;
	border-bottom: solid 2px #0075c2;
}
.title a {
	text-decoration: none;
	color: #222222;
}
.title::before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	left: 0.7em;
	top: 0.6em;
	border-top: solid 8px transparent;
    border-right: solid 8px transparent;
    border-bottom: solid 8px transparent;
    border-left: solid 8px #c20013;
}

/*	基金(http://www.shiga-bunshin.or.jp/kikin/)用css　2012.4.1　*/
h2.kikin_pink {
	margin:0px 0px 1em 0px;
	padding:7px 5px 7px 18px;
	background-image:url("images/kikin_pink.gif");
	background-position:left center;
	background-repeat:no-repeat;
	background-color:#eee;
	font-size:120%;
	color:#000;
}
h2.kikin_green {
	margin:0px 0px 1em 0px;
	padding:7px 5px 7px 18px;
	background-image:url("images/kikin_green.gif");
	background-position:left center;
	background-repeat:no-repeat;
	background-color:#eee;
	font-size:120%;
	color:#000;
}

h3.kikin_pink {
	margin:0px 0px 1em 0px;
	padding:7px 5px 2px 5px;
	border-bottom:2px solid #FF6699;
}
h3.kikin_green {
	margin:0px 0px 1em 0px;
	padding:7px 5px 2px 5px;
	border-bottom:2px solid #008000;
}
h4.kikin_pink {
	margin:5px 0px 1em 0px;
	padding:0px 5px 0px 5px;
	border-left:6px solid #FF6699;
	font-size:90%;
}
h4.kikin_green {
	margin:5px 0px 1em 0px;
	padding:0px 5px 0px 5px;
	border-left:6px solid #008000;
	font-size:90%;
}

.inquiry {
	width:90%;
	margin:50px auto;
	border:3px solid #999;
	padding:10px;
	font-size:18px;
}

.external_link::after {
	content: '';
	position: absolute;
	margin-left: 0.2em;
	margin-top: 0.2em;
	width: 0.5em;
	height: 0.5em;
	border-color: currentColor;
	border-style: solid solid double double;
	border-width: 1px 1px 3px 3px;
	border-radius: 2px;
}

.winner_items {
	display: flex;
	flex-wrap: wrap;
}
.winner_item {
	width: 220px;
	margin: 15px ;
}
.winner_item img {
	width: 100%;
	height: auto;
}

.win_top {
	display: flex;
}

.win_top .win-img {
	width: 400px;
	margin-left: 80px;
}

.win_top .win-img img {
	width: 100%;
	height: auto;
}

.win_top .win-title {
	margin-left: 95px;
	display: flex;
	align-items: center;
}

.win_top .win-title h2 {
    background-color: transparent;
    border: none;
    font-size: 34px;
    color: #000000;
	font-weight: normal;
}

.main_naka .win_content {
	margin-left: 80px;
	max-width: 920px;
	margin-bottom: 80px;
}

.main_naka .win_content strong {
	margin-top: 36px;
	border: none;
	font-size: 20px;
	padding: 0;
	padding-bottom: 20px;
	display: block;
}

.main_naka .win_content p {
	font-size: 16px;
}
.main_naka .win_content .win_media {
	margin: 42px 0;
}


.artist_info .artist_content p {
	padding: 5px;
}

.artist_info .artist_content p {
	font-family: sans-serif;
	font-style: normal;
}
.artist_info .artist_content .movie-wrapper {
	max-width: 700px;
	margin-bottom: 1.5em;
}
.artist_info .artist_content .movie-wrapper .movie {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.artist_info .artist_content .movie-wrapper .movie iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

@media screen and (min-width: 769px){
	.sub-content {
		margin: 0 auto;
	}
	.index-content {
		flex-flow: row-reverse nowrap;
	}
	#head_title {
		flex-flow: row nowrap;
		justify-content: space-between;
	}
	#head_sites {
		flex-flow: column nowrap;
	}
	#menu-trigger {
		display: none;
	}
	#main-menu {
		height: 100%;
	}
	#navi {
		position: relative;
		width: 100%;
		transition: none;
    	-webkit-transform: none;
    	transform: none;
	}
	#navi .menu {
		width: 100%;
		max-width: 1088px;
		margin: 0 auto;
		flex-flow: row nowrap;
		justify-content: center;
	}
	#navi .menu > .menu-item {
		position: relative;
		text-align: center;
		margin: 0;
		width: 181px;
	}
	#navi .menu > .menu-item:hover a {
		color: #0375C1 !important;
	}
	#navi .menu > .menu-item.no-link:hover a {
		pointer-events: none !important;
	}
	#navi .sub-menu > .menu-item.no-link a:hover {
		opacity: 1.0 !important;
	}
	#navi .menu > .menu-item::after{
		content: '';
		width: 1px;
		height: 80%;
		background-color: #fff;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 0;
	}
	#navi .menu > .menu-item::before{
		content: '';
		width: 1px;
		height: 80%;
		background-color: #fff;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: -1px;
	}
	#navi .sub-menu > .menu-item {
		text-align: left;
		border-bottom: none;
		max-width: 290px;
		overflow: hidden;
	}
	#navi .menu > .menu-item a {
		position: relative;
		padding: 10px 0.1em;
		display: block;
	}
	.sub-sub-menu {
		width: 285px;
	}
	.sub-sub-menu a::before {
		content: '-';
	}
	#navi .sub-menu {
		position: absolute;
		width: 100vw;
		max-width: 1088px;
		height: 0;
		left: -200.5%;
		overflow: hidden;
		background-color: #fff;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		box-sizing: border-box;
	}
	.c-submenu {
		margin-left: 0;
	}
	.c-submenu-top {
		margin-top: 30px !important;
	}
	.c-submenu-bottom {
		margin-bottom: 130px !important;
	}
	.sub-sub-menu {
		padding-left: .7em !important;
	}
	.c-submenu .sub-menu {
		padding-left: 0 !important;
	}
	#navi .sub-menu a {
		border-bottom: solid 1px #C7C7C7;
	}
	#navi .menu-item-has-children:hover > .sub-menu {
		height: auto;
		opacity: 1;
		height: 430px;
		padding-left: 50px;
		box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
	}
	#navi .menu-item-has-children::after {
		display: none;
	}
	#navi .menu > .menu-item:hover {
		opacity: 1;
		background-color: #ffffff;
		color: #0375C1 !important;
	}
	#navi .menu-item-has-children:hover > .sub-menu > .menu-item .sub-menu {
		position: static;
		opacity: 1;
	}
	#navi .menu-item-has-children:hover > .sub-menu > .menu-item > .sub-menu {
		height: auto;
		box-shadow: none;
	}
	#navi .menu-rd .sub-menu{
		left: -400.5%;
	}
	#zone01{
		width: 300px;
		margin-top: 3px;
	}
	#zone02{
		margin: 0;
		padding : 0;
		border: 0;
		text-align:left;
	}
	.new-container {
		margin-right: 20px;
	}
	.banner {
		width: 150px;
	}
	.swiper-container {
		width: 100%;
		margin: 0;
		height: 32vw;
	}
	.swiper-slide span {
		font-size: 1em;
	}
	#links {
		display: block;
	}
	.banner {
		margin: 10px auto;
		width: 280px;

	}
	.new .wide {
		flex: 1 1 768px;
	}

	.top-flex-container {
		display: flex;
		flex-flow: row-reverse;
		max-width: 1088px;
		margin: 0 auto;
	}
    
    
    
}

@media screen and (max-width: 768px) {
	#navi .menu > .menu-item:hover {
		background-color: #fff !important;
		color: #0075c2 !important;
	}
	#head a {
		/*color: #fff !important;*/
	}
	.menu-about::after{
		display: block;
		position: absolute;
		top: 1em;
		right: 2em;
		content: '';
		width: 8px;
		height: 8px;
		border-right: solid 2px #ffffff;
		border-bottom: solid 2px #ffffff;
		transition: 0.3s;
		transform: rotate(45deg);
	}
    
    .new a.tum,
    .new p.excerpt {
        padding: 0 1em;
    }
    
    .sub-content .new p.excerpt {
        padding-right: 0;
    }
    
}