@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,500,700|Noto+Sans+JP:400,500,700|Taviraj:400,600,700&display=swap&subset=japanese");
@font-face {
/* font-family: swiper-icons;
src: url(data:application/font-woff;charset=utf-8;base64, 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) format("woff");
font-weight: 400;
font-style: normal */
}
/*@import url('https://fonts.googleapis.com/css?family=Sawarabi+Mincho&display=swap&subset=japanese');*/
/* -------------- Resetting Again Base CSS Start -------------- */
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public do)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, main,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
/* font-size: 10px; */
border: 0;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
display: block;
}
body {
line-height: 1;
font-size: 1em;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.clearfix {
overflow: hidden;
}
* html .clearfix {
zoom: 1;
}
/* -------------- サイト共通基本プロパティ -------------- */
body {
/* font-family: 'Noto Sans JP', "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;*/
font-family: Montserrat,-apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Noto Sans JP,ヒラギノ角ゴ ProN W3,Meiryo,sans-serif;
background:rgba(240,240,240,1.00);
color: #333;
/* font-size: 16px; */
/*padding-top: 160px;*/
}
#wrapper {
font-size: 16px;
}
/*
div#top-search,
div#top-d_search,
div#top-pickup,
div#top-area {
margin-top: -160px;
padding-top: 160px;
}*/
a:link,
a:visited {
text-decoration: none;
color: #222;
outline: none;
}
a:hover,
img:hover {
text-decoration: none;
color: #999;
opacity: 0.7;
}
img {
box-sizing:border-box;
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out;
}
.header_navi {
width: 100%;
}
button.drawer-toggle {
display: decline;
}
/*------------ Font ------------*/
.l-gnav02-list>li>a {
font-size: 15px;
}
h2 {
font-size: 1.2em;
margin: 1em;
text-align: center;
font-weight: 800;
}
.h2_icon{
width: 2em;
height: 2em;
vertical-align: middle;
margin:0.2em;
}
.h3_icon{
width: 2em;
height: 2em;
vertical-align: middle;
margin:0.2em;
}
.search_icon{ width: 2em;
height: 2em;
vertical-align: middle;}
.pickup_icon{
width: 1.5em;
height: auto;
vertical-align: middle;
}
.pickup_thumbnail{
border: 3px black solid;
border-radius: 0.5em;
width: 100%;
margin-bottom: 0.5em;
}
hr {
height: 0;
margin: 0;
padding: 0;
border: 0;
}
.bd_block{
border-top: 4px #000 solid;
margin-bottom: 2em!important;
margin-top: 2em!important;
}
div.result-box div.title h2,
div.detail-box div.title h2 {
font-size: 1.2em;
line-height: 1.4;
text-align: left;
}
h3, p, dt, dd {
line-height: 1.4;
}
div.sort-box {
font-size: 14px;
line-height: 1.4;
}
header p {
font-size: 14px;
line-height: 2;
}
#pc_menu li a{
font-size: 14px;
line-height: 1;
}
#pc_menu li ul li a{
font-size: 12px;
}
.search_container input[type="submit"]{
font-family: FontAwesome;
font-size: 22px;
line-height: 20px;
}
div.list_d_search ul li,
div.list_area ul li a {
line-height:1.6;
}
p.btn a:link,
p.btn a:visited,
button.search,
.pull-dsgn,
.pull-dsgn-st {
font-size: 16px;
}
div.detail-btn a {
font-size: 14px;
}
p.foot_copyright,
input[type="button"] {
font-size: 12px;
}
p.venue{
font-size: 14px;
line-height: 1.4;
}
p.ph_copy {
font-size:10px;
}
div.list_area ul li a {
line-height: 2;
}
div.result_list dl.dtl_list dd {
line-height: 1.6;
}
div.result-box dl.info dt,
div.detail-box dl.info dt,
div.result-box dl.info dd,
div.detail-box dl.info dd {
line-height: 2;
}
.share-buttons {
line-height: 32px;
font-size: 14px;
}
span.category {
font-size: 14px;
}
div.sub-box span.text_att {
font-size: 12px;
line-height: 1.8;
}
div.sub-box p.inline-link {
font-size: 16px;
}
div.d_search-area h1 {
font-size: 24px;
}
div.d_search-area em.date {
font-size: 16px;
}
div.sub-box ul.part {
font-size: 11px;
}
div.sub-box ul.part strong {
font-size: 16px;
}
.osirase001 p{
font-size: 12px;
line-height: 1.4;
}
ul.readmore_d_search li span {
font-size: 11px;
}
.search_container input[type="text"]:focus {
font-size: 18px;
}
div.search-box a{ font-size: 12px; }
.custom-control {
font-size: 20px;
}
div.sub-box {
font-size: 16px;
}
/*------------ BTN ------------*/
p.btn a:link,
p.btn a:visited,
button.search {
background:rgba(253,139,26,1.00);
color: #fff;
border: 2px white solid;
font-size: 1.2em!important;
text-align: center;
padding: 5px 15px;
border-radius: 8px;
margin: 5px auto;
cursor:pointer;
width: 80%;
display: block;
}
button.search {
width: 100%;
}
input[type="button"] {
border: none;
width: 100%;
margin-bottom: 2em;
}
/*------------ BTN-Readmore ------------*/
a.btn_rdm,
a.btn_rdm_close {
font-size: 1.2em;
display: block;
width: 100% !important;
padding: 10px 0;
color: #fff;
text-align: center;
text-decoration: none;
margin: 15px 0 30px;
border: 2px solid #fff;
border-radius: 0.5em;
background:black;
/* background:rgba(253,139,26,1.00);*/
}
a.btn_rdm span,
a.btn_rdm:hover span,
a.btn_rdm_close span,
a.btn_rdm_close:hover span {
padding: 0 0 0 25px;
}
a.btn_rdm span {
background: url(../img/arw_down_on.png) no-repeat 0 center;
}
a.btn_rdm:hover, a.btn_rdm_close:hover {
color: #ffffff;
padding: 10px 0;
background:rgba(0,0,0,0.79);
border: 2px solid #fff;
}
a.btn_rdm:hover span {
background: url(../img/arw_down_off.png) no-repeat 0 center;
}
a.btn_rdm_close span {
background: url(../img/arw_up_on.png) no-repeat 0 center;
}
a.btn_rdm_close:hover span {
background: url(../img/arw_up_off.png) no-repeat 0 center;
}
.readmore_d_search {
max-height: 160px;
}
.readmore_pickup {
/* max-height: 550px; */
}
/* -------------- BTN-SNS -------------- */
.share-buttons {
vertical-align: middle;
margin: 0;
color: #000;
}
.share-buttons .share-button {
display: inline-block;
text-align: center;
height: 40px;
width: 40px;
margin-right: 10px;
position: relative;
overflow: hidden;
}
.share-buttons .share-button img {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
transform: translate(-50%, -50%);
}
/* -------------- BTN-pagetop -------------- */
#page-top {
position: fixed;
bottom: 20px;
right: 20px;
}
#page-top a {
display: block;
z-index: 999;
text-indent: -9999px;
width: 60px;
height: 60px;
background: url(../img/btn_pagetop.png);
}
#page-top a:hover {
opacity: 0.7;
}
/* -------------- サイト共通ヘッダー -------------- */
header, div.inner {
width: 100%;
}
header p, section, main, div.foot {
width: auto;
margin: 0 auto;
}
div.inner {
position: relative;
}
/*------------ Section ------------*/
/* header p, div.foot, */
nav > div > dl,
nav ul#pc_menu {
width: 1100px;
}
section {
width: 970px;
margin: 20px auto 0 ;/*
padding: 0 0 -50px 0;*/
position: relative;
}
/*------------ サイトナビ ------------*/
header {
max-width: 1120px;
margin: 0 auto;
/*background-image: url(../img/bg_top.jpg);*/
background-repeat:repeat-x;
vertical-align: middle;
/*position: fixed;
left: 0;
top: 0;
*/
}
header p {
display: block;
margin: 0 auto;
}
h2.pickup,
nav.pc_navi,
#pc_menu li ul li a {
/* background-image: url(../img/bg_red.jpg);*/
}
nav > div > dl {
display: flex;
margin: 0 auto;
padding: 5px 0 0;
}
nav > div > dl dt {
margin-right: 300px;
}
nav > div > dl dd a {
display: inline-block;
}
header h1 img {
max-width: 350px;
width: 100%;
height: auto;
display: block;
margin:2em auto 2em auto;
}
header h1.concert_logo img {
margin-bottom: 0.5em;
}
nav ul#pc_menu {
height: auto;
padding: 0;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
#pc_menu {
display: inline;
list-style-type: none;
width: 800px;
height: 50px;
margin: 0 auto;
/* margin: 0 auto 0 1em;*/
padding: 0;
}
#pc_menu li {
position: relative;
width: auto;
float: left;
margin: 0;
padding: 0;
text-align: center;
z-index: 99;
}
#pc_menu li a {
display: block;
margin: 0;
padding: 10px 20px;
color: #fff;
text-decoration: none;
}
#pc_menu li ul {
list-style: none;
position: absolute;
top: 100%;
left: 0;
margin: 0;
padding: 0;
}
#pc_menu li ul li {
overflow: hidden;
width: 100%;
height: 0;
color: #fff;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
}
#pc_menu li ul li {
overflow: hidden;
width: 230px;
height: 0;
color: #fff;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
}
#pc_menu li ul li a {
padding: 13px 15px;
text-align: left;
font-weight: normal;
}
#pc_menu li:hover > a {
background: #8e1905;
color: #ffffff;
}
#pc_menu li:hover ul li {
overflow: visible;
height: 38px;
border-bottom: 1px solid #fff;
}
#pc_menu li:hover ul li:first-child {
border-top: 0;
}
#pc_menu li:hover ul li:last-child {
border-bottom: 0;
}
#pc_menu a:hover {
opacity: 1;
}
/* ヘッダ：検索ボックス */
div.search-box {
margin-top: 2em;
margin-bottom:2em;
}
div.search-box a, div.search-box form{
display: inline-block;
vertical-align: middle;
}
div.search-box a {
margin-left: 15px;
color: #ffffff;
}
div.search-box a:before {
content: "▲";
display: inline-block;
margin-right: 5px;
transform: rotate(90deg);
}
/* -------------- 2 トップページ メイン -------------- */
section img {
max-width: 970px;
}
div.main-box {
max-width: 1120px;
margin: 0 auto;
padding-bottom: 50px;
text-align: left;
}
div.main-box:nth-of-type(1) {
padding-bottom: 30px;
}
.mtop1 { margin-top: 15px;overflow: hidden; }
.mtop05 { margin-top: 5px; }
.osirase001 {
background-color:rgba(237,125,127,1.00);
border: 1px solid rgba(235,91,94,1.00);
padding: 15px 0;
border-radius: 10px;
width: 95%;
/*height: auto;*/
margin: 30px auto 0;
}
.osirase001 p{
color: #ffffff;
text-align: center;
}
/* -------------- トップページ お知らせ ----------------*/
.information_area {
width: 80%;
margin: 1.5em auto;
text-align: center;
}
.information_area a {
padding-bottom: 2px;
border-bottom: solid 1px #000;
}
.information_area a:hover {
border-color: rgba(0,0,0,.07);
}
/* -------------- 3 トップページ 検索 -------------- */
.top_search_box {
width:60%;
margin:auto auto 2em auto;
}
.top_search_box.search-box form {
width: 100%
}
.search_container{
position: relative;
border: 3px solid #000;
background: #ffffff;
display: block;
padding: 2px 10px;
border-radius: 10px;
/* width:80%;
margin:auto auto 2em auto; */
overflow: hidden;
}
.search_container input[type="text"]{
border: none;
height: 22px;
}
.search_container input[type="text"]:focus {
outline: 0;
}
.search_container input[type="submit"]{
-webkit-appearance: none;
border-radius: 0;
cursor: pointer;
border: none;
background: #000000;
color: #ffffff;
position: absolute;
width: 50px;
height: 50px;
right: 0;
bottom: -9px;
outline : none;
}
/* -------------- 4 トップページ d_search/pickup/area -------------- */
div.list_d_search h3,
div.list_pickup h3,
div.list_area h3 {
color: #fff;
padding: 0em;
margin-bottom: 0em;
}
div.list_d_search h3 {
/*background: #d30710 ;*/
color: #000;
font-size: 1em;
text-align: center;
}
div.list_area h3 {
color: #000;font-size: 1em;
text-align: center;
}
div.list_pickup h3 {
/*background-image: url(../img/bg_red.jpg);*/
color: #000;font-size: 1em;
text-align: left;
}
div.list_d_search ul li {
width: 100%;
list-style-type:none;
margin:auto;
}
div.list_pickup h3 {
font-weight: bold;
min-height: auto;
margin-bottom: 0em;
}
div.list_pickup p {
min-height: auto;
font-size: 0.8em;
}
div.list_pickup div.clm-box {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 20px;
/* justify-content: space-between;*/
}
div.list_pickup dl {
display: flex;
flex-direction: column;
vertical-align: top;
width: 18%;
margin: 5px 0 ;
/* padding: 0 18px; */
border-right: 1px solid #eee;
}
div#top-pickup.list_pickup dl {
width: 30%;
}
/* div.list_pickup dl:first-child,
div.list_pickup dl:nth-child(5n+1) {
padding: 0 18px 0 0;
} */
div.list_pickup dl:nth-child(5n) {
border-right: 0;
padding-right: 0;
}
div.list_pickup dt {
order: 1;
}
div.list_pickup dd {
order: 0;
min-height: 160px;
}
div.list_pickup dd.area_btn {
order: 2;
min-height: 40px;
}
div.list_pickup img {
/* width: 100%;*/
}
div#top-pickup .pickup_more,
.back_concert_search {
text-align:center;
}
div#top-pickup .pickup_more a,
.back_concert_search a {
display: inline-block;
margin-top: 20px;
padding: 20px;
background-color: #000;
border: solid 0px #fff;
border-radius: 60px;
/* font-size: 1.2rem; */
min-width: 280px;
color: #fff;
}
.back_concert_search a {
margin-top: 0px;
margin-bottom: 2em;
padding: 10px 20px;
font-size: 0.8em;
}
div.list_area ul.clm-box {
display: flex;
justify-content: flex-start;
margin-left: 5px;
}
div.list_area ul.clm-box li {
width: 45%;
}
ul.clm-box a {
display: block;
}
p.ph_copy {
height: 30px;
overflow: hidden;
}
ul.readmore_d_search li span {
padding: 0 5px;
border-radius: 5px;
color: #fff;
background: #ffbf08;
margin-left: 15px;
}
/* -------------- 5 検索結果 -------------- */
div.sort-box {
text-align: right;
}
div.sort-box > p {
text-align:left;
margin-bottom: 20px;
}
.pull-dsgn,
.pull-dsgn-st {
border: 1px solid #bbb;
width: 10em;
height: 2em;
border-radius: .3em;
box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
background: #f3f3f3; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */
margin: 0;
}
.pull-dsgn-st {
border: 1px solid #bbb;
width: 4em;
margin-bottom: 5px;
}
div.sort-box br {
display: none;
}
div.sort-box span {
margin-left: 20px;
}
ul.page_count {
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 auto;
}
ul.page_count li {
margin: 0 10px;
}
ul.page_count li.actv {
font-weight: bold;
background: #a04027;
}
ul.page_count a:link,
ul.page_count a:visited {
display: block;
padding: 5px 8px;
}
ul.page_count li.actv a:link,
ul.page_count li.actv a:visited {
color: #ffffff;
padding: 5px 8px;
}
/* -------------- 6 検索結果result・詳細detail -------------- */
div.result-box div.title h2,
div.detail-box div.title h2 {
padding: 0.5em 0;
}
div.result-box {
margin-bottom: 30px;
}
div.result-box:last-child {
margin-bottom: 0;
}
div.result-box,
div.detail-box {
/*border: 2px solid #ffa500;*/
border: 2px solid black;
border-radius: 0.5em;
overflow:hidden;
margin-left:0.2em;
margin-right:0.2em;
}
div.result-box div.title,
div.detail-box div.title {
background: #fff9ed;
line-height: 1.6;
padding: 0.5em;
}
div.result-box div.title h2,
div.detail-box div.title h2 {
display: inline-block;
margin-right: 5px;
vertical-align: middle;
}
div.concert_img {
margin: 20px 0.2em;
text-align: center;
}
div.concert_img img {
/* display: block;
margin: 0 auto; */
}
span.mark-icon {
padding: 0 5px;
line-height: 2;
}
span.mark-icon img {
vertical-align: middle;
width: 30px;
}
span.category {
border-radius: 8px;
line-height: 2;
padding: 0 5px;
color: #fff;
margin: 5px 0;
white-space: nowrap;
display: inline-block;
vertical-align: middle;
}
span.category-icon01 {
background: #d83030;
}
span.category-icon02 {
background: #e54af4;
}
span.category-icon03 {
background: #1801a8;
}
span.category-icon04 {
background: #947c00;
}
span.category-icon05 {
background: #390000;
}
span.category-icon06 {
background: #0f2b00;
}
span.category-icon07 {
background: #269300;
}
span.category-icon08 {
background: #550683;
}
span.category-icon09 {
background: #1a1919;
}
div.result-box dl.info,
div.detail-box dl.info {
background :#fff6fb;
overflow: hidden;
}
div.result-box dl.info dt,
div.detail-box dl.info dt {
width: 180px;
float: left;
}
div.result-box dl.info dt,
div.detail-box dl.info dt,
div.result-box dl.info dd,
div.detail-box dl.info dd {
border-top: 1px dashed rgba(108,108,108,1.00);
padding: 7px 10px;
}
div.result-box dl.info dd,
div.detail-box dl.info dd {
/*background :#fff;*/
background :#fff;
margin-left: 180px;
border-left: 1px dashed rgba(108,108,108,1.00);
}
div.result-box dl.info dd br {
display: none;
}
div.result-box dl.info dd a {
display: inline-block;
margin-left: 5px;
}
div.result-box dl.info dd span.pref_name:after {
content: "│";
margin-left: 5px;
}
div.detail-box p.flyer-area {
border-top: 2px solid #ffa500;
width: auto;
padding: 5px;
}
div.detail-box p.flyer-area img {
width: 100%;
}
div.detail-box a {
margin-left: 10px;
}
div.flee-box {
margin-top: 20px;
}
p.flyer-caption {
text-align: center;
padding-bottom: 5px;
}
/* -------------- 7 SUB-詳細検索 -------------- */
/*
div.sub-box {
margin: 30px;
}
div.sub-box div.inner {
margin: 10px 0;
}
div.sub-box h3 {
background: #000;
color: #fff;
width: 90%;
padding: 8px;
border-radius: 10px 10px 10px 10px;
/* border: 3px rgba(0,0,0,1.00) solid;*/
div.sub-box h3 {
font-weight: bold;
}
ul.area-box,
ul.artist-box,
ul.day-box {
display: flex;
justify-content: space-between;
}
ul.area-box li,
ul.artist-box li,
ul.day-box li {
width: 48%;
}
ul.area-box li p,
ul.day-box li p {
margin-right: 10px;
display: inline-block;
}
ul.area-box,
ul.keyword-box,
ul.artist-box,
ul.day-box {
width: 80%;
margin:0px auto 30px auto;
}
li.check-list-box ul li {
display: inline-block;
width: auto;
margin: 0px 10px 10px 0;
}
div.sub-box span.text_att {
display: block;
margin-top: 10px;
}
p.inline-link a{
display: inline-block;
}
div.sub-box .pull-dsgn {
margin: 8px 0;
}
/* -------------- 8 SUB-注記 -------------- */
div.sub-box ul.part {
/* width: 75%; */
display: flex;
flex-wrap: wrap;
/* margin: 0 auto; */
}
div.sub-box ul.part li {
margin-right: 15px;
margin-bottom: 40px;
}
div.sub-box ul.part strong {
font-weight: bold;
margin: 0 5px 0 0;
}
div.sub-box ul.mark {
/* width: 75%; */
/* margin: 0 auto; */
display: flex;
flex-wrap: wrap;
}
div.sub-box ul.mark li{
margin-bottom: 20px;
display: flex;
}
div.sub-box ul.mark li p {
margin-right: 20px;
}
div.sub-box ul.mark li p img {
width: 30px;
}
div.sub-box ul.mark li p a {
display: inline;
}
/* -------------- 9 説明ボタン -------------- */
div.detail-btn {
margin: 30px auto 0;
text-align: center;
}
div.detail-btn ul {
display:block;
}
div.detail-btn ul li {
/* width: 300px; */
position: relative;
/* display: inline-block; */
}
div.detail-btn>ul>li {
margin-right: 20px;
margin-top: 15px;
}
/*
div.detail-btn ul li:after {
content: '';
width: 6px;
height: 6px;
border: 0px;
border-top: solid 3px #fff;
border-right: solid 3px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 20px;
margin-top: -4px;
} */
/* div.detail-btn a:link,
div.detail-btn a:visited {
background: #ff7f50;
color: #fff;
text-align: center;
padding: 10px 40px 10px 30px;
border-radius: 8px;
margin: 0 auto;
font-weight: bold;
display: block;
} */
div.detail-btn details {
text-align: left;
}
div.detail-btn summary {
background: #ff7f50;
color: #fff;
text-align: center;
padding: 10px 40px 10px 30px;
border-radius: 8px 8px 0 0;
margin: 0 auto;
font-weight: bold;
display: inline-block;
position: relative;
}
div.detail-btn summary::before {
content: "▶"; /* 開いていないときのアイコン */
position: absolute;
left: 7px;
top: 10px;
}
/* 開いている状態のスタイル */
div.detail-btn details[open] summary::before {
content: "▼";
}
div.detail-btn details ul {
border: solid 2px #ff7f50;
border-radius: 0 0 20px 20px;
padding: 10px 30px;
}
/* -------------- 10 ニュース -------------- */
div.d_search-area {
margin: 0 0 30px 0;
padding-top: 20px;
}
div.d_search-area h1 {
margin: 8px 0;
}
div.d_search-area div.txt a:link,
div.d_search-area div.txt a:visited,
div.d_search-area div.sub a:link,
div.d_search-area div.sub a:visited {
color:#3879d9;
text-decoration: underline;
}
div.d_search-area div.txt a:hover,
div.d_search-area div.txt a:active,
div.d_search-area div.sub a:hover,
div.d_search-area div.sub a:active {
opacity: .7;
}
/* -------------- bx-slider TOP -------------- */
.custom-control {
position: relative;
width: 20%;
margin: -50px auto 0;
height: 20px;
}
.custom-prev {
position: absolute;
top: 0;
left: 0;
}
.custom-next {
position: absolute;
top: 0;
right: 0;
}
ul.bxslider2 {
margin-bottom: 0;
}
/* -------------- サイト共通フッター -------------- */
/* /*
footer {
width: 100%;
background: black;
background-image: url(../img/bg_red.jpg);
background-repeat: repeat-x;
padding: 3em 0 1em 0;
}
div.foot,
footer a:link,
footer a:hover,
footer a:active,
footer a:visited {
color: #fff;
}
*/
p.foot_address {
text-align: left;
}
p.foot_copyright {
text-align: center;
margin: 6em 0 1em 0;
}
p.foot_copyright br {
display: none;
}
*/
/*新規追加ここから*/
.center_block{display: block;
margin-left: auto;
margin-right: auto;}
.center_text{text-align: center;}
h1 .header_logo{
}
.ad_zone{
display: block;
max-width:1100px;
width: 100%;}
.ad_img{display: block;
margin:auto auto 2em auto;
}
.containerC {
display: flex;
flex-wrap: wrap;
}
.column2 {
width: 100%;
}
.column {
width: 100%;
}
div.containerC h3 {
color: #000;
padding: 8px;
margin:2em;
/* border-bottom:1px rgba(117,117,117,1.00) solid;*/
}
/*
div.containerC h3 {
background: #000;
color: #fff;
padding: 8px;
border-radius: 10px 10px 10px 10px;
margin:2em;
border: 3px rgba(0,0,0,1.00) solid;
}*/
div.containerC h3{
font-weight: bold;
}
div.containerC h4 {display: block; margin:2em auto 2em auto;
text-align:left;
width: 80%;
}
.text_box_01{
width: 100%;
height:40px;
background-color:#f9f1e9;
display: block;
margin: auto;
border-radius: 10px 10px 10px 10px;
border: 3px rgba(0,0,0,1.00) solid;
}
.ontomo_img {
max-width: 350px;
width: 100%;
height: auto;
display: block;
margin:2em auto 2em auto;
}
.detail_icon{
height: 1.5em;
width: auto;
margin-right: 0.2em;
vertical-align: middle;
padding-bottom: 0.2em;
}
.detail_photo{
border: 2px solid black;
border-radius: 1em;
}
.detail_photo450{
border: 2px solid black;
border-radius: 1em;
}
div.free-box {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
max-width: 90%;
}
.bj_img{height: 1em;
width: auto;}
.text_center{
text-align: center;
font-size: 0.5em;
margin-left: auto;
margin-right: auto;
display: block;
}
.small_icon{
width: 2em;
height: 2em;
vertical-align: middle;
margin:0.2em;
}
.detail_fl{
width: 100%;
height:auto;
}
.l-gnav02-list>li {
font-size: 16px!important;
}
/*新規追加ここまで*/