@charset "UTF-8";
  .inner{
width: 1080px;
margin: 0 auto;
}
#header_upper{
background: #611111;
height:18px;
padding: 5px 0 0;
vertical-align: baseline;
min-width: 1080px;
}
h1{
font-size: 12px;
color: #fff;
float: left;
letter-spacing: 1px;
line-height: 1.4;
}
#header_upper ul li{
float: right;
font-size: 12px;
margin-left: 20px;
}
#header_upper a{
color: #fff;
font-family:Times New Roman , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "HG明朝E", "ＭＳ Ｐ明朝","MS 明朝",serif;
letter-spacing: 1px;
}
#header_upper ul li#fb_icon img{
position: relative;
top:-3px;
}
#header_upper a span{
font-size: 7px;
margin-right: 5px;
}
#header_upper #link_gakuin{
position: relative;
width: 200px;
height: 1px;
}
#header_upper #link_gakuin a{
display: block;
position: absolute;
text-align: center;
top:-5px;
height:25px;
padding-top: 5px;
line-height: 1.3;
width: 100%;
border-radius: 0px 0px 5px 5px;
background-color:#f4f2ed;
color: #4f3811;
border-bottom: 2px solid #611111;
border-right: 2px solid #611111;
border-left: 2px solid #611111;
font-size: 15px;
font-family:'Arapey', "游明朝", YuMincho, "ヒラギノ明朝 ProN W6", Hiragino Mincho ProN , "HG明朝E", "ＭＳ Ｐ明朝","MS 明朝",serif;
}
#header_upper #link_gakuin a:hover{
background-color: #f5ece6;
text-decoration: none;
}
#header_upper #link_gakuin a span{
font-size: 0.8em;
margin-right: 8px;
}
#header_under{
clear: both;
min-width: 1080px;
}
#header_under{
background: url(//www.yakuzen-cocomi.com/wp-content/themes/cocomi/img/common/BG_red.png) left top repeat;
height: 90px;
}
#header_under .inner{
position: relative;
}
#header_under .logo{
padding-top: 27px;
}
#gr_main{
display: block !important;
}
#gr_main ul.parent{
position: absolute;
top:36px;
left:170px;
}
#gr_main ul.parent>li{
float:left;
margin-right: 28px;
position: relative;
}
#gr_main ul.parent>li>p{
text-indent: -9999px;
border-bottom: 3px solid transparent;
transition-property: border-bottom-color;
transition-duration: 0.1s;
transition-timing-function: linear;
}
#gr_main ul.parent>li:hover>p{
border-bottom-color: #deba04;
}
#gr_visitor>p{
background: url(//www.yakuzen-cocomi.com/wp-content/themes/cocomi/img/common/gr_visitor.png) left top no-repeat;
width: 120px;
height:21px;
padding-bottom: 5px;
}
#gr_classes>p{
background: url(//www.yakuzen-cocomi.com/wp-content/themes/cocomi/img/common/gr_classes.png) left top no-repeat;
width: 108px;
height:19px;
padding-bottom: 7px;
}
#gr_about>p{
background: url(//www.yakuzen-cocomi.com/wp-content/themes/cocomi/img/common/gr_about.png) left top no-repeat;
width: 119px;
height:18px;
padding-bottom: 8px;
}
#gr_column>p{
background: url(//www.yakuzen-cocomi.com/wp-content/themes/cocomi/img/common/gr_column.png?v=344) left top no-repeat;
width: 109px;
height:20px;
padding-bottom: 8px;
}
#gr_column>p>a{
display: block;
width: inherit;
height: inherit;
}
#gr_access>p{
background: url(//www.yakuzen-cocomi.com/wp-content/themes/cocomi/img/common/gr_access.png) left top no-repeat;
width: 87px;
height:18px;
padding-bottom: 8px;
}
#gr_access>p>a{
display: block;
width: inherit;
height: inherit;
}
#gr_inquiry{
position: absolute;
right:0;
top:18px;
}
#gr_inquiry a{
background: url(//www.yakuzen-cocomi.com/wp-content/themes/cocomi/img/common/gr_inquiry.png) center center no-repeat #c00033;
width: 108px;
height: 56px;
display: block;
text-indent: -9999px;
border-bottom: 3px solid #999;
transition-property: background-color;
transition-duration: 0.1s;
transition-timing-function: linear;
}
#gr_inquiry a:hover{
background-color: #e15666;
}
#gr_main div.child{
display: none;
z-index: 1000;
}
#gr_main .balloon{
opacity: 0;
width: 14px;
height: 20px;
background: url(//www.yakuzen-cocomi.com/wp-content/themes/cocomi/img/common/balloon.png) left top no-repeat;
position: absolute;
top:20px;
left:50px;
z-index: 1000;
}
#gr_main div.child li{
clear: both;
margin-bottom: 15px;
}
#gr_main div.child li a,
#gr_main div.child li a p{
font-size: 14px;
line-height: 1.4;
font-weight: bold;
color: #4f3811;
letter-spacing: 1px;
font-family:Times New Roman , "ヒラギノ明朝 ProN W6", Hiragino Mincho ProN ,  "游明朝", YuMincho,"HG明朝E", "ＭＳ Ｐ明朝","MS 明朝",serif;
}
#gr_main #gr_visitor .balloon{
}
#gr_main #gr_visitor div.child,
#gr_main #gr_about div.child{
position: absolute;
background-color: #fff;
top:40px;
width: 180px;
left: -50px;
box-shadow: 0px 2px 4px 1px #ddd;
padding: 20px 20px 5px;
}
#gr_visitor div.child a img,
#gr_about div.child a img{
float: left;
margin-right: 13px;
padding-top: 5px;
}
.header-list-image-block{
float: left;
margin-right: 13px;
}
.header-list-image-block-zoom{
position: relative;
}
.header-list-image-block-zoom::after{
position: absolute;
top: 3px;
left: 3px;
content: "";
background-image: url(//www.yakuzen-cocomi.com/wp-content/themes/cocomi/img/common/zoom.png);
width: 24px;
height: 24px;
background-size: contain;
visibility: visible;
background-repeat: no-repeat;
}
#gr_main #gr_classes div.child{
position: absolute;
background-color: #fff;
top:40px;
width: 550px;
left: -50px;
box-shadow: 0px 2px 4px 1px #ddd;
padding: 20px 20px 5px;
}
#gr_main #gr_classes .caption{
clear: both;
font-size: 13px;
font-weight: bold;
padding-left: 7px;
padding-top: 3px;
color: #4f3811;
margin-bottom: 15px;
}
#gr_main #gr_classes .caption.green{
border-left:3px solid #58e600;
}
#gr_main #gr_classes .caption.orange{
border-left:3px solid #ffa733;
}
#gr_main #gr_classes .caption.blue{
border-left:3px solid #00a4de;
}
#gr_main #gr_classes ul{
margin-bottom: 15px;
}
#gr_main #gr_classes ul.last{
margin-bottom: 0;
}
#gr_main #gr_classes ul li{
width: 250px;
float: left;
clear: none;
margin-right: 20px;
}
#gr_main #gr_classes ul li img{
padding-top: 0;
}
#gr_main #gr_classes ul li img.green{
border: 2px solid #58e600;
}
#gr_main #gr_classes ul li img.orange{
border: 2px solid #ffa733;
}
#gr_main #gr_classes ul li img.blue{
border: 2px solid #00a4de;
}
#gr_main #gr_classes ul li p.center{
padding-top: 10px;
}
footer{
min-width: 1080px;
background: #611111;
border-top: 4px solid #cc0033;
}
footer .inner{
padding: 40px 0;
}
footer .float_box{
float: left;
margin-right: 70px;
}
footer .caption{
font-size: 15px;
font-weight: bold;
color: #fff;
padding-bottom: 6px;
border-bottom: 1px solid #fff;
font-family:Times New Roman , "ヒラギノ明朝 ProN W6", Hiragino Mincho ProN ,  "游明朝", YuMincho,"HG明朝E", "ＭＳ Ｐ明朝","MS 明朝",serif;
display: inline-block;
margin-bottom: 15px;
letter-spacing: 1px;
}
footer li{
margin-bottom: 7px;
}
footer li a{
font-size: 12px;
color: #fff;
letter-spacing: 1px;
}
footer .logo{
float: right;
}
footer .copy{
margin-top: 60px;
text-align: center;
letter-spacing: 1px;
color: #fff;
font-family:'Arapey', serif;
font-size: 13px;
}
.footer_banner{
display: none;
} #slides{
margin-top: 10px;
min-width: 1080px;
height: 300px;
overflow: hidden;
}
#slides .org{
visibility: hidden;
}
.slick-prev{
background: url(//www.yakuzen-cocomi.com/wp-content/themes/cocomi/img/common/arrow_left.png) left top no-repeat;
text-indent: -9999px;
width: 64px;
height: 64px;
}
.slick-next{
background: url(//www.yakuzen-cocomi.com/wp-content/themes/cocomi/img/common/arrow_right.png) left top no-repeat;
text-indent: -9999px;
width: 64px;
height: 64px;
}
.slick-slide{
margin: 0 5px;
}
#main_banner{
margin-top: 10px;
padding: 10px 0;
background-color: #f5f5f5;
width: 100%;
min-width: 1080px;
}
#main_banner h2.title{
display: none;
}
#main_banner li{
float: left;
margin-right: 7px;
}
#main_banner li.right{
margin-right: 0;
}
#main_banner li a{
display: block;
border: 1px solid #ccc;
}
#main_banner li a:hover{
opacity: 0.7;
}
#news_list{
}
#news_list .inner{
background: url(//www.yakuzen-cocomi.com/wp-content/themes/cocomi/img/top/bg_news_list.gif) 98% top no-repeat;
padding: 60px 0 50px;
}
#blog_list{
width: 800px;
float: none;
margin: 0 auto;
}
#column_list{
width: 510px;
float: right;
}
#news_list h2.title{
border-bottom: #611111 1px solid;
color: #611111;
padding-bottom: 5px;
padding-left: 75px;
font-size: 20px;
letter-spacing: 1px;
position: relative;
font-weight: bold;
}
#news_list h2.title span{
display: block;
position: absolute;
background: url(//www.yakuzen-cocomi.com/wp-content/themes/cocomi/img/common/title_icon_brown.png) left top no-repeat;
width: 45px;
height: 45px;
padding: 24px 0 0 24px;
color: #fff;
left: 0px;
top:-25px;
font-size: 22px;
}
#news_list ul{
margin-top: 13px;
}
#news_list ul li{
border-bottom: 1px dashed #ccc;
}
#news_list ul li a{
display: block;
padding: 13px 0;
}
#news_list .date{
font-family:'Arapey', serif;
font-size: 15px;
color: #333;
float: left;
width: 80px;
line-height: 1.4;
}
#news_list .article_title{
font-size: 14px;
color: #333;
float: left;
width:274px;
text-decoration: underline;
line-height: 1.5;
}
#news_list .article_title.max{
font-size: 14px;
color: #333;
float: left;
width:424px;
text-decoration: underline;
line-height: 1.5;
}
#news_list .category{
float: right;
width: 130px;
padding: 5px 0;
text-align: center;
color: #fff;
font-size: 12px;
letter-spacing: 1px;
background-color: #611111;
}
#news_list .info,
#news_list .unclassified,
#news_list .other,
#news_list .d-trip,
#news_list .d-cocomi{
background-color: #cc0033;
}
#news_list .d-stydy,
#news_list .d-yakuzen,
#news_list .d-watashi{
background-color: #e98500;
}
#news_list .state-class,
#news_list .jissen,
#news_list .media,
#news_list .license,
#news_list .d-soto{
background-color: #006cb8;
}
#news_list .kanpo{
background-color:#b32117;
}
#news_list .shoyaku{
background-color:#218708;
}
#news_list .shokuzai{
background-color:#ea8f17;
}
#advantage{
background: url(//www.yakuzen-cocomi.com/wp-content/themes/cocomi/img/top/bg_advantage.png) left center no-repeat #f5f5f5;
height: 550px;
min-width: 1080px;
}
#advantage .inner{
position: relative;
}
#advantage .advantage01{
width: 360px;
position: absolute;
top:60px;
left:300px;
}
#advantage .advantage01 .banner{
margin-top: 30px;
}
#advantage .advantage02{
width: 360px;
position: absolute;
top:60px;
right:0;
}
#advantage h2.heading{
font-size: 22px;
font-weight: bold;
border-bottom: solid 3px #deba04;
letter-spacing: 1px;
padding-bottom: 3px;
color: #4f3811;
}
#advantage h2.heading span{
font-size: 32px;
}
#advantage ul{
margin-top: 20px;
}
#advantage ul li{
font-size: 16px;
line-height: 1.5;
margin-bottom: 10px;
letter-spacing: 1px;
font-weight: normal;
color: #333;
list-style-type: disc;
margin-left: 20px;
}
#list_classes{
padding: 50px 0;
background: url(//www.yakuzen-cocomi.com/wp-content/themes/cocomi/img/top/bg_list_classes.png) right 70px no-repeat #fefcf7;
min-width: 1080px;
}
#list_classes h2.heading{
text-align: center;
font-size: 22px;
font-weight: bold;
border-bottom: solid 3px #deba04;
letter-spacing: 1px;
padding-bottom: 3px;
color: #4f3811;
width: 110px;
margin: 0 auto 40px;
}
#list_classes h2.heading span{
font-size: 32px;
}
#list_classes .caption{
font-size: 20px;
font-weight: bold;
padding-left: 7px;
padding-top: 3px;
color: #4f3811;
margin-bottom: 15px;
font-family:Times New Roman , "ヒラギノ明朝 ProN W6", Hiragino Mincho ProN ,  "游明朝", YuMincho,"HG明朝E", "ＭＳ Ｐ明朝","MS 明朝",serif;
}
#list_classes .caption.green{
border-left:5px solid #58e600;
}
#list_classes .caption.orange{
border-left:5px solid #ffa733;
}
#list_classes .caption.blue{
border-left:5px solid #00a4de;
}
#list_classes li{
margin-bottom: 30px;
width: 250px;
}
.list-class-block{
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.list-class-block:after,
.list-class-block:before{
content: "";
display: block;
width: 250px;
height: 0;
}
.list-class-block:before{
order: 1;
}
.list-image-block{
margin-bottom: 10px;
}
.list-image-block-zoom{
position: relative;
}
.list-image-block-zoom::after{
position: absolute;
top: 8px;
left: 8px;
content: "";
background-image: url(//www.yakuzen-cocomi.com/wp-content/themes/cocomi/img/common/zoom.png);
width: 37%;
height: 37%;
background-size: contain;
visibility: visible;
background-repeat: no-repeat;
}
.list-image-block__image{
width: 100%;
box-sizing: border-box;
}
#list_classes img.green{
border: 3px solid #58e600;
}
#list_classes img.orange{
border: 3px solid #ffa733;
}
#list_classes img.blue{
border: 3px solid #00a4de;
}
#list_classes h4.title{
font-size: 16px;
color: #cc0033;
letter-spacing: 1px;
font-weight: bold;
margin-bottom: 10px;
}
#list_classes p.description{
font-size: 12px;
color: #666;
line-height: 1.5;
}
#calendar{
padding: 50px 0;
background: url(//www.yakuzen-cocomi.com/wp-content/themes/cocomi/img/top/bg_calendar.png) right 0px no-repeat #fefcf7;
min-width: 1080px;
}
#calendar h2.heading{
text-align: center;
font-size: 22px;
font-weight: bold;
border-bottom: solid 3px #deba04;
letter-spacing: 1px;
padding-bottom: 3px;
color: #4f3811;
width: 190px;
margin: 0 auto 40px;
}
#calendar h2.heading span{
font-size: 32px;
}
#media_listing{
background-color: #611111;
width: 100%;
}
#media_listing .inner{
padding: 40px 0;
text-align: center;
}
#media_listing .heading_box{
display: inline-block;
width: 370px;
vertical-align: top;
text-align: left;
margin: 0 10px;
}
#media_listing ul{
display: inline-block;
vertical-align: top;
text-align: center;
margin: 0 10px;
}
#media_listing ul li{
display: inline-block;
text-align: left;
margin: 0 10px;
}
#media_listing h2.heading{
font-size: 22px;
font-weight: bold;
border-bottom: solid 3px #deba04;
letter-spacing: 1px;
padding-bottom: 3px;
color: #fff;
}
#media_listing h2.heading span{
font-size: 32px;
}
#media_listing p{
margin-top: 20px;
font-size: 15px;
line-height: 1.8;
letter-spacing: 1px;
font-weight: normal;
color: #fff;
} #bread{
padding: 10px 0;
}
#bread a,
#bread span{
font-size: 12px;
color: #515151;
}
#bread a{
text-decoration: underline;
}
#bread a:hover{
color: #999;
text-decoration: none;
}
#subpage_head{
height: 118px;
}
#subpage_head .inner{
position: relative;
height: inherit;
}
#subpage_head p{
font-size: 13px;
font-family:Times New Roman , "ヒラギノ明朝 ProN W6", Hiragino Mincho ProN ,  "游明朝", YuMincho,"HG明朝E", "ＭＳ Ｐ明朝","MS 明朝",serif;
color: #4f3811;
letter-spacing: 1px;
line-height: 1.5;
}
#container{
background: url(//www.yakuzen-cocomi.com/wp-content/themes/cocomi/img/common/BG_container.jpg) left top repeat;
padding: 25px 0;
min-width: 1080px;
}
#main_column{
width: 800px;
float: left;
}
#main_column h2.main_image{
margin-bottom: 20px;
}
#main_column header{
margin-bottom: 10px;
}
#main_column header.border{
margin-bottom: 10px;
padding: 10px;
background-color: #fefcf7;
}
#main_column header.border .layer1{
background: url(//www.yakuzen-cocomi.com/wp-content/themes/cocomi/img/common/lefttop.png) left top no-repeat;
}
#main_column header.border .layer2{
background: url(//www.yakuzen-cocomi.com/wp-content/themes/cocomi/img/common/leftbottom.png) left bottom no-repeat;
}
#main_column header.border .layer3{
background: url(//www.yakuzen-cocomi.com/wp-content/themes/cocomi/img/common/righttop.png) right top no-repeat;
}
#main_column header.border .layer4{
background: url(//www.yakuzen-cocomi.com/wp-content/themes/cocomi/img/common/rightbottom.png) right bottom no-repeat;
border: 1px solid #ccc;
}
#main_column header.border h2{
text-align: center;
padding: 10px;
color: #4f3811;
font-size: 32px;
letter-spacing: 3px;
font-weight: normal;
}
#main_column header.border h2 span{
font-size: 48px;
}
#main_column nav ul li{
float: left;
width: 197px;
margin-right: 4px;
position: relative;
}
#main_column nav ul li.last{
margin-right: 0;
}
#main_column nav ul li a{
background-color: #611111;
color: #fff;
text-align: center;
display: block;
padding: 15px 0 13px;
text-decoration: none;
font-family:Times New Roman , "ヒラギノ明朝 ProN W6", Hiragino Mincho ProN ,  "游明朝", YuMincho,"HG明朝E", "ＭＳ Ｐ明朝","MS 明朝",serif;
letter-spacing: 1px;
font-size: 16px;
transition-property: background-color;
transition-property: color;
transition-duration: 0.1s;
transition-timing-function: linear;
}
#main_column nav ul li a:hover{
background-color: #aaa;
color: #611111;
}
#main_column nav ul li.current a,
#main_column nav ul li a:active{
background-color: #fff;
color: #611111;
}
#main_column nav ul li.unavailable a{
background-color: #fff;
color: #ccc;
}
#main_column nav ul li.current .balloon{
background: url(//www.yakuzen-cocomi.com/wp-content/themes/cocomi/img/common/balloon_upside.png) left top no-repeat;
position: absolute;
width: 44px;
height: 38px;
bottom:-38px;
left:80px;
}
#side_column{
width: 250px;
float: right;
}
article{
background: url(//www.yakuzen-cocomi.com/wp-content/themes/cocomi/img/common/BG_article.png) 95% top no-repeat #f8f7f3;
}
article .inner{
width:auto;
padding: 40px;
}
article p{
font-size:15px;
line-height:1.8;
color: #333;
margin: 20px 0;
letter-spacing: 1px;
}
article p a{
text-decoration: underline;
}
article p a:hover{
text-decoration: none;
}
article h3.heading{
margin-top: 20px;
margin-bottom: 5px;
padding-bottom: 4px;
padding-left: 75px;
font-size: 22px;
letter-spacing: 2px;
position: relative;
font-weight: bold;
border-bottom: #d8b404 3px solid;
color: #4f3811;
clear:both;
line-height: 1.3;
}
article h3.heading span{
display: block;
position: absolute;
width: 45px;
height: 45px;
padding: 24px 0 0 24px;
color: #fff;
left: 0px;
top:-22px;
font-size: 22px;
background: url(//www.yakuzen-cocomi.com/wp-content/themes/cocomi/img/common/title_icon_yellow.png) left top no-repeat;
line-height: 1.0;
}
article h3.heading span.num{
font-style: italic;
font-size: 34px;
padding: 16px 0 0 24px;
height: 53px;
}
article .left_box{
float:left;
}
article .img{
width: 216px;
}
article .para{
width: 478px;
}
article .left_box.even{
width: 47%;
margin-right: 6%;
}
article .right_box.even{
width: 47%;
margin-right: 0;
}
article .right_box{
float:right;
}
article img.left{
margin: 0 15px 15px 0;
float: left;
}
article img.right{
margin: 0 0 15px 15px;
float: right;
}
article img{
margin: 20px 0 10px;
line-height: 1.8;
}
article .article_body{
padding: 15px 0;
}
article .article_body_first{
padding: 0 0 15px;
margin-top: -20px;
}
article h4.heading{
font-size: 22px;
font-weight: bold;
border-bottom: solid 3px #deba04;
letter-spacing: 1px;
padding-bottom: 3px;
color: #4f3811;
margin-bottom: 20px;
}
article .banner{
margin: 50px 0;
text-align: center;
}
article .sns{
margin-bottom: 40px;
}
article .sns div div{
float: left;
margin-right: 10px;
}
a.link{
border: 1px solid #c60033;
color: #c60033;
border-right: 20px solid #c60033;
display: inline-block;
padding: 15px 30px;
transition-property: background-color;
transition-duration: 0.1s;
transition-timing-function: linear;
position: relative;
}
a.link:hover{
text-decoration: none;
background-color: #ddd;
}
a.link span{
position: absolute;
background: url(//www.yakuzen-cocomi.com/wp-content/themes/cocomi/img/common/arrow_link.png) left top no-repeat;
right: -15px;
top:35%;
width: 8px;
height: 14px;
}
ul.ul01 li{
font-size: 16px;
line-height: 1.5;
margin-bottom: 10px;
letter-spacing: 1px;
font-weight: normal;
color: #333;
list-style-type: disc;
margin-left: 20px;
}
ul.ul01_deci li{
font-size: 16px;
line-height: 1.5;
margin-bottom: 10px;
letter-spacing: 1px;
font-weight: bold;
color: #333;
list-style-type: decimal;
margin-left: 30px;
}
ul.ul02{
margin: 20px 0;
}
ul.ul02 li{
font-size: 17px;
line-height: 1.4;
margin-bottom: 15px;
letter-spacing: 1px;
font-weight: bold;
color: #333;
font-family:Times New Roman , "ヒラギノ明朝 ProN W6", Hiragino Mincho ProN ,  "游明朝", YuMincho,"HG明朝E", "ＭＳ Ｐ明朝","MS 明朝",serif;
list-style-type: circle;
margin-left: 20px;
}
ul.ul01 li p.caption,
ul.ul02 li p.caption{
font-size: 0.8em;
margin: 10px 0;
}
#side_column .banner{
margin-bottom: 5px;
}
#side_column .banner a:hover img{
opacity: 0.8;
}
#side_column nav{
margin-bottom: 15px;
}
#side_column nav .caption{
padding: 13px 10px 11px;
font-size: 15px;
font-family:Times New Roman , "ヒラギノ明朝 ProN W6", Hiragino Mincho ProN , "HG明朝E", meiryo, "メイリオ",serif;
text-align: center;
font-weight: bold;
letter-spacing: 1px;
vertical-align: baseline;
}
#side_column nav .caption img{
margin-right: 4px;
}
#side_column nav ul li{
border-bottom: 1px dashed #ccc;
}
#side_column nav ul li.last{
border-bottom: none;
}
#side_column nav ul.archives li{
padding: 10px;
}
#side_column nav ul.archives li select{
width: 100%;
}
#side_column nav ul li a{
padding: 15px 20px 13px;
font-size: 14px;
line-height: 1.4;
display: block;
transition-property: background-color;
transition-duration: 0.1s;
transition-timing-function: linear;
background-position: 95% center;
background-repeat: no-repeat;
}
#side_column nav ul li a:hover{
text-decoration: none;
background-color: #eee;
}
#side_column nav ul li.green a{
background-image: url(//www.yakuzen-cocomi.com/wp-content/themes/cocomi/img/common/arrow_green.png);
}
#side_column nav ul li.orange a{
background-image: url(//www.yakuzen-cocomi.com/wp-content/themes/cocomi/img/common/arrow_orange.png);
}
#side_column nav ul li.blue a{
background-image: url(//www.yakuzen-cocomi.com/wp-content/themes/cocomi/img/common/arrow_blue.png);
}
#side_column nav ul li.pink a{
background-image: url(//www.yakuzen-cocomi.com/wp-content/themes/cocomi/img/common/arrow_pink.png);
}
#side_column h5.side_title{
background: #611111;
color: #fff;
padding-top: 12px;
padding-bottom: 10px;
padding-left: 80px;
font-size: 14px;
letter-spacing: 1px;
position: relative;
font-weight: bold;
margin: 30px 0 20px;
}
#side_column h5.side_title span{
display: block;
position: absolute;
background: url(//www.yakuzen-cocomi.com/wp-content/themes/cocomi/img/common/s_title_icon_brown.png) left top no-repeat;
width: 41px;
height: 41px;
background-size: cover;
padding: 25px 0 0 25px;
color: #fff;
left: 10px;
top:-15px;
font-size: 18px;
}
.facebook_box{
margin-top: 20px;
}
a.link_small{
border: 1px solid #c60033;
color: #c60033;
border-right: 20px solid #c60033;
background-color: #fff;
display: block;
padding: 5px 0px 3px;
font-size: 13px;
text-align: center;
transition-property: background-color;
transition-duration: 0.1s;
transition-timing-function: linear;
position: relative;
}
a.link_small:hover{
text-decoration: none;
background-color: #ddd;
}
article a.link_small{
border: 1px solid #c60033;
color: #c60033;
border-right: 20px solid #c60033;
background-color: #fff;
display: inline-block;
padding: 5px 10px 3px;
font-size: 13px;
text-align: center;
transition-property: background-color;
transition-duration: 0.1s;
transition-timing-function: linear;
position: relative;
text-decoration: none;
}
article a.link_small:hover{
text-decoration: none;
background-color: #ddd;
}
a.link_small span.arrow{
position: absolute;
background: url(//www.yakuzen-cocomi.com/wp-content/themes/cocomi/img/common/arrow_link.png) left top no-repeat;
right: -15px;
top:15%;
width: 8px;
height: 14px;
}
a.link_small span.s_cut{
display: none;
}
table.table01{
margin: 30px 0;
width: 100%;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}
table.table01 th,
table.table01 td{
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
padding: 15px 25px;
font-weight: bold;
font-size: 18px;
line-height: 1.3;
letter-spacing: 1px;
text-align: center;
color: #4f3811;
}
table.table01 th{
background-color: #ffffc2;
}
table.table01 td{
background-color: #ffffff;
text-align: left;
}
table.table01 th span,
table.table01 td span{
font-size: 13px;
font-weight: normal;
}
table.table02{
margin: 30px 0;
width: 100%;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}
table.table02.caption{
margin: 0 0 30px;
}
table.table02 th,
table.table02 td{
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
padding: 15px 25px;
font-weight: bold;
font-size: 18px;
line-height: 1.3;
letter-spacing: 1px;
text-align: center;
color: #4f3811;
}
table.table02 th{
background-color: #ffe1e1;
width: 30%;
}
table.table02 td{
background-color: #ffffff;
text-align: left;
}
table.n-basic td{
font-weight: normal !important;
line-height: 1.5;
font-size: 16px;
}
table.table02 th span,
table.table02 td span{
font-size: 13px;
font-weight: normal;
}
table.table03{
margin: 30px 0;
width: 100%;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}
table.table03.caption{
margin: 0 0 30px;
}
table.table03 th,
table.table03 td{
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
padding: 15px 25px;
font-size: 16px;
line-height: 1.5;
letter-spacing: 1px;
text-align: center;
color: #4f3811;
}
table.table03 th{
background-color: #ffe1e1;
width: 30%;
font-weight: bold;
}
table.table03 td{
background-color: #ffffff;
text-align: left;
}
table.table03 th span,
table.table03 td span{
font-size: 13px;
font-weight: normal;
}
table.table03 td ul li{
margin-bottom: 8px;
list-style-type: circle;
line-height: 1.4;
margin-left: 20px;
}
table.table04{
margin: 30px 0;
width: 100%;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}
table.table04.caption{
margin: 0 0 30px;
}
table.table04 th,
table.table04 td{
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
padding: 15px 25px;
font-size: 16px;
line-height: 1.5;
letter-spacing: 1px;
text-align: center;
color: #4f3811;
}
table.table04 th{
background-color: #ffffc2;
width: 20%;
font-weight: bold;
}
table.table04 td{
background-color: #ffffff;
text-align: left;
}
table.table04 th span,
table.table04 td span{
font-size: 13px;
font-weight: normal;
}
table.table04 td ul li{
margin-bottom: 8px;
list-style-type: circle;
line-height: 1.4;
margin-left: 20px;
}
.table_caption{
margin-bottom: 10px;
letter-spacing: 1px;
}
table.history{
width: 100%;
margin: 30px 0;
border-top: 1px dotted #ccc;
}
table.history th,
table.history td{
border-bottom: 1px dotted #ccc;
font-size: 14px;
padding: 15px;
}
table.history td ul li{
margin-bottom: 8px;
list-style-type: circle;
line-height: 1.4;
margin-left: 20px;
}
table.history th{
color: #bd0033;
text-align: center;
}
table.history th{
width: 15%;
background-color: #ffe1e1;
font-family:georgia , "ヒラギノ明朝 ProN W6", Hiragino Mincho ProN , "HG明朝E", meiryo, "メイリオ",serif;
font-size: 23px;
}
article ul.photo_box01{
width: 100%;
}
article ul.photo_box01 li{
width: 49%;
margin-right: 2%;
float: left;
}
article ul.photo_box01 li.right{
width: 49%;
margin-right: 0;
}
article ul.photo_box01 li img{
width: 100%;
}
article ul.photo_box01 li .caption{
font-size: 13px;
color: #555;
}
article ul.photo_box02{
width: 100%;
margin: 20px 0;
}
article ul.photo_box02 li{
width: 49%;
margin-right: 2%;
float: left;
}
article ul.photo_box02 li.right{
width: 49%;
margin-right: 0;
}
article ul.photo_box02 li img{
max-width: 100%;
}
article ul.photo_box02 li .caption{
font-size: 13px;
color: #555;
}
article ul.photo_box03{
width: 100%;
margin: 20px 0;
}
article ul.photo_box03 li{
width: 32%;
margin-right: 2%;
float: left;
}
article ul.photo_box03 li.right{
width: 32%;
margin-right: 0;
}
article ul.photo_box03 li img{
max-width: 100%;
}
article ul.photo_box03 li .caption{
font-size: 13px;
color: #555;
}
article ul.banner_box01{
width: 100%;
}
article ul.banner_box01 li{
width: 49%;
margin-right: 2%;
float: left;
}
article ul.banner_box01 li.right{
width: 49%;
margin-right: 0;
}  #subpage_head.classes{
border-top:2px solid #ffd790;
border-bottom:2px solid #ffd790; background: #ffe5a6; background: -moz-linear-gradient(top,  #ffe5a6 0%, #ffe2b7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe5a6), color-stop(100%,#ffe2b7)); background: -webkit-linear-gradient(top,  #ffe5a6 0%,#ffe2b7 100%); background: -o-linear-gradient(top,  #ffe5a6 0%,#ffe2b7 100%); background: -ms-linear-gradient(top,  #ffe5a6 0%,#ffe2b7 100%); background: linear-gradient(to bottom,  #ffe5a6 0%,#ffe2b7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe5a6', endColorstr='#ffe2b7',GradientType=0 ); }
#subpage_head.classes .inner{
background-image: url(//www.yakuzen-cocomi.com/wp-content/themes/cocomi/img/common/category_title_photo.png);
background-position: right center;
background-repeat: no-repeat;
}
#subpage_head.classes p{
position: absolute;
left:290px;
top:41px;
}
#subpage_head.classes h2{
position: absolute;
left:50px;
top:41px;
}
.classes article h3.heading{
border-bottom: #d8b404 3px solid;
color: #4f3811;
}
.classes article h3.heading span{
background: url(//www.yakuzen-cocomi.com/wp-content/themes/cocomi/img/common/title_icon_yellow.png) left top no-repeat;
}
#side_column.classes nav .caption{
background-color: #ffd790;
color: #4f3811;
}
#side_column.classes nav ul{
border: 2px solid #ffd790;
background-color: #fff;
}
#side_column.classes nav ul li a{
color: #4f3811;
} article .month_list{
position: relative;
padding: 50px 0 0;
border-bottom: 1px solid #ccc;
}
article .month_list:hover,
article .month_list.active{
background-color: #f2f2f2;
}
article .month{
position: absolute;
left:5px;
top:40px;
font-size: 60px;
font-weight: bold;
font-family: "ヒラギノ明朝 ProN W6", Hiragino Mincho ProN , "HG明朝E", "ＭＳ Ｐ明朝","MS 明朝",serif;
color: #611111;
letter-spacing: -8px;
}
article .month span{
font-size: 27px;
letter-spacing: 0;
margin-left: 7px;
}
article .year{
position: absolute;
left:10px;
top:105px;
font-size: 16px;
font-weight: bold;
letter-spacing: 1px;
font-family: "ヒラギノ明朝 ProN W6", Hiragino Mincho ProN , "HG明朝E", "ＭＳ Ｐ明朝","MS 明朝",serif;
color: #611111;
}
article .title_box{
float: left;
padding-left: 110px;
width: 410px;
padding-bottom: 20px;
}
article h4.theme{
font-size: 22px;
letter-spacing: 2px;
font-family:Times New Roman , "ヒラギノ明朝 ProN W6", Hiragino Mincho ProN ,  "游明朝", YuMincho,"HG明朝E", "ＭＳ Ｐ明朝","MS 明朝",serif;
font-weight: bold;
color: #611111;
}
article .eyecatch{
float: right;
padding-bottom: 20px;
}
article .eyecatch img{
margin: 0;
}
article div.toggle{
display: none;
}
table.schedule{
clear: both;
border-top: 1px dotted #999;
width: 100%;
margin-bottom: 40px;
}
table.schedule td{
border-bottom: 1px dotted #999;
padding: 10px 0;
font-size: 16px;
letter-spacing: 1px;
color: #333;
font-family:Times New Roman , "ヒラギノ明朝 ProN W6", Hiragino Mincho ProN , "HG明朝E", meiryo, "メイリオ",serif;
}
table.schedule td.school{
width: 110px;
color: #fff;
font-size: 13px;
}
table.schedule td.school.san span{
background-color: #ff0066;
padding: 3px 0;
display: block;
text-align: center;
}
table.schedule td.school.ao span{
background-color: #3399d9;
padding: 3px 0;
display: block;
text-align: center;
}
table.schedule td.date{
text-align: left;
padding-left: 20px;
width: 130px;
}
table.schedule td.time{
text-align: left;
width: 130px;
}
table.schedule td.price{
text-align: left;
width: 140px;
text-decoration: underline;
}
table.schedule td.date.delete,
table.schedule td.time.delete,
table.schedule td.price.delete{
text-decoration:line-through;
}
table.schedule td.inquiry{
text-align: left;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Osaka,sans-serif;
}
.toggle_down{
position: relative;
clear: both;
text-align: center;
font-size: 14px;
color: #c60033;
font-weight: bold;
letter-spacing: 1px;
padding-bottom: 10px;
}
.toggle_down .icon{
bottom:-18px;
width: 100%;
height: 18px;
position: absolute;
background: url(//www.yakuzen-cocomi.com/wp-content/themes/cocomi/img/classes/toggle_down.png) center top no-repeat;
z-index: 1000;
}
.toggle_up{
display: none;
position: relative;
background: url(//www.yakuzen-cocomi.com/wp-content/themes/cocomi/img/classes/toggle_up.png) center top no-repeat;
clear: both;
text-align: center;
height: 18px;
font-size: 14px;
color: #c60033;
font-weight: bold;
letter-spacing: 1px;
}
.toggle_up .text{
position: absolute;
bottom:-25px;
width: 100%;
z-index: 1000;
} table.annual_schedule{
margin: 30px 0;
width: 100%;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}
table.annual_schedule th,
table.annual_schedule td{
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
padding: 10px 15px;
font-weight: bold;
font-size: 16px;
line-height: 1.3;
letter-spacing: 1px;
text-align: center;
color: #4f3811;
}
table.annual_schedule th{
background-color: #ffffc2;
width: 25%;
}
table.annual_schedule td{
background-color: #ffffff;
text-align: left;
font-weight: normal;
}
table.annual_schedule th span,
table.annual_schedule td span{
font-size: 12px;
font-weight: normal;
} .voices_right{
float: right;
width: 400px;
}
.voices_left{
float: left;
width: 300px;
padding: 20px 0;
}
.voices_left h4.name{
font-size: 22px;
font-weight: bold;
line-height: 1.3;
margin-bottom: 15px;
color: #333;
}
.voices_left .sanka{
font-size: 14px;
font-weight: bold;
color: #d2ae04;
margin-bottom: 10px;
}
.voices_left .sanka_class{
line-height: 1.5;
font-size: 16px;
color: #333;
} .wp-caption.alignleft{
float: left;
}
.wp-caption.alignright{
float: right;
}
article p.wp-caption-text{
margin: 0;
font-size: 12px;
color: #555;
}  #subpage_head.visitor{
border-top:2px solid #d8e094;
border-bottom:2px solid #d8e094; background: rgb(241,248,217); background: -moz-linear-gradient(top,  rgba(241,248,217,1) 0%, rgba(237,254,173,1) 98%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,248,217,1)), color-stop(98%,rgba(237,254,173,1))); background: -webkit-linear-gradient(top,  rgba(241,248,217,1) 0%,rgba(237,254,173,1) 98%); background: -o-linear-gradient(top,  rgba(241,248,217,1) 0%,rgba(237,254,173,1) 98%); background: -ms-linear-gradient(top,  rgba(241,248,217,1) 0%,rgba(237,254,173,1) 98%); background: linear-gradient(to bottom,  rgba(241,248,217,1) 0%,rgba(237,254,173,1) 98%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f8d9', endColorstr='#edfead',GradientType=0 ); }
#subpage_head.visitor .inner{
background-image: url(//www.yakuzen-cocomi.com/wp-content/themes/cocomi/img/common/category_title_photo.png);
background-position: right center;
background-repeat: no-repeat;
}
#subpage_head.visitor p{
position: absolute;
left:300px;
top:41px;
}
#subpage_head.visitor h2{
position: absolute;
left:38px;
top:35px;
}
.visitor article h3.heading{
border-bottom: #d8b404 3px solid;
color: #4f3811;
}
.visitor article h3.heading span{
background: url(//www.yakuzen-cocomi.com/wp-content/themes/cocomi/img/common/title_icon_yellow.png) left top no-repeat;
}
#side_column.visitor nav .caption{
background-color: #d8e094;
color: #4f3811;
}
#side_column.visitor nav .caption img{
position: relative;
top:2px;
}
#side_column.visitor nav ul{
border: 2px solid #d8e094;
background-color: #fff;
}
#side_column.visitor nav ul li a{
color: #4f3811;
} article p.question{
font-weight: bold;
}
article p.question span,
article p.answer span{
font-family:Times New Roman ,serif;
font-size: 1.8em;
}
article p.question span{
color: #cc1a41;
}
article p.answer span{
color: #0978bd;
}  #subpage_head.cocomi{
border-top:2px solid #ffd8d8;
border-bottom:2px solid #ffd8d8; background: rgb(255,250,227); background: -moz-linear-gradient(top,  rgba(255,250,227,1) 0%, rgba(255,233,229,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,250,227,1)), color-stop(100%,rgba(255,233,229,1))); background: -webkit-linear-gradient(top,  rgba(255,250,227,1) 0%,rgba(255,233,229,1) 100%); background: -o-linear-gradient(top,  rgba(255,250,227,1) 0%,rgba(255,233,229,1) 100%); background: -ms-linear-gradient(top,  rgba(255,250,227,1) 0%,rgba(255,233,229,1) 100%); background: linear-gradient(to bottom,  rgba(255,250,227,1) 0%,rgba(255,233,229,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffae3', endColorstr='#ffe9e5',GradientType=0 ); }
#subpage_head.cocomi .inner{
background-image: url(//www.yakuzen-cocomi.com/wp-content/themes/cocomi/img/common/category_title_photo.png);
background-position: right center;
background-repeat: no-repeat;
}
#subpage_head.cocomi p{
position: absolute;
left:300px;
top:41px;
}
#subpage_head.cocomi h2{
position: absolute;
left:38px;
top:39px;
}
.cocomi article h3.heading{
border-bottom: #8d0033 3px solid;
color: #4f3811;
}
.cocomi article h3.heading span{
background: url(//www.yakuzen-cocomi.com/wp-content/themes/cocomi/img/common/title_icon_red.png) left top no-repeat;
}
#side_column.cocomi nav .caption{
background-color: #ffb8b8;
color: #4f3811;
}
#side_column.cocomi nav ul{
border: 2px solid #ffb8b8;
background-color: #fff;
}
#side_column.cocomi nav ul li a{
color: #4f3811;
}  #subpage_head.contact{
border-top:2px solid #cceaf1;
border-bottom:2px solid #cceaf1; background: rgb(235,251,234); background: -moz-linear-gradient(top,  rgba(235,251,234,1) 0%, rgba(236,241,255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,251,234,1)), color-stop(100%,rgba(236,241,255,1))); background: -webkit-linear-gradient(top,  rgba(235,251,234,1) 0%,rgba(236,241,255,1) 100%); background: -o-linear-gradient(top,  rgba(235,251,234,1) 0%,rgba(236,241,255,1) 100%); background: -ms-linear-gradient(top,  rgba(235,251,234,1) 0%,rgba(236,241,255,1) 100%); background: linear-gradient(to bottom,  rgba(235,251,234,1) 0%,rgba(236,241,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebfbea', endColorstr='#ecf1ff',GradientType=0 ); }
#subpage_head.contact .inner{
background-image: url(//www.yakuzen-cocomi.com/wp-content/themes/cocomi/img/common/category_title_photo.png);
background-position: right center;
background-repeat: no-repeat;
}
#subpage_head.contact p{
position: absolute;
left:300px;
top:41px;
}
#subpage_head.contact h2{
position: absolute;
left:38px;
top:39px;
}
#side_column.contact nav .caption{
background-color: #c3e0e7;
color: #4f3811;
}
#side_column.contact nav ul{
border: 2px solid #c3e0e7;
background-color: #fff;
}
#side_column.contact nav ul li a{
color: #4f3811;
}
table.contact{
width: 100%;
margin: 20px 0 40px;
}
table.contact th{
width: 15%;
font-size: 15px;
font-weight: bold;
text-align: right;
padding: 15px;
vertical-align: middle;
font-family:Times New Roman , "ヒラギノ明朝 ProN W6", Hiragino Mincho ProN , "HG明朝E", meiryo, "メイリオ",serif;
}
table.contact td{
padding: 5px 10px;
line-height: 1.4;
}
table.contact td input,
table.contact td textarea{
width: 100%;
padding: 10px 5px;
font-size: 14px;
}
table.contact td input.radio{
width: 30px;
}
table.contact td.example{
width: 30%;
font-size: 13px;
line-height: 1.4;
}
ul.error li{
font-size: 15px;
margin-bottom: 8px;
color: #bd0033;
}  #subpage_head.column{
border-top:2px solid #dfd4b4;
border-bottom:2px solid #dfd4b4; background: rgb(255,241,193); background: -moz-linear-gradient(top,  rgba(255,241,193,1) 0%, rgba(244,237,216,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,241,193,1)), color-stop(100%,rgba(244,237,216,1))); background: -webkit-linear-gradient(top,  rgba(255,241,193,1) 0%,rgba(244,237,216,1) 100%); background: -o-linear-gradient(top,  rgba(255,241,193,1) 0%,rgba(244,237,216,1) 100%); background: -ms-linear-gradient(top,  rgba(255,241,193,1) 0%,rgba(244,237,216,1) 100%); background: linear-gradient(to bottom,  rgba(255,241,193,1) 0%,rgba(244,237,216,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff1c1', endColorstr='#f4edd8',GradientType=0 ); }
#subpage_head.column .inner{
background-image: url(//www.yakuzen-cocomi.com/wp-content/themes/cocomi/img/common/category_title_photo_column.png);
background-position: right center;
background-repeat: no-repeat;
}
#subpage_head.column h2{
position: absolute;
left:38px;
top:39px;
}
#side_column.column nav .caption{
background-color: #fff6cb;
color: #4f3811;
}
#side_column.column nav ul{
border: 2px solid #fff6cb;
background-color: #fff;
}
#side_column.column nav ul li a{
color: #4f3811;
}
#side_column.column .cat-item a{
background-image: url(//www.yakuzen-cocomi.com/wp-content/themes/cocomi/img/common/arrow_orange.png);
}
#main_column.column .catch_image{
position: relative;
width: 160px;
height: 160px;
float: left;
}
ul.column{
margin: 10px 0 30px;
}
ul.column li{
border-bottom: 1px dashed #ccc;
}
ul.column li a{
display: block;
padding: 30px 0;
}
ul.column li a:hover{
opacity: 0.7;
}
ul.column .catch_image{
position: relative;
width: 160px;
height: 160px;
float: left;
overflow: hidden;
}
ul.column .catch_image .overwrap{
background: url(//www.yakuzen-cocomi.com/wp-content/themes/cocomi/img/column/column_photo_flame.png) left top no-repeat;
width: inherit;
height: inherit;
position: absolute;
z-index: 1000;
}
ul.column .catch_image img{
min-height: 160px;
min-width: 160px;
max-width: 220px;
position: absolute;
z-index: 4;
top:0;
left:0;
margin: 0;
}
ul.column .right_box{
float: right;
width:530px;
padding: 15px 0 0;
}
ul.column h4.title{
font-size: 22px;
color: #d0ac04;
margin-bottom: 12px;
}
ul.column .date{
font-size: 14px;
color: #333;
}
ul.column .excerpt span{
color: #611111;
}
article .post_date{
margin-left: 75px;
margin-top: 10px;
color: #666;
font-size: 13px;
}  #subpage_head.blog{
border-top:2px solid #ffd8d8;
border-bottom:2px solid #ffd8d8; background: rgb(255,250,227); background: -moz-linear-gradient(top,  rgba(255,250,227,1) 0%, rgba(255,233,229,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,250,227,1)), color-stop(100%,rgba(255,233,229,1))); background: -webkit-linear-gradient(top,  rgba(255,250,227,1) 0%,rgba(255,233,229,1) 100%); background: -o-linear-gradient(top,  rgba(255,250,227,1) 0%,rgba(255,233,229,1) 100%); background: -ms-linear-gradient(top,  rgba(255,250,227,1) 0%,rgba(255,233,229,1) 100%); background: linear-gradient(to bottom,  rgba(255,250,227,1) 0%,rgba(255,233,229,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffae3', endColorstr='#ffe9e5',GradientType=0 ); }
#subpage_head.blog .inner{
background-image: url(//www.yakuzen-cocomi.com/wp-content/themes/cocomi/img/common/category_title_photo.png);
background-position: right center;
background-repeat: no-repeat;
}
#subpage_head.blog p{
position: absolute;
left:430px;
top:41px;
}
#subpage_head.blog h2{
position: absolute;
left:38px;
top:39px;
}
.blog article h3.heading{
border-bottom: #8d0033 3px solid;
color: #4f3811;
}
.blog article ul.tags{
margin-top: 20px;
}
.blog article ul.tags li{
display: inline-block;
}
.blog article ul.tags li + li{
margin-left: 10px;
}
.blog article ul.tags li a{
display: block;
background: #8d0033;
border-radius: 10px;
color: #fff;
padding: 3px 20px;
font-size: 13px;
letter-spacing: 1px;
transition-property: background-color;
transition-duration: 0.1s;
transition-timing-function: linear;
white-space: nowrap;
}
.blog article ul.tags li a:hover{
text-decoration: none;
background: #aaaaaa;
}
.related_class{
display: flex;
flex-wrap: wrap;
}
.sainokumi-lecture-lists.related_class li{
width: 250px;
}
.related_class li{
margin-bottom: 30px;
width: 200px;
margin-right: 25px;
}
.related_class li:nth-child(3n){
margin-right: 0;
}
.related_class li.last{
margin-right: 0px;
}
.related_class img{
margin-bottom: 10px;
width: 100%;
height: auto;
}
.related_class img.green{
border: 3px solid #58e600;
}
.related_class img.orange{
border: 3px solid #ffa733;
}
.related_class img.blue{
border: 3px solid #00a4de;
}
.related_class h5.title{
font-size: 16px;
color: #cc0033;
letter-spacing: 1px;
font-weight: bold;
}
.related_class p.description{
font-size: 12px;
color: #666;
line-height: 1.5;
margin-top: 10px;
}
.blog article h3.heading span{
background: url(//www.yakuzen-cocomi.com/wp-content/themes/cocomi/img/common/title_icon_red.png) left top no-repeat;
}
#side_column.blog nav .caption{
background-color: #ffb8b8;
color: #4f3811;
}
#side_column.blog nav ul{
border: 2px solid #ffb8b8;
background-color: #fff;
}
#side_column.blog nav ul li a{
color: #4f3811;
}
#side_column.blog .cat-item a{
background-image: url(//www.yakuzen-cocomi.com/wp-content/themes/cocomi/img/common/arrow_orange.png);
}
#main_column.blog .catch_image{
position: relative;
width: 160px;
height: 160px;
float: left;
}
ul.blog{
margin: 10px 0 30px;
}
ul.blog li{
border-bottom: 1px dashed #ccc;
}
ul.blog li a{
display: block;
padding: 30px 0;
}
ul.blog li a:hover{
opacity: 0.7;
}
ul.blog .catch_image{
position: relative;
width: 160px;
height: 160px;
float: left;
overflow: hidden;
}
ul.blog .catch_image .overwrap{
background: url(//www.yakuzen-cocomi.com/wp-content/themes/cocomi/img/column/column_photo_flame.png) left top no-repeat;
width: inherit;
height: inherit;
position: absolute;
z-index: 1000;
}
ul.blog .catch_image img{
min-height: 160px;
min-width: 160px;
max-width: 220px;
position: absolute;
z-index: 4;
top:0;
left:0;
margin: 0;
}
ul.blog .right_box{
float: right;
width:530px;
padding: 15px 0 0;
}
ul.blog h4.title{
font-size: 22px;
color: #cc0033;
margin-bottom: 12px;
}
ul.blog .date{
font-size: 14px;
color: #333;
}
ul.blog .excerpt span{
color: #611111;
}
article .post_date{
margin-left: 75px;
margin-top: 10px;
color: #666;
font-size: 13px;
}
.paginavi a{
margin: 0 10px;
line-height: 1.5;
} .sitemap_caption{
font-size: 16px;
border-bottom: 1px solid #611111;
padding-bottom: 5px;
font-weight: bold;
color: #d2ae04;
}
ul.sitemap{
margin: 15px 0 30px;
}
ul.sitemap li{
margin: 10px;
}
.gentei{
background: #ffd900;
padding: 5px 15px;
color: #000;
font-size: 13px;
font-weight: bold;
display: inline-block;
margin-top: 20px;
}
.colona{
background-color: #611111;
padding: 30px 0;
font-size: 14px;
color: #ffffff;
font-weight: bold;
line-height: 1.5;
margin-top:10px;
}
.colona_inner{
display: flex; margin: 0 auto; max-width: 1000px;
}
.colona_photo{
width: 330px;
}
.colona_description{
margin-left: 20px; flex:1;
}
.colona_description .heading{
font-size: 18px;
font-weight: 700;
border-bottom: solid 3px #deba04;
letter-spacing: 1px;
padding-bottom: 3px;
color: #fff;
}
.colona_description .heading span{
font-size: 25px;
}
.insta_link{
display: none;
}
.author_block{
border: 1px solid #cccccc;
padding: 15px 15px;
display: flex;
margin-bottom: 30px;
justify-content: space-between;
}
.author_photo{
width: 15%;
}
.author_photo img{
width: 100%;
margin: 0;
}
.author_detail{
width: 80%
}
.author_heading{
font-size:13px;
margin: 0 0 15px;
color: #777;
}
.author_name{
margin: 0 0 5px;
color: #c03;
}
.author_description{
margin: 0 0 10px;
font-size: 13px;
}
.author_sns{
display: flex;
}
.author_sns li+li{
margin-left: 8px;
}
.author_sns li img{
margin: 0;
} .sns_box{
padding-top: 70px;
padding-bottom: 70px;
}
.sns_box .flex{
display: flex;
justify-content: space-between;
}
.sns_box .left_box,
.sns_box .right_box{
width: 47%;
}
.sns_box h2.heading{
text-align: center;
font-size: 22px;
font-weight: bold;
border-bottom: solid 3px #deba04;
letter-spacing: 1px;
padding-bottom: 3px;
color: #4f3811;
width: 130px;
margin: 0 auto 40px;
}
.sns_box h2.heading span{
font-size: 32px;
}
.article-section-mb {
margin-bottom: 50px;
}
.mobile-only{
display: none;
}
#movie{
background-color: #f2f2f2;
width: 100%;
}
#movie .inner{
padding: 40px 0;
text-align: center;
}
#movie h2.heading{
text-align: center;
font-size: 22px;
font-weight: bold;
border-bottom: solid 3px #deba04;
letter-spacing: 1px;
padding-bottom: 3px;
color: #4f3811;
margin: 0 auto 40px;
font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W6", Hiragino Mincho ProN , "HG明朝E", "ＭＳ Ｐ明朝","MS 明朝",serif;
display: inline-block;
}
#movie h2.heading span{
font-size: 32px;
}
.movie-wrap {
position: relative;
padding-bottom: 56.25%; height: 0;
overflow: hidden;
}
.movie-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}