/* CSS Document */ * {   margin: 0;   padding: 0; } 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, font, figure, figcaption, 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, button, label, legend, table, caption, tbody, tfoot, thead, {   background: none repeat scroll 0 0 rgba(0, 0, 0, 0);   border: 0 none;   font-size: 100%;   font-weight: normal;   margin: 0;   outline: 0 none;   padding: 0;   vertical-align: baseline;   text-align: left; } article, aside, canvas, details, figcaption, figure, header, footer, main, menu, nav, section, summary {   display: block } body {   font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;   padding: 0px;   margin-top: -25px;   margin-right: 0px;   margin-bottom: 0px;   margin-left: 0px;   /*background-color: #f1fbff;*/   background-color: #F8FEC5; }  body#kobetsu{ margin-top:0;	 }   a {   color: #000039;   text-decoration: none;   font-weight: bold; } a:hover {   color: #2AD0EB;   opacity: 0.6; } a:visited {   color: #01003c; } h1, h2, h3, h4, h5, h6 {   font-size: 100%;   line-height: 1.2; }     h4 {     padding: 0.5em 0.8rem 0.3em;     border-left: solid 0.8rem #01003C;     border-bottom: solid 0.2rem #01003C;     margin: 10px 0 0;     font-size: 1.2rem; }  h5 {     background-color: #ECE9DB;     padding: 1.8rem;     border-right: 2px solid #9f9f9f;     border-bottom: 2px solid #9f9f9f;     line-height: 1.5rem;     font-size: 1.1rem; }  ol {   margin: 0px;   padding: 0px;   list-style-type: decimal; } ul {   margin: 0px;   padding: 0px;   list-style-type: none; } li {   margin: 0px;   padding: 0px; } img {   margin: 0px;   padding: 0px;   border: medium none; } a:hover img {   filter: alpha(opacity=100);   -moz-opacity: 1;   opacity: 1; /*background-color:#111; */ } p {   margin: 0px;   padding: 0px; } address {   margin: 0px;   padding: 0px; } blockquote {     background-color: #efefef;     padding: 4em 1em 1.1em;     position: relative;     margin: 20px 0;     border-right: 1px solid #EBE8DA;     border-bottom: 1px solid #EBE8DA; } blockquote:before {   content: "“";   font-size: 600%;   line-height: 1em;   font-family: "ＭＳ Ｐゴシック", sans-serif;   color: #999;   position: absolute;   left: 10px;   top: 10px; } /*gnav fix*/ .fixed {   position: fixed;   width: 100%;   top: 0;   z-index: 1000;   background-color: #EBFC2B;   opacity: 0.8; } /*汎用*/ .t-al-center {   text-align: center;   display: block; } .clearB{clear:both;}  .mt100{margin:100px 0 0;} .mt80{margin:80px 0 0;} .mt50{margin:50px 0 0;} .mt30{margin:30px 0 0;} .mt20{margin:20px 0 0;} .mt10{margin:10px 0 0;}  .w50p{width:50%;} .w30p{width:30%;} .bdc_EBFC2B{background: #EBFC2B!important;} #wrapper {   width: 100%;   text-align: left;   margin: 0 auto;   padding: 0;   background-color: #fff;   clear: both; }    /*header　main visual*/  .slick-slider {   opacity: 0;   transition: opacity .5s linear; /* ふんわり表示用 */ }     #header > div.slide-items.slick-initialized.slick-slider > div > div > div.slick-slide.slick-current.slick-active > a > div {     max-height: 440px; }    #header > div.slide-items.slick-initialized.slick-slider > div > div > div.slick-slide.slick-current.slick-active > a{  max-height: 400px;	 }  #header > div.slide-items.slick-initialized.slick-slider > div > div > div.slick-slide.slick-current.slick-active > a:hover{  max-height: 400px;	 }   #header > div.slide-items.slick-initialized.slick-slider {   width: calc(calc(100%/7)*4.4);   float: left;   max-height: 420px;   margin: 0 3% 0; } #header > div.slick-slider > div {} #header > div.slide-items.slick-initialized.slick-slider > div > div > div.slick-slide.slick-current.slick-active > a > div {} #header > div.slide-items.slick-initialized.slick-slider > a > div > div.rss_img {}     .slick-initialized {   opacity: 1; }  #header {     height: 440px;     clear: both;     margin: 85px 0 0; } #header div.rss_img {   /*   width: 100%; 	height:371px;*/ } #header div.rss_img img {   object-fit: cover;   width: 640px;   height: 335px; } #header div.rss_title {   margin: 0;   /* height: 30px; */   color: #222355;   position: relative;   /* top: -85px; */   padding: 10px;   /* background: linear-gradient(90deg, rgb(255, 255, 255), rgb(249, 249, 249)); */   opacity: 0.9;   font-size: 1.4rem;   font-family: 'Klee One', cursive;   font-weight: bold;   max-width: 620px;   /*background: linear-gradient(90deg, rgb(255, 255, 255), rgb(234, 253, 51, 0.5));*/ } #header div.rss_desc {     position: relative;     top: -335px;     width: 30%;     left: calc(100%/1.6);     /* backdrop-filter: revert; */     padding: 2.5% 3% 2.5%;     opacity: 0.9;     color: #fff;     letter-spacing: 0.16rem;     font-size: 0.9rem;     background: linear-gradient(135deg, rgba(0, 0, 57, 0.6) , rgba(6, 12, 63, 1) 34%, rgba(9, 19, 66, 1) 12%);     z-index: 9999;     border-bottom: 1px solid #999;     border-right: 1px solid #999; } #header p.header_cap {   position: relative;   top: 260px;   font-family: 'Klee One', cursive;   font-size: 1.4rem;   font-weight: bold; } #header_image {   height: 220px;   /* background-color: #000039 !important; */   background-size: 100%;   /*background-image: url(https://img01.osakazine.net/usr/t/r/i/trip4/cover_img_pc.png?1697793177);*/   background-image: url(https://img01.osakazine.net/usr/t/r/i/trip4/cover_img_pc.png);   background-repeat: no-repeat;   background-position: center center;   float: left;   margin: 0 2.5% 0;   /* padding: 0 3% 0; */   /* position: relative; */   width: calc(calc(100%/7)*1.8);   position: relative;   top: 0;   /* z-index: -1; */ } #blogtitle {   font-size: 30px;   margin: 30px 30px 5px;   z-index: 9999; } #blogtitle a {   color: #333;   -webkit-transition: all 0.35s ease 0s;   -moz-transition: all 0.35s ease 0s;   transition: all 0.35s ease 0s; } #blogtitle a:link {   color: #333; } #blogtitle a:visited {   color: #333; } #blogtitle a:hover {   text-decoration: none;   opacity: 0.7; } #description {   color: #999;   font-size: 14px;   line-height: 1.7;   margin: 0 30px 30px; } #nav {     width: 100%;     margin: -1px 0 0 0;     list-style: none;     clear: both;     z-index: 9999; } #nav li {     width: calc(100% / 6);     float: left;     padding: 13px 0 13px 1%;     /* border-right: 1px solid #02bdd6; */     font-size: 14px;     letter-spacing: 0.1rem;     box-sizing: border-box;     font-weight: bold;     -webkit-transition: background-color 0.35s ease 0s;     -moz-transition: background-color 0.35s ease 0s;     -o-transition: background-color 0.35s ease 0s;     transition: background-color 0.35s ease 0s, color 0.35s ease 0s;     /* background-color: #01003C; */     background-color: #9C8E5D;     text-align: center;     opacity: 0.8;     color: #fff;     /* margin: 0 0 1%; */     text-shadow: 1px 1px #01003C; } #nav > a:nth-child(6) > li {   border-right: none !important; } #nav li:hover {   /*	    background: #f1fbff none repeat scroll 0 0;*/   background: #01003C none repeat scroll 0 0;   /*	  background: #fff none repeat scroll 0 0;*/   /*  border-left: 1px solid #fff;*/   /*  border-bottom: 2px solid #A29566;*/   margin: 0; /*  color: #EDFC4A;*/ 	  color: #fff;   } #nav li:nth-child(5) {   border-right: none; } #nav a:hover {   text-decoration: none; 	 opacity: 1!important; } #nav a {   /*	color:#fff;*/   font-weight: normal;   display: block; } #nav a li {   position: relative; } #nav a li:after {   border-right: 3px solid #fff;   border-top: 3px solid #fff;   border-radius: 2px;   /* content: "";*/   margin: 0 0 0 10px;   height: 5px;   right: 20px;   position: absolute;   transform: rotate(45deg);   -webkit-transform: rotate(45deg);   top: 20px;   width: 5px;   -webkit-transition: all 0.35s ease 0s;   -moz-transition: all 0.35s ease 0s;   transition: all 0.35s ease 0s; } #nav a li:hover:after {   border-right: 3px solid #333;   border-top: 3px solid #333; } #nav li a {   background: #fff none repeat scroll 0 0;   display: block;   font-size: 1.5rem;   height: 39px;   line-height: 39px;   padding: 0 20px;   -webkit-transition: background-color 0.35s ease 0s;   -moz-transition: background-color 0.35s ease 0s;   -o-transition: background-color 0.35s ease 0s;   transition: background-color 0.35s ease 0s, color 0.35s ease 0s; } .slick-slide img {   /*  display: block;   max-height: 240px;   width: 240px;   object-fit: contain;*/ } /*gradient*/ .gradient {   background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.99), rgba(0, 0, 0, 1));   /* background-position-y: 10px; */ }   /*ピックアップ(広告枠)記事*/ #ad{ 		background: #fff!important; }  #ad > div > div > a{     height: 300px !important;     display: block;	 }  #ad > div > div > a:hover{ height:300px;	 }   #ad > div > div > h3 {     position: relative;     top: 25px;     left: 0px;     background: #D23A4B;     padding: 5px 10px 5px;     color: #fff;     width: 32%;     font-size: 0.8rem; }  #ad > div.picup {     display: flex;     margin: 20px 10px 0;     padding: 2%; } #ad > div.picup div.pic_title {     height: 300px;     width: calc(100%/ 3);     padding: 0;     /* margin: 0 0 0 -40px; */     /* z-index: 0; */     /* position: relative; */     /* left: -65px; */ }  #ad > div.picup div.pic_title:nth-last-child(2) {   margin: 0 2% 0; } #ad > div.picup div.pic_title a div.rss_img {   width: calc(100%/ 1);   height: 300px; } #ad > div.picup div.pic_title a div.rss_img img {   width: calc(100%/ 1);   object-fit: cover;   height: 300px } #ad > div.picup div.pic_title a > div.rss_title.gradient {     position: relative;     top: -120px;     padding: 50px 10px 0;     height: 70px;     color: #fff; }   /*ピックアップ記事*/ #main > div.picup {   display: flex;   margin: 0 0 50px;   padding: 2%; } #main > div.picup div.pic_title {   height: 300px;   width: calc(100%/ 3);   padding: 0;   margin: 0; } #main > div.picup div.pic_title:nth-last-child(2) {   margin: 0 2% 0; } #main > div.picup div.pic_title a div.rss_img {   width: calc(100%/ 1);   height: 300px; } #main > div.picup div.pic_title a div.rss_img img {   width: calc(100%/ 1);   object-fit: cover;   height: 300px } #main > div.picup div.pic_title a > div.rss_title.gradient {     position: relative;     top: -140px;     padding: 30px 10px 0;     height: 110px;     color: #fff; } /*TOP:カテゴリ別*/ #main > div.pickup2 div.pic_title {   width: calc(100%/4);   padding: 1.2%;   border-radius: 5px;   overflow: hidden;   box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);   transition: box-shadow .1s ease-in;   margin: 0 1% 0 0;   background: #fff; } #main > div.pickup2 {   display: flex;   margin: 0 0 50px;   padding: 2%; 	width:100%; } #main div.pickup2 a div img {     width: 100%;     height: 110px;     object-fit: cover;     border-right: 1px solid #EBE8DA;     border-bottom: 1px solid #EBE8DA; } #main > div.pickup2 a div.rss_title {   line-height: 1.5rem;   /* font-weight: normal!important; */   font-size: 1rem;   /*    font-family: 'Klee One', cursive;*/   font-weight: bold; }  /*TOP左カラム（広告）*/ .L_ad{ margin:0 auto; padding:0 18px 0; width:100%;	 }  /*投稿記事内*/ .Lpic {   width: 200px;   /* text-align: left; */   float: left;   /*    margin: 0 20px 20px 0;*/ } #side_wrap {   width: calc(100%/3.61);   float: left;   padding: 0 1% 0;   margin: 0 1% 0; } .sidetitle {   position: relative;   padding: 0.6em;   background: #01003C;   color: #fff;   font-weight: bold;   margin: 10% 0 6%; } .sidetitle:after {   position: absolute;   content: '';   top: 100%;   left: 30px;   border: 15px solid transparent;   border-top: 15px solid #01003C;   width: 0;   height: 0; }  .sidetitle2 {     position: relative;     padding: 1.3rem 0.8rem;     background: #ebfc2b;     color: #01003C;     font-weight: bold;     margin: 10% 0 0; } .sidetitle2:after {   position: absolute;   content: '';   top: 100%;   left: 30px;   border: 15px solid transparent;   border-top: 15px solid #ebfc2b;   width: 0;   height: 0; } div.custom2 {} div.custom3 {} div.custom3 {} .profile .photo {   width: 150px;   height: 150px;   overflow: hidden;   margin: 0 auto; } .profile .photo img {   width: 150px; } .nickname {   font-size: 16px;   font-weight: bold;   padding: 15px 0 10px 10px;   text-align: center; } .message {   color: #666;   margin: 10px 0 0 0;   font-size: 14px; } .banner_box {   -webkit-transition: all 0.35s ease 0s;   -moz-transition: all 0.35s ease 0s;   -o-transition: all 0.35s ease 0s;   transition: all 0.35s ease 0s; } .banner_box:hover {   opacity: 0.7; } .sidebody {   font-size: 14px;   margin-top: 0;   margin-right: 20px;   margin-bottom: 10px;   width: 100%; } .sidebody a {} .category, .link, .comment, .search, .counter, .qrcode, .rss, .inquiry, .blog_entry, .calender, .subscription, .recententry-img, .recententry, .archives, .tag_cloud {   /* [disabled]padding-bottom:15px; */ } .category span {   font-size: 12px;   margin: 0 0 0 5px;   color: #999; } ul.rss {   text-align: center; } ul.rss li {   border-right: #999 1px solid;   display: inline;   font-size: 88%;   font-style: normal;   font-weight: bold;   letter-spacing: 0.2px;   margin-right: 0.3em;   padding-right: 0.5em;   padding-left: 0.2em; } ul.rss a:link, ul.rss a:visited, ul.rss a:hover, ul.rss a:active {   color: #666;   text-decoration: none; } .side .text {   width: 80px; } .button {   padding: 0 8px; } .counter {   color: #999; } .calender {   text-align: center;   width: 90%;   margin: 15px auto 10px; } .calendarhead {   margin-bottom: 3px;   font-size: 14px; } .calendartable {   border: 0px solid #006699;   font-size: 13px;   width: 100%;   margin-right: auto;   margin-left: auto; } .sun {   color: #FF3366; } .sat {   color: #0099CC; } #side_wrap > aside > div.tag_cloud {} .tag_cloud a:hover {   text-decoration: none; } .tag_cloud span { background-color: #ECE9DB;     padding: 5px 10px 5px;     margin: 5px;     display: inline-block;     word-break: keep-all;     /* font-size: 10px; */  /*   text-shadow: 1px 1px #666;*/ } .tag_cloud span:hover {   text-decoration: none;   color: #fff; 	background-color: #111; 	 } .tag_cloud p {   margin: 10px 0 0 0; } .tag_cloud p:hover {   text-decoration: underline; } #copyright {   text-align: center;   padding: 150px 0 10px 0;   font-size: 10px;   clear: both; } /*　ここから記事部分　*/ #main {   clear: both;   margin: 0;   /* width: calc(calc(100%/5)*3.5); */   float: left;   background-color: #fff;   padding: 0 1.5% 5%;   margin: 0 1% 0 0;   width: calc(calc(100%/7)*4.5); } .clear-both {   clear: both; } /*.post_wrap {   width: 400px;   margin: 0 10px 15px 0;   -webkit-transition: all 0.35s ease 0s;   transition: all 0.35s ease 0s;   border: 1px solid #d8d8d8;   box-sizing: border-box;   display: inline-block;   font-size: 0px;   height: 390px;   object-fit: cover;   float: left; }*/  .post_wrap {     /* margin: 0 10px 30px 0; */     /* -webkit-transition: all 0.35s ease 0s; */     /* transition: all 0.35s ease 0s; */     /* border: 1px solid #d8d8d8; */     /* box-sizing: border-box; */     /* display: inline-block; */     /* font-size: 0px; */     /* height: 390px; */     /* object-fit: cover; */     /* float: left; */     /* display: flex; */     display: flex;     margin: 0;     padding: 2%;     /* width: 100%; */     /* align-content: space-around; */     /* flex-wrap: wrap; */     /* flex-direction: row; */ }   /*.post_wrap {     margin: 0 10px 30px 0;     -webkit-transition: all 0.35s ease 0s;     transition: all 0.35s ease 0s;     border: 1px solid #d8d8d8;     box-sizing: border-box;     display: inline-block;     font-size: 0px;     object-fit: cover;     width: 100%;     align-content: space-around;     flex-wrap: wrap;     flex-direction: row; }*/  .post_wrap:nth-child(even) {   margin-right: 0px; } .post_wrap:hover {   opacity: 0.7; } .post_wrap a {   text-decoration: none !important; } .post_box {} /*.post_photo {   background-repeat: no-repeat;   background-size: 400px;   background-position: center;   height: 250px; }*/  /*.post_photo {     background-repeat: no-repeat;     background-size: 100%;     background-position: center;     height: 84px;     width: 160px; }*/   /*.post_photo {     background-repeat: no-repeat;     background-size: 100%;     background-position: center;     height: 84px;     width: 160px;     float: left; }*/  .post_photo {     background-repeat: no-repeat;     background-size: 100%;     background-position: center;     height: 84px;     width: 160px;     float: left;     margin: 0 10px 10px 0;     /* width: 100%; */     /* height: 110px; */     /* object-fit: cover; */     border-right: 1px solid #EBE8DA;     border-bottom: 1px solid #EBE8DA; } .post_time {   padding: 15px 15px 10px 15px;   font-size: 12px;   color: #999;   letter-spacing: 2px; } .post_title {     font-size: 20px;     font-weight: bold;     line-height: 1.3;     padding: 0 15px 15px 15px;     letter-spacing: 2px;     color: #333;     width: 100%; } .pagenavi {   clear: both;   border-top: 1px solid #dbd9da;   padding-top: 8px; } .current {   background-color: #0085a0;   color: #FFF; } .current, .page, .extend, .nextpostslink {   padding: 8px 20px;   border: 1px solid #DBD7DA;   margin-left: -1px;   font-size: 24px;   font-weight: normal; } .page, .extend, .nextpostslink {   margin-left: -6px; } .extend {   padding: 8px 35px; } .image-aside, .text-aside {   margin: 0; } figure {   position: relative;   overflow: hidden;   width: 200px;   color: #fff;   text-align: center; } figcaption {   position: absolute;   top: 0;   left: 0;   z-index: 2;   width: 100%;   height: 100%;   background: rgba(0, 0, 0, .6);   -webkit-transition: .3s;   transition: .3s;   opacity: 0; } figure:hover figcaption {   opacity: 1; } figure h3 {   margin: 5px 5px 0;   letter-spacing: 0.1rem; } figure p {   font-size: 10px;   margin: 65px 10px 0;   line-height: 1.5;   letter-spacing: 0.1rem; } #footer {   clear: both;   margin: 50px 0 0; } /* 個別記事 */ .blogbody {   margin: 0; } .title {     text-align: left;     color: #383838;     margin-top: 30px;     margin-bottom: 0px;     margin-left: 0px;     clear: both;     border-bottom: 1px solid #dbd7da;     padding-top: 0px;     padding-right: 0px;     padding-left: 0px;     padding-bottom: 5px;     margin-right: 0px;     font-size: 1.8rem;     line-height: 1.3; } .title a {   color: #333;   text-decoration: none; } .title a:link {   text-decoration: none;   color: #333; } .title a:visited {   text-decoration: none;   color: #333; } .title a:active {   text-decoration: none;   color: #333399; } .title a:hover {   text-decoration: underline; } .entry_meta {} .entrydate {   color: #333333;   line-height: 1.5em;   font-size: 0.75rem;   float: left;   font-weight: normal;   margin: 0px;   padding-right: 0px;   padding-bottom: 0px;   ;   padding-top: 10px; } #category-right {   background-image: url(/_img/set_business_3/folder.png);   background-repeat: no-repeat;   background-size: 20px;   float: left;   text-align: left;   padding-top: 0px;   padding-right: 30px;   padding-left: 25px;   padding-bottom: 0px;   font-size: 0.75rem;   margin-top: 10px;   margin-right: 0px;   margin-bottom: 5px;   margin-left: 15px; } #category-right a {   margin: 0 5px; } .posted .aposted {   background-color: #333333;   color: #FFFFFF;   padding-top: 4px;   padding-right: 15px;   padding-bottom: 4px;   padding-left: 15px;   font-size: 14px;   margin-top: 10px;   font-weight: bold;   margin-bottom: 10px;   margin-left: 10px; } .main-post {   clear: both;   margin: 0 0 15px 0;   padding-top: 30px;   line-height: 1.7; } .main-post {     max-width: 100%; }  .main-post h2{ 	font-size:1.5rem; 		color: #01003c; 	text-shadow: 1px 1px #DED7C0; } .posted {   color: #666;   font-size: 11px;   text-align: right;   margin-top: 5px;   margin-bottom: 40px;   padding-bottom: 0; } .insideout2 {   float: right;   margin-right: 10px;   margin-top: 3px;   margin-bottom: 10px; } .inside {   display: table-cell;   vertical-align: middle;   text-align: center;   -webkit-transition: 0.8s;   -moz-transition: 0.8s;   transition: 0.8s;   margin: 0px;   padding: 0px; } .inside p {   font-weight: bold;   display: inline-block;   vertical-align: middle;   font-size: 12px;   padding: 0px;   -index: 10;   margin: 0px; } a.amenu2 {   color: #FFFFFF;   text-decoration: none;   background-color: #000039;   padding-top: 7px;   padding-right: 20px;   padding-bottom: 7px;   padding-left: 20px;   margin-right: 10px;   font-weight: bold;   margin-bottom: 5px; } a.amenu2:link {   color: #FFFFFF;   text-decoration: none;   background-color: #000039;   font-weight: bold; } a.amenu2:visited {   color: #FFFFFF;   text-decoration: none;   background-color: #000039;   font-weight: bold; } a.amenu2:hover {   color: #FFFFFF;   text-decoration: none;   background-color: #fff;   font-weight: bold;   opacity: 0.5; } a.amenu2::after {   top: 0;   left: 0;   width: 100%;   height: 100%;   background: #333;   -webkit-transform-origin: center bottom;   transform-origin: center bottom;   -webkit-transform: rotateX(0);   transform: rotateX(0); } a.amenu2:hover::after {   -webkit-transform: rotateX(-180deg);   transform: rotateX(-180deg); } .comments-head {   padding-top: 10px;   text-align: left;   color: #333;   border-bottom: 1px solid #dbd7da;   padding-bottom: 10px;   font-weight: bold; } .comments-body {   font-size: 14px;   line-height: 145%;   margin-top: 20px;   margin-bottom: 5px; } .comments-post {   color: #666;   font-size: 14px;   text-align: right;   margin-top: 0;   margin-bottom: 25px;   border-bottom-width: 1px;   border-bottom-style: dotted;   border-bottom-color: #CCCCCC; } table.form {   width: 670px;   margin-top: 25px;   margin-right: 0;   margin-bottom: 0;   margin-left: 13px; } table.form td {   width: 90px;   display: table-cell; } table.form label {   width: 100px !important; } table.form insert {   padding: 10px; } label {   font-size: 88%;   font-weight: normal;   color: #666; } input[type="author"] {   width: 300px; } .menu {   clear: both;   color: #666;   font-size: 14px;   text-align: center;   margin: 70px auto 0;   width: 412px; } .insideout {   float: left;   margin-right: 10px;   margin-top: 15px;   margin-bottom: 10px; } a.amenu2 {   color: #fff;   text-decoration: none;   background-color: #000039;   padding-top: 7px;   padding-right: 30px;   padding-bottom: 7px;   padding-left: 30px;   margin-right: 10px;   font-weight: bold;   margin-bottom: 5px;   -webkit-transition: all 0.35s ease 0s;   -moz-transition: all 0.35s ease 0s;   -o-transition: all 0.35s ease 0s;   transition: all 0.35s ease 0s;   border-radius: 5px;   border: 1px solid #000039;   box-sizing: border-box; } a.amenu2:link {   color: #fff;   text-decoration: none;   background-color: #000039;   -webkit-transition: all 0.35s ease 0s;   -moz-transition: all 0.35s ease 0s;   -o-transition: all 0.35s ease 0s;   transition: all 0.35s ease 0s;   border-radius: 5px;   border: 1px solid #000039;   box-sizing: border-box; } a.amenu2:visited {   color: #fff;   text-decoration: none;   background-color: #000039;   -webkit-transition: all 0.35s ease 0s;   -moz-transition: all 0.35s ease 0s;   -o-transition: all 0.35s ease 0s;   transition: all 0.35s ease 0s;   border-radius: 5px;   border: 1px solid #000039;   box-sizing: border-box; } a.amenu2:hover {   color: #000039;   text-decoration: none;   background-color: #fff;   border: 1px solid #000039;   box-sizing: border-box;   opacity: 1; } .inside {   display: table-cell;   vertical-align: middle;   text-align: center;   -webkit-transition: 0.8s;   -moz-transition: 0.8s;   transition: 0.8s;   margin: 0px;   padding: 0px; } .inside p {   font-weight: bold;   display: inline-block;    vertical-align: middle;   font-size: 14px;   padding: 0px;   -index: 10;   margin: 0px; } .category-bar {   color: #383838 !important;   background-color: #fff !important;   padding-top: 5px;   padding-bottom: 5px;   padding-left: 10px;   clear: both;   margin-top: 20px;   margin-bottom: 10px;   font-weight: bold;   font-size: 15px;   margin-right: 3px;   margin-left: 3px;   border: none !important;   border-bottom: 1px solid #01003C !important;   border-left: 10px solid #01003C !important; } .category-bar a:hover {   text-decoration: none !important; } .category-bar a:visited {   color: #01003C !important;   text-decoration: none; } .category-bar a:link {   color: #01003C !important;   text-decoration: underline; } .category-bar a {   color: #01003C !important;   text-decoration: none; } .image-relevance {   margin-right: 3%;   float: left;   width: 20%;   max-width: 150px !important;   max-height: 100px !important;   overflow: hidden;   margin-left: 2%; } .image-relevance img {   width: 100%;   max-width: 150px !important;   margin-bottom: 2px;   -webkit-transition: 0.5s ease-in-out;   -moz-transition: 0.5s ease-in-out;   -o-transition: 0.5s ease-in-out;   transition: 0.5s ease-in-out; } .album_image {   -webkit-transition: all 0.5s ease 0s;   -moz-transition: all 0.5s ease 0s;   -o-transition: all 0.5s ease 0s;   transition: all 0.5s ease 0s; } .album_image:hover {   opacity: 0.7; } .rssMemo {   margin-left: 30px !important;   font-size: 14px; } .text-relevance a {   margin-right: 5px; } #nav_headline {   border: 1px solid #dbd7da;   border-left: 10px solid #000039;   padding: 12px 20px; } #album-link {   width: 30%;   padding: 10px;   font-size: 14px;   text-align: center;   border: 1px solid #fff !important;   color: #fff !important;   margin: 15px 0 0 30px; } a:visited #album-link {   color: #fff !important;   font-weight: normal !important;   text-decoration: none; } a:link #album-link {   color: #fff !important;   font-weight: normal !important;   text-decoration: none;   -webkit-transition: 0.35s ease-in-out;   -moz-transition: 0.35s ease-in-out;   -o-transition: 0.35s ease-in-out;   transition: 0.35s ease-in-out; } a:hover #album-link {   font-weight: normal !important;   color: #fff !important;   opacity: 0.8; } a:hover #album-link a {   text-decoration: none !important; } #mailForm table {   width: 100%;   font-family: 'Lucida Grande', "Hiragino Kaku Gothic Pro", Meiryo, 'メイリオ', 'MS Pゴシック', sans-serif;   font-weight: normal; } #mailForm th, #mailForm td {   padding: 10px;   border: 1px solid #ddd; } #mailForm th {   background: #f4f4f4; } .bt {   text-align: center; } .next {   position: relative;   z-index: 2;   background-color: #fff;   border: 2px solid #333;   padding: 0 30px;   color: #333;   line-height: 50px;   -webkit-transition: all 0.35s ease 0s;   -moz-transition: all 0.35s ease 0s;   -o-transition: all 0.35s ease 0s;   transition: all 0.35s ease 0s;   font-family: 'Lucida Grande', "Hiragino Kaku Gothic Pro", Meiryo, 'メイリオ', 'MS Pゴシック', sans-serif;   margin: 0 5px;   font-size: 18px; } .next:hover {   background-color: #333;   border-color: #333;   color: #fff; } .next::before, .next::after {   left: 0;   width: 100%;   height: 50%;   background-color: #333; } .next::before {   top: 0; }  .next::after {   bottom: 0; } .next:hover::before, .next:hover::after {   height: 0;   background-color: #333; } .err {   color: red;   font-size: 12px; } .info {   width: 300px;   font-size: 12px;   color: #666;   float: left;   margin: 0 0 40px 0; } .info th {   padding: 10px 0 3px 0;   border-bottom: 2px solid #666; } #info_profile {   font-size: 16px;   margin-bottom: 20px;   width: 100px; } .info-th {   margin: 0 0 0 0; } .info-td {   width: 220px;   padding: 10px 0 5px 5px;   margin: 0px 10px 0 5px;   word-wrap: break-word;   border-bottom: 1px dotted #333; } /*----------------------------------------------------      .contact ----------------------------------------------------*/ .contact th {   width: 30%;   text-align: left; } .contact td {   width: 70%;   text-align: left; } .contact span {   color: red; }   /*social button*/  div.main-post > div.c3_social_button { display: none; }  div.main-post > div.c3_social_button > ul{ 	display: flex;     flex-direction: row; }  div.main-post > div.c3_social_button > ul > li.c3_social_button{ 	 }   #twitter-widget-0{ 	height: 32px;     display: block; }  div.c3_social_button > ul > li:nth-child(2) > a{ height: 32px;     display: block;	 }    div.main-post > div.c3_social_button > ul > li > div.fb-share-button.fb_iframe_widget{ 	 } div.main-post > div.c3_social_button > ul > li > div.fb-share-button.fb_iframe_widget {     height: 32px;     display: block;     margin: -7px 0 0 5px;     padding: 0; }    @media only screen and (max-width:480px) {   .contact {     margin: 0;   }   .contact th, .contact td {     width: 100%;     display: block;     padding: 5%;     border-top: none;     box-sizing: border-box;   }   .contact tr:first-child th {     border-top: 1px solid #ddd;   }   .bt {     text-align: center;   }   .next {     width: 50%;     padding: 0;   }   .contact textarea, .contact input {     padding: 2%;   } } .input_general_box {   width: 68% !important;   height: 40px;   background-color: #fff;   border: 1px solid #ccc;   padding: 0 10px;   -webkit-appearance: normal;   -moz-appearance: normal;   appearance: normal;   -webkit-appearance: none;   border-radius: 5px;   outline: none;   -webkit-transition: all 0.35s ease 0s;   -moz-transition: all 0.35s ease 0s;   transition: all 0.35s ease 0s; } .input_general_box:focus {   -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);   box-shadow: inner 0 0 5px rgba(0, 0, 0, 0.3); } input.button {   margin: 0 1.5% 0 !important;   padding: 9px 18px 9px 18px;   font-size: 14px;   border-radius: 5px;   font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif !important;   -webkit-appearance: normal;   -moz-appearance: normal;   appearance: normal;   -webkit-appearance: none;   border: 1px solid #333;   box-sizing: border-box;   background-color: #333;   color: #fff;   letter-spacing: 3px;   -webkit-transition: all 0.35s ease 0s;   -moz-transition: all 0.35s ease 0s;   transition: all 0.35s ease 0s;   outline: none;   width: 20%; } input.button:hover {   background-color: #fff;   color: #333; } .main-post img {   max-width: 100%;   object-fit: contain; } #instagram-embed-0 {   min-width: 700px !important; } /*問合せボタン*/ .btn, a.btn, button.btn {   font-size: 1.6rem;   font-weight: 700;   line-height: 1.5;   position: relative;   display: inline-block;   padding: 1rem 4rem;   cursor: pointer;   -webkit-user-select: none;   -moz-user-select: none;   -ms-user-select: none;   user-select: none;   -webkit-transition: all 0.3s;   transition: all 0.3s;   text-align: center;   vertical-align: middle;   text-decoration: none;   letter-spacing: 0.1em;   color: #212529;   border-radius: 0.5rem; } .btn-wrap {   margin: 30px 0; } a.btn-c {   font-size: 2.2rem;   position: relative;   padding: 0.25rem 2rem 1.5rem 3.5rem;   color: #fff;   background: #039AD3;   -webkit-box-shadow: #1E3D5C;   box-shadow: 0 5px 0 #1E3D5C; } a.btn-c span {   font-size: 1.5rem;   position: absolute;   top: -1.25rem;   left: calc(50% - 150px);   display: block;   width: 300px;   padding: 0.2rem 0;   color: #000039;   border: 2px solid #000039;   border-radius: 100vh;   background: #fff;   -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);   box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); } a.btn-c span:before, a.btn-c span:after {   position: absolute;   left: calc(50% - 10px);   content: ""; } a.btn-c span:before {   bottom: -10px;   border-width: 10px 10px 0 10px;   border-style: solid;   border-color: #01003C transparent transparent transparent; } a.btn-c span:after {   bottom: -7px;   border-width: 10px 10px 0 10px;   border-style: solid;   border-color: #fff transparent transparent transparent; } a.btn-c i {     margin-right: 1rem;     font-weight: bold; } a.btn-c:hover {   -webkit-transform: translate(0, 3px);   transform: translate(0, 3px);   color: #fff;   background: #000039;   -webkit-box-shadow: 0 2px 0 #203653;   box-shadow: 0 2px 0 #203653; } /*タイトルバー*/ /*.ttl_balloon2 {     position: relative;     padding: 0.5em 1.5em;     background: linear-gradient(to top, rgb(0, 0, 57), #0a055d);     color: #fff;     display: inline-block;     margin: 50px 0 20px; 	letter-spacing:0.3rem; } */ .ttl_balloon2 {   position: relative;   /*	  background: linear-gradient(90deg, rgb(249, 249, 249), rgb(255, 255, 255));*/   background: linear-gradient(90deg, rgb(240, 230, 202), rgb(255, 255, 255));   padding: 1em 1em;   border-left: solid 3em #01003C;   margin: 50px 2% 20px; } .ttl_balloon2:before {     font-family: "Font Awesome 5 Free";     /* content: "\f303"; */     position: absolute;     padding: 0em;     color: white;     font-weight: 900;     left: -2.25rem;     top: 50%;     -webkit-transform: translateY(-50%);     transform: translateY(-50%); } /*.faw-point:before {   content: "\f25a"; } .faw-factory:before {   content: "\f275"; } .faw-food:before {   content: "\f2e7"; } .faw-network:before {   content: "\f1eb"; } */  /*icon*/ .faw-network:before {     content:url(https://blog.osakazine.net/img/img/ico_info.png); }  .faw-factory:before {     content: url(https://blog.osakazine.net/img/img/ico_factory.png); }  .fa-store:before {     content:url(https://blog.osakazine.net/img/img/ico_shop.png); }  .fa-newspaper:before {     content:url(https://blog.osakazine.net/img/img/ico_post.png); }    /*カテゴリ下ボタン*/ .articles-link {   display: block;   clear: both;   /* justify-content: center; */   /* align-items: center; */   color: #fff !important;   position: relative;   width: 300px;   height: 38px;   border: 1px solid #f64852;   border-radius: 22.5px;   font-weight: bolder;   letter-spacing: .1em;   transition: color .1s ease-out, background-color .1s ease-out;   margin: 50px auto 70px;   font-size: 1rem;   padding: 15px 5px 0;   text-align: center;   background: #e01123; } .articles-link:hover {   background-position: 100% 0;   transition: color 0.5s, background-color 0.5s; } /*広告枠*/ ul.ad01 li {   list-style: none; } ul.ad01 {   margin: 50px 0 50px; } ul.ad01 li {} .ad_top01 {}  ul.ad01 li a img {     width: 100%; }  aside div.rss_ad a{ 	min-height:200px; }  /*background*/ .bg {   animation: slide 3s ease-in-out infinite alternate;   /*  background-image: linear-gradient(-60deg, #6c3 50%, #000039 50%);*/   /*	  background-image: linear-gradient(-60deg, #000039 50%, #e9fc16 50%);*/   background-image: linear-gradient(-60deg, #fff 50%, #e9fc16 50%);   bottom: 0;   left: -50%;   opacity: .5;   position: fixed;   right: -50%;   top: 0;   z-index: -1; } .bg2 {   animation-direction: alternate-reverse;   animation-duration: 5s; } .bg3 {   animation-duration: 6s; } /*.content {   background-color:rgba(255,255,255,.8);   border-radius:.25em;   box-shadow:0 0 .25em rgba(0,0,0,.25);   box-sizing:border-box;   left:50%;   padding:10vmin;   position:fixed;   text-align:center;   top:50%;   transform:translate(-50%, -50%); }*/ h1 {   font-family: monospace; } /*トップページ：右サイド*/ ul.side_cate > li > a > span {   background: #C8BC96;   color: #fff;   padding: 0.5% 1% 0.3%;   font-size: 0.6rem;   margin: 0 0 1% 5%;   /* height: 10px; */   display: inline-block; } ul.side_cate_tx > li > a > span {   margin: 0 0 10% 0; } #side_wrap > aside {} #side_wrap > aside ul.side_cate {   margin: 2% 0 1%;   display: inline-block; } #side_wrap > aside ul.side_cate li div.rss_img {   width: 42%;   height: 85px;   float: left; } #side_wrap > aside ul.side_cate li div.rss_img img {     width: 100%;     height: 100px;     object-fit: contain;     background: #333;     border-right: 1px solid #EBE8DA;     border-bottom: 1px solid #EBE8DA; } #side_wrap > aside ul.side_cate li {   float: left;   margin: 0 0 20px;   width: 100%;   list-style: none;   /* height: 0px; */ } #side_wrap > aside ul.side_cate li div.rss_title {   width: 53%;   margin: 0 0 0 5%;   float: right;   font-size: 1rem; } #side_wrap > aside > div.custom1 > div > ul.side_cate_tx > li ul.side_cate_tx li {   list-style: none; } ul.side_cate_tx li div.rss_title {   width: 100%;   /* margin: 0 0 0 5%; */   float: left; } ul.side_cate_tx li div.rss_title div.rss_desc {} ul.side_cate_tx {} ul.side_cate_tx > li {   /* background-color: aqua; */   /* width: 100%; */   /*    height: 60px;*/   padding: 10px;   margin: 0 0 20px;   border-bottom: 1px #9f9f9f dotted; } ul.side_cate_tx > span.rss_date {   margin: 0 0 10% 0;   /* height: 10px; */   background: #C8BC96;   color: #fff;   padding: 1%;   font-size: 0.6rem;   font-weight: bold; } ul.side_cate_tx div.rss_desc {   font-weight: normal;   font-size: 0.8rem;   color: #554A20 } #side_wrap div.rss_ad {   width: 100%;   /* height: 280px; */   /* position: relative; */   /* top: 15px; */   margin: 48px 0; } #side_wrap div.rss_ad img {   object-fit: contain;   width: 100%;   height: 100%; } /*個別*/ body#kobetsu #header {   height: auto;   background-color: #fff; margin: 0 0 0; } body#kobetsu #header_image2 {   width: 1200px;   height: 150px;   margin: 0;   background: url("https://blog.osakazine.net/img/shacho/bg_shacho_kobetu.svg"); } body#kobetsu #header_image2 img {} /*body#kobetsu p.header_cap {   left: 12%;   width: 84%;   margin: 0 2% 0;   font-size: 1rem;   top: 5px;   color: #fff;   font-weight: bold;   letter-spacing: 0.1rem; }*/ body#kobetsu p.header_cap {     top: 42px;     left: 550px;     /* width: 65%; */     /* position: relative; */     /* padding: 1.2rem 2rem calc(1rem + 10px); */     /* background: #EAFD33; */     z-index: 9999;     letter-spacing: 0.1rem;     font-size: 1.2rem;     /* padding: 1em; */     color: #fff;     /* box-shadow: 8px 8px 8px 0px rgba(245, 253, 168); */     width: calc(100%/2);     padding: 0.8% 2% 0.8%;     font-family: 'Klee One', cursive !important;     text-shadow: 1px 1px 2px #111;     font-weight: bold; } body#kobetsu p.header_cap:before {   position: absolute;   top: -8px;   left: -7px;   width: 100%;   height: 100%;   content: '';   /*  border: 4px solid #000;*/   z-index: 9;   /* font-family: 'Klee One', cursive; */   /* font-weight: bold; */ } body#kobetsu aside div.rss_ad {   display: none; } /*ページ下部：カテゴリ*/ #main div.relevance_image_frame {   float: left;   text-align: center;   padding: 3px;   margin: 5px 5px 30px;   width: 70px;   border: 1px solid #888; } /*footer*/ footer {   background-color: #333;   padding: 60px 0 67px 0;   position: relative;   margin-top: 100px;   z-index: 101;   clear: both; } .container2 {   max-width: 1160px;   margin: 0 auto; } footer .foot_link {   margin-bottom: 40px; } footer .more_area, .renewal_area footer .foot_link {   display: flex; } footer * {   font-size: 14px;   color: #fff; } footer .foot_link {   margin-bottom: 40px; } footer .more_area, footer .foot_link {   display: flex; } footer .more_area {   justify-content: space-between; } footer .more_area, footer .foot_link {   display: flex; } footer .foot_link li {   margin-right: 30px; } footer .logo_area .logo, footer .logo_area .sns, footer .logo_area .sns + div {   margin-bottom: 20px; } footer div.logo > a > figure > img {   width: 100%; } footer li a {   color: #fff !important; }  /*問合せボタン*/  .btn-wrap {     margin: 3rem 0 0; }  a.btn-c {     font-size: 2.2rem;     position: relative;     padding: 0.25rem 2rem 1.5rem 3.5rem;     color: #fff;     background: #eafc2b;     -webkit-box-shadow: #E7E6D2;     box-shadow: 0 5px 0 #E7E6D2; }  .btn, a.btn, button.btn {     font-size: 1.6rem;     font-weight: 700;     line-height: 1.5;     position: relative;     display: inline-block;     padding: 0.4rem 3rem 1rem;     cursor: pointer;     -webkit-user-select: none;     -moz-user-select: none;     -ms-user-select: none;     user-select: none;     -webkit-transition: all 0.3s;     transition: all 0.3s;     text-align: center;     vertical-align: middle;     text-decoration: none;     letter-spacing: 0.1em;     color: #212529;     border-radius: 0.5rem; }  a.btn-c span:before {     bottom: -10px;     border-width: 10px 10px 0 10px;     border-style: solid;     border-color: #01003C transparent transparent transparent; }  a.btn-c span:before, a.btn-c span:after {     position: absolute;     left: calc(50% - 10px);     content: ""; }  a.btn-c span:after {     bottom: -7px;     border-width: 10px 10px 0 10px;     border-style: solid;     border-color: #fff transparent transparent transparent; }   /*カテゴリ*/ body#kobetsu.cate div.main-post a{ display: flex;	 }  body#kobetsu.cate div.main-post img {     /* float: left; */     /* width: 27%; */     /* display: block; */     margin: 0 3% 1% 0;     width: 300px;     height: 200px;     object-fit: contain; }   body#kobetsu.cate div.main-post div.txt {     /* float: left; */     /* width: 100%; */     /* height: auto; */     /* margin: 0; */     font-weight: normal;     line-height: 2rem; }  div.main-post div.tag_list span a{     background-color: #ECE9DB;     padding: 5px 10px 5px;     margin: 5px;     display: inline-block;     /* float: left; */ }  div.main-post div.tag_list span a:hover {   text-decoration: none;   color:#fff!important; 	background-color:#111; }  div.main div.tag_list span a{     background-color:#ECE9DB;     padding:5px 10px 5px;     margin:5px;     display:inline-block;     /* float: left; */	 }  div.main div.tag_list span a:hover{   text-decoration:none;   color:#fff!important; 	background-color:#111; }   #main span.rss_date2 {     font-size: 0.8rem; }  .album_title {     overflow: visible!important;     height: 115px!important;     font-size: 0.7rem!important;     text-align: left; } @keyframes slide {   0% {     transform: translateX(-25%);   }   100% {     transform: translateX(25%);   } }