@charset "utf-8";

/***************************/
/*   小野さん変更
/***************************/
.icatchimage {
    width: 100%!important;
    height: auto;
}

.styled_post_list1 .image {
    float: left;
    display: block;
    margin: 0 0 0 0!important;
    margin-bottom: 15px;
    width: 100%;
    height: auto;
}

.styled_post_list1 .image img{
    width: 100%!important;
    height: auto!important;
}


.sub-menu{
    z-index: 999;
}



/***************************/
/*   overide
/***************************/

#side_col {
    float: right;
}



#main_col {
    float: left;
}


#header {
    background: none;
    border-bottom: 10px solid #b10000;
}


#side_col .attachment-150x150{
    width: 150px!important;
    height: 150px!important;
}


.side_widget .category-posts-internal li {
    line-height: 200%;
    background: none;
    padding: 2px 0 2px 22px;
    margin: 0 0 10px 0;
}

.category-posts-internal{
    display: block;
    text-decoration: none;
    color: #fff;
    padding: 14px 15px 14px 0px;
    border-top: 1px solid #333;
}




/***************************/
/*   addcontent
/***************************/


/* header */

#header_underline{
	width:100%;
	height:2px;
	background-color:#FFF;
}

#header_inner_menu{
    display: flex;
        justify-content: flex-end;
}


#header_inner_menu > li{
    margin: 10px 20px;
}


.u_arrow{
    padding-right: 30px;
    height: 12px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2080%2080%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%3E%3Cpath%20d%3D%22M65.54%2C30A1.47%2C1.47%2C0%2C0%2C1%2C65.1%2C31l-24%2C24a1.49%2C1.49%2C0%2C0%2C1-2.12%2C0l-24-24A1.5%2C1.5%2C0%2C0%2C1%2C17%2C28.92l23%2C23%2C23-23a1.49%2C1.49%2C0%2C0%2C1%2C2.12%2C0A1.47%2C1.47%2C0%2C0%2C1%2C65.54%2C30Z%22%2F%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2280%22%20height%3D%2280%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat right;
}


.dropdown {
    z-index:1000;
    background:#666;
    position:absolute;
    left:0;
    top:80px;
    min-width:200px;
    display:none;
}

    .dropdown-btn {
        position:relative;
        display:inline-block;
        cursor:pointer;
    }

.dropdwn_menu{
    box-sizing: border-box;
    border:1px solid #ccc; 
    position: absolute;
}

.dropdwn_menu li{
    box-sizing: border-box;
    width: 100%;
    border-bottom:1px solid #ccc; 
    padding:5px 5px;
    background: #444;
	font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
}

.dropdwn_menu li a{
    padding: 0;
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
}

.dropdwn_menu li:hover{
    background: #ab1212;
    color: rgb(65, 65, 65);
}
  

/* mv */

.main_visual div{
    background: cadetblue;
}



.grid-container {
  display: grid;
  grid-template-columns: 9.4fr;
  gap: 0px 0px;
  grid-template-areas:
    "main_visual";
    margin-bottom:40px;

}

.main_visual {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 280px 280px 280px;
  gap: 10px 10px;
  grid-template-areas:
    "main_visual_bg main_visual_bg sub1"
    "main_visual_bg main_visual_bg sub2"
    "sub3 sub4 sub5";
  grid-area: main_visual;
}

.main_visual_bg {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas:
    ".";
  grid-area: main_visual_bg;
}

.sub1 { grid-area: sub1; }

.sub2 { grid-area: sub2; }

.sub3 { grid-area: sub3; }

.sub4 { grid-area: sub4; }

.sub5 { grid-area: sub5; }


.sub1 img,.sub2 img,.sub3 img,.sub4 img,.sub5 img{
    width: 100%;
    max-width: 100%;
    height: auto;
    overflow: hidden;
}

/* info */

#top_info_wrap {
    width: 100%;
    border: 10px solid #e8e8e8;
    box-sizing: border-box;
	margin-top:10px;
	margin-bottom:30px;
	margin-left:auto;
	margin-right:auto;
}

.top_info_in {
    background-image: url(images/ttl__img_info.png);
    background-position: 55px center;
    background-repeat: no-repeat;
    background-color: #fff;
    font-size: 16px;
    color: #313131;
    line-height: 1.2;
    padding: 12px 55px 12px 280px;
    border: 1px solid #ccc;
}

.top_info_in a{
    text-decoration: none;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    align-items: flex-end;
}

.top_info_link{
    width: 26em;
    margin-left: 20px;
}


/* sidebar */
.side_widget.clearfix.popular-posts li {
    line-height: 200%;
    background: none;
    padding: 2px 0 2px 0;
    margin: 0 0 10px 0;
        margin-bottom: 10px;
}


/* OKfamiy */

#okfamiliy{
	width:100%;
}


#okfamiliy .family_ttl_box{
	width:100%;
	text-align:center;
	padding:10px;
	height:40px;
	background-color:#b10000;
}

#okfamiliy .family_ttl_box img.ttlimg{
	height:100%;
}


#okfamiliy .family_lineup{
	width:100%;
	text-align:center;
	background-color:#f6eae3;
	padding-top:20px;
	padding-bottom:20px;
}

#okfamiliy .family_lineup a{
	text-decoration:none;
}

#okfamiliy .family_lineup li{
	position:relative;
	display:inline-block;
	height:90px;
	text-align:center;
	padding-left:5px;
	padding-right:5px;
	transition: 1.0s ;
}

#okfamiliy .family_lineup li a{
	text-decoration: none;
}

#okfamiliy .family_lineup li a:hover{
	opacity: 0.6 ;
	text-decoration:underline;
}

#okfamiliy .family_lineup li p{
	font-size:11px;
	line-height:8px;
	color:#333;
	padding-top:10px;
}




#okfamiliy .family_lineup li img{
	height:100%;
}



/*slider*/
#top_slider .post1 img, #top_slider .post7 img, #top_slider .post13 img {
    display: block;
    width: 755px;
    height: 556px;
}

#top_slider .post1, #top_slider .post7, #top_slider .post13 {
    width: 755px;
    height: 556px;
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
}

#top_slider {
    width: 1140px;
    height: 844px;
    margin: 0 0 50px 0;
    position: relative;
		border:#FFF 20px solid;
		background-color:#FFF;
}

#top_slider li {
    position: relative;
    width: 1140px;
    height: 844px;
}

#top_slider .post2, #top_slider .post3, #top_slider .post4, #top_slider .post5, #top_slider .post6, #top_slider .post8, #top_slider .post9, #top_slider .post10, #top_slider .post11, #top_slider .post12, #top_slider .post14, #top_slider .post15, #top_slider .post16, #top_slider .post17, #top_slider .post18 {
    width: 370px;
    height: 273px;
    overflow: hidden;
    position: absolute;
}

#top_slider .post2 img, #top_slider .post3 img, #top_slider .post4 img, #top_slider .post5 img, #top_slider .post6 img, #top_slider .post8 img, #top_slider .post9 img, #top_slider .post10 img, #top_slider .post11 img, #top_slider .post12 img, #top_slider .post14 img, #top_slider .post15 img, #top_slider .post16 img, #top_slider .post17 img, #top_slider .post18 img {
    width: 370px;
    height: 273px;
    display: block;
}


#top_slider .post3, #top_slider .post9, #top_slider .post15 {
    top: 284px;
    right: 0px;
}

#top_slider .post4, #top_slider .post10, #top_slider .post16 {
    bottom: 0px;
    left: 0px;
}

#top_slider .post5{
    bottom: 0px;
    left: 385px;
}





.new-txt{
    color: #ff0000;
    font-weight: bold;
}


li#post_list_button_blog ul {
    display: none;
    width: 150%;
    position: absolute;
    top: 40px;
    left: 0px;
    margin: 0;
    padding: 0;
    z-index: 99;
}

li#post_list_button_blog ul a {
    font-size: 11px;
    position: relative;
    padding: 14px 20px 12px 20px;
    height: auto;
    line-height: 160%;
    margin: 0 0 -1px 0;
    text-align: left;
    background: #000;
    border: 1px solid #666;
    box-shadow: none;
    color: #fff;

}

li#post_list_button_blog {
    position: relative;
}


#header_banner1 {
    margin: 0;
}

/*resp*/

.post_list li.post_category {
    background: none;
}




/*archives*/

.blog_archives #post_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top:20px;
}

.blog_archives #post_list div{
    width: 32%;
}

.blog_archives .post_list .post_info {
    float: none;
    min-width: 0;
    width: 100% !important;
}


.blog_archives #post_list h3.title{
	margin-bottom:30px !important;
	width: 94%;
}


.blog_archives .post_list .post_category{
	display:none;
}


.blog_archives .post_list .post_item {
    border-bottom: none;
    margin: 0;
    padding: 0px 0px 0px 0;
    position: relative;
}

#footer_social_link { margin:0 0 0 0 !important; }





#footer_social_link li.instergram a {
    background: #444 url(images/inst.png) no-repeat 24px 20px;
    padding-left: 55px;
}

@media (max-width: 768px){

.blog_archives #post_list .post_item  {
    width: 48%!important;
}




.post_list li.post_category {
    background: none;
    padding-left: 0px;
	padding-right:0px;
}

.blog_archives .post_list .post_date{
	margin-top:-20px!important;
}


.blog_archives .post_list li{
	margin:0px!important;
}

.blog_archives #post_list h3.title{
	width: 94%!important;
}


.blog_archives .post_list span.new-txt{
	margin-top:-20px!important;
}


.post_list .image {
    width: 100%!important;
    height: auto!important;
    float: none;
    margin: 0 auto 15px;
}
.post_list .image {
    background: #000;
    width: calc(100% - 20px)!important;
    height: auto!important;
    display: block;
    float: left;
}

.post_list .image img {
    width: 100%!important;
    height: auto;
    margin: 0 auto;
}

li#post_list_button_blog ul{
	width:100%;
}

#okfamiliy .family_ttl_box img.ttlimg{
	width: 90%;
	height:auto;
}

}


/*horo*/
#horo_contents{
    margin:0;
    width:100%;
}

#horo_contents .main{
    max-width:830px;
    width:100%;
    margin:0 auto;
}



.sp_only{
    display:none;
}

/* ここから星占い */
/* topページ用 */


#holoscope_topbox{
    width:830px;
    height:425px;
    background-image:url(image/horo/holoscope_pc_back.jpg);
    background-repeat:no-repeat;
    background-size:contain;
    position:relative;
}



#holoscope_topbox p{
    font-size:90%;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#holoscope_topbox a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:888;
}


#holoscope_topbox:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.8;
    zoom:1;/*IE*/
}


#holoscope_topbox .inner_left{
    position:absolute;
    left:60px;
    top:132px;
    color:#FFF;
}

#holoscope_topbox .inner_left p.holoimg_txt{
    position:absolute;
    top:150px;
    width:100%;
}

#holoscope_topbox .inner_left p.holoimg_txt a{
    font-size:11px;
    color:#FFF;
    text-decoration:none;
    z-index:999;
}


#holoscope_topbox .inner_left p.holoimg_txt a:hover{
    text-decoration:underline;
}

#holoscope_topbox .inner_right{
    position:absolute;
    left:240px;
    top:120px;
    color:#FFF;
}

#holoscope_topbox .inner_right h3.holoscope{
    font-size:150%;
    line-height:200%;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}


#holoscope_topbox .holoscope_date{
    width:705px;
    height:53px;
    background:linear-gradient(to right, #fff000, #f8b500);
    border-radius: 5px;
    position:absolute;
    top:325px;
    left:60px;
    padding-left:15px;
    padding-top:5px;
    font-size:2rem;
    font-weight:bold;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#holoscope_topbox .holoscope_date span{
    font-size:1rem;
    margin-left:10px;
    vertical-align:middle;
}

#holoscope_topbox .holoscope_date img{
    width:82px;
    margin-left:100px;
	margin-top:22px;
}

/* topページ用ここまで */

/* 下層ページ部分 */

#holoscope_secondbox{
    width:830px;
    height:349px;
    background-image:url(image/horo/holoscope_pc_back02.jpg);
    background-repeat:no-repeat;
    background-size:contain;
    position:relative;
    display: flex;
}

#holoscope_secondbox p{
  font-size: 1rem;
  line-height: 2;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}


#holoscope_secondbox .inner_left{
    position:absolute;
    left:60px;
    top:132px;
    color:#FFF;
}

#holoscope_secondbox .inner_left p.holoimg_txt{
    position:absolute;
    top:150px;
    width:100%;
}

#holoscope_secondbox .inner_left p.holoimg_txt a{
    font-size:11px;
    color:#FFF;
    text-decoration:none;
    z-index:999;
}


#holoscope_secondbox .inner_left p.holoimg_txt a:hover{
    text-decoration:underline;
}

#holoscope_secondbox .inner_right{
    position:absolute;
    left:240px;
    top:120px;
    color:#FFF;
}

#holoscope_secondbox .inner_right h3.holoscope{
    font-size:150%;
    line-height:200%;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}



#horo_contents .date_box{
    width:668px;
    height:60px;
    margin:40px auto;
    text-align:center;
    background-image:url(image/horo/date_back.png);
    background-size: 100% auto;
    background-repeat:no-repeat;
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */
}

#horo_contents .date_box h4{
    font-size:30px;
    font-weight:bold;
    display:inline-block;
}

#horo_contents .date_box span{
    font-size:15px;
    margin-left:20px;
    display:inline-block;
}


#horo_contents .holoscope_lineup{
    max-width:830px;
    width:100%;
    margin:0 auto;
    padding-top:25px;
    position:relative;
    clear:both;
	padding-bottom:25px;
}

#horo_contents .holoscope_lineup img.holoscope_lineup_ttl{
    width:310px;
    position:absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
    


#horo_contents .holoscope_lineup .holoscope_lineup_inner{
    background-color:#dbe6ed;
    padding-left:26px;
    padding-right:26px;
    padding-top:50px;
     display: flex;
     flex-wrap: wrap;
    justify-content: space-between;
	padding-bottom:26px;
}

#horo_contents .holoscope_lineup .holoscope_lineup_inner .seiza{
    width:242px;
    position:relative;
    transition: 1.0s ;
    margin-bottom:26px;
}

#horo_contents .holoscope_lineup .holoscope_lineup_inner .seiza a:hover{
    opacity: 0.7 ;
}


#horo_contents .holoscope_lineup .holoscope_lineup_inner .seiza_btn{
    width:186px;
}

#horo_contents .holoscope_lineup .holoscope_lineup_inner .seiza_btn a:hover{
    opacity: 0.7 ;
}


#horo_contents .holoscope_lineup .holoscope_lineup_inner .seiza_btn img{
    width:100%;
    height:auto;
}

#horo_contents .holoscope_lineup .holoscope_lineup_inner .seiza h5{
    position:absolute;
    color:#FFF;
    font-size:24px;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    top: 30%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    z-index:9999;
}
                                                              

#horo_contents .holoscope_lineup .holoscope_lineup_inner .seiza img{
    width:100%;
    height:auto;
    vertical-align:top;
    
}

/* 各星座ページ */
#horo_contents .holoscorp_conte{
    width:830px;
    margin:0 auto;
}

#horo_contents .holoscorp_conte h3.holoscorp_conte_tttl{
    width:830px;
    height:118px;
    padding-top:85px;
    background-image:url(image/horo/holoscope_pc_back03.jpg);
        background-size: 100% auto;
    background-repeat:no-repeat;
    text-align:center;
        font-size:28px;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color:#FFF;
    vertical-align:middle;
    display:table-cell;
}

#horo_contents .holoscorp_conte .seiza_box{
    width:100%;
    margin-top:40px;
    text-align:center;
}

#horo_contents .holoscorp_conte .seiza_box .seiza_box_inner{
    position: relative;
    padding: 1em 3em;
    margin: 2em 0;
    top: 0;
    background: #fff
}


#horo_contents .holoscorp_conte .seiza_box .seiza_box_inner:before, .seiza_box_inner:after{ 
    position: absolute;
    top: 0;
    content:'';
    width: 20px;
    height: 100%;
    display: inline-block;
    box-sizing: border-box;
}
    

#horo_contents .holoscorp_conte .seiza_box .seiza_box_inner h4{
    font-size:20px;
    line-height:36px;
    font-weight:bold;
	padding-bottom:20px;
}

#horo_contents .holoscorp_conte .seiza_box .seiza_box_inner p{
    font-size:16px;
    line-height:22px;
}


#horo_contents .holoscorp_conte .celeb_box{
    width:830px;
    text-align:center;
    margin-bottom:220px;
}

#horo_contents .holoscorp_conte .celeb_box h4{
    margin-bottom:20px;
}

#horo_contents .holoscorp_conte .celeb_box img{
    width:120px;
    height:158px;
    display:inline-block;
}


#horo_contents .holoscorp_conte .celeb_box .celeb_left{
    width:405px;
    height:158px;
    text-align:left;
    float:left;
}

#horo_contents .holoscorp_conte .celeb_box .celeb_left p{
    display:inline-block;
    vertical-align:top;
    padding:15px;
}


#horo_contents .holoscorp_conte .celeb_box .celeb_right{
    width:405px;
    height:158px;
    text-align:left;
    float:right;
}


#horo_contents .holoscorp_conte .celeb_box .celeb_right p{
    display:inline-block;
    vertical-align:top;
    padding:15px;
}


/* ラッセル　ページ */

#horo_contents .holoscorp_conte h3.holoscorp_conte_tttl02{
    width:830px;
    height:113px;
    background-image:url(image/horo/rassel_back.jpg);
    background-size: 100% auto;
    background-repeat:no-repeat;
    text-align:center;
    font-size:28px;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color:#FFF;
    vertical-align:middle;
    display:table-cell;
}


#horo_contents .holoscorp_conte .rassel_copybox{
	max-width:630px;
    padding-left:100px;
    padding-right:100px;
    padding-top:40px;
    background-color:#0c0f4e;
	padding-bottom:40px;
}

#horo_contents .holoscorp_conte .rassel_copybox p{
    font-size:14px;
    line-height:24px;
    color:#FFF;
}

#horo_contents .holoscorp_conte .rassel_copybox figure{ 
    float: left;
    margin: 0 15px 15px 0;
    width:190px;
}
    


/* 各ページ共通 */

/* information部分 */

.info_box{
    max-width:830px;
    width:100%;
    height:auto;
    padding-top:15px;
    padding-bottom:15px;
    border:3px #161c5e solid;
    box-sizing: border-box;
    background-color:#eeefef;
    text-align:left;
}


.info_in{
    background-image:url(image/horo/info_t.svg);
    background-repeat:no-repeat;
    background-position:2% 50%;
	font-size:14px;
	line-height:18px;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.info_in span{
    margin-left:180px;
}

.info_in a{
    color:#333;
}


.info_in a:hover{
    text-decoration:underline;
}


/* aries */

#horo_contents .holoscorp_conte .seiza_box .aries{
    position: relative;
    padding: 1em 3em;
    margin: 2em 0;
    top: 0;
    background: #fff;
}



#horo_contents .holoscorp_conte .seiza_box .aries:before, .aries:after{ 
    position: absolute;
    top: 0;
    content:'';
    width: 20px;
    height: 100%;
    display: inline-block;
    box-sizing: border-box;
}

#horo_contents .holoscorp_conte .seiza_box .aries:before{
    border-left: solid 10px #f1d1c1;
    border-top: solid 10px #f1d1c1;
    border-bottom: solid 10px #f1d1c1;
    left: 0;
}

#horo_contents .holoscorp_conte .seiza_box .aries:after{
    border-top: solid 10px #f1d1c1;
    border-right: solid 10px #f1d1c1;
    border-bottom: solid 10px #f1d1c1;
    right: 0;
}

#horo_contents .holoscorp_conte .celeb_box .aries{
    background-color:#f1d1c1;
}


/* taurus */

#horo_contents .holoscorp_conte .seiza_box .taurus{
    position: relative;
    padding: 1em 3em;
    margin: 2em 0;
    top: 0;
    background: #fff;
}



#horo_contents .holoscorp_conte .seiza_box .taurus:before, .taurus:after{ 
    position: absolute;
    top: 0;
    content:'';
    width: 20px;
    height: 100%;
    display: inline-block;
    box-sizing: border-box;
}

#horo_contents .holoscorp_conte .seiza_box .taurus:before{
    border-left: solid 10px #f7deb8;
    border-top: solid 10px #f7deb8;
    border-bottom: solid 10px #f7deb8;
    left: 0;
}

#horo_contents .holoscorp_conte .seiza_box .taurus:after{
    border-top: solid 10px #f7deb8;
    border-right: solid 10px #f7deb8;
    border-bottom: solid 10px #f7deb8;
    right: 0;
}

#horo_contents .holoscorp_conte .celeb_box .taurus{
    background-color:#f7deb8;
}

/* gemini */

#horo_contents .holoscorp_conte .seiza_box .gemini{
    position: relative;
    padding: 1em 3em;
    margin: 2em 0;
    top: 0;
    background: #fff;
}



#horo_contents .holoscorp_conte .seiza_box .gemini:before, .gemini:after{ 
    position: absolute;
    top: 0;
    content:'';
    width: 20px;
    height: 100%;
    display: inline-block;
    box-sizing: border-box;
}

#horo_contents .holoscorp_conte .seiza_box .gemini:before{
    border-left: solid 10px #d8bcd5;
    border-top: solid 10px #d8bcd5;
    border-bottom: solid 10px #d8bcd5;
    left: 0;
}

#horo_contents .holoscorp_conte .seiza_box .gemini:after{
    border-top: solid 10px #d8bcd5;
    border-right: solid 10px #d8bcd5;
    border-bottom: solid 10px #d8bcd5;
    right: 0;
}

#horo_contents .holoscorp_conte .celeb_box .gemini{
    background-color:#d8bcd5;
}

/* cancer */

#horo_contents .holoscorp_conte .seiza_box .cancer{
    position: relative;
    padding: 1em 3em;
    margin: 2em 0;
    top: 0;
    background: #fff;
}



#horo_contents .holoscorp_conte .seiza_box .cancer:before, .cancer:after{ 
    position: absolute;
    top: 0;
    content:'';
    width: 20px;
    height: 100%;
    display: inline-block;
    box-sizing: border-box;
}

#horo_contents .holoscorp_conte .seiza_box .cancer:before{
    border-left: solid 10px #cdce9d;
    border-top: solid 10px #cdce9d;
    border-bottom: solid 10px #cdce9d;
    left: 0;
}

#horo_contents .holoscorp_conte .seiza_box .cancer:after{
    border-top: solid 10px #cdce9d;
    border-right: solid 10px #cdce9d;
    border-bottom: solid 10px #cdce9d;
    right: 0;
}

#horo_contents .holoscorp_conte .celeb_box .cancer{
    background-color:#cdce9d;
}

/* leo */

#horo_contents .holoscorp_conte .seiza_box .leo{
    position: relative;
    padding: 1em 3em;
    margin: 2em 0;
    top: 0;
    background: #fff;
}



#horo_contents .holoscorp_conte .seiza_box .leo:before, .leo:after{ 
    position: absolute;
    top: 0;
    content:'';
    width: 20px;
    height: 100%;
    display: inline-block;
    box-sizing: border-box;
}

#horo_contents .holoscorp_conte .seiza_box .leo:before{
    border-left: solid 10px #e9d39b;
    border-top: solid 10px #e9d39b;
    border-bottom: solid 10px #e9d39b;
    left: 0;
}

#horo_contents .holoscorp_conte .seiza_box .leo:after{
    border-top: solid 10px #e9d39b;
    border-right: solid 10px #e9d39b;
    border-bottom: solid 10px #e9d39b;
    right: 0;
}

#horo_contents .holoscorp_conte .celeb_box .leo{
    background-color:#e9d39b;
}

/* virgo */

#horo_contents .holoscorp_conte .seiza_box .virgo{
    position: relative;
    padding: 1em 3em;
    margin: 2em 0;
    top: 0;
    background: #fff;
}



#horo_contents .holoscorp_conte .seiza_box .virgo:before, .virgo:after{ 
    position: absolute;
    top: 0;
    content:'';
    width: 20px;
    height: 100%;
    display: inline-block;
    box-sizing: border-box;
}

#horo_contents .holoscorp_conte .seiza_box .virgo:before{
    border-left: solid 10px #e1a6c0;
    border-top: solid 10px #e1a6c0;
    border-bottom: solid 10px #e1a6c0;
    left: 0;
}

#horo_contents .holoscorp_conte .seiza_box .virgo:after{
    border-top: solid 10px #e1a6c0;
    border-right: solid 10px #e1a6c0;
    border-bottom: solid 10px #e1a6c0;
    right: 0;
}

#horo_contents .holoscorp_conte .celeb_box .virgo{
    background-color:#e1a6c0;
}

/* libra */

#horo_contents .holoscorp_conte .seiza_box .libra{
    position: relative;
    padding: 1em 3em;
    margin: 2em 0;
    top: 0;
    background: #fff;
}



#horo_contents .holoscorp_conte .seiza_box .libra:before, .libra:after{ 
    position: absolute;
    top: 0;
    content:'';
    width: 20px;
    height: 100%;
    display: inline-block;
    box-sizing: border-box;
}

#horo_contents .holoscorp_conte .seiza_box .libra:before{
    border-left: solid 10px #a4b5b1;
    border-top: solid 10px #a4b5b1;
    border-bottom: solid 10px #a4b5b1;
    left: 0;
}

#horo_contents .holoscorp_conte .seiza_box .libra:after{
    border-top: solid 10px #a4b5b1;
    border-right: solid 10px #a4b5b1;
    border-bottom: solid 10px #a4b5b1;
    right: 0;
}

#horo_contents .holoscorp_conte .celeb_box .libra{
    background-color:#a4b5b1;
}

/* scorpio */

#horo_contents .holoscorp_conte .seiza_box .scorpio{
    position: relative;
    padding: 1em 3em;
    margin: 2em 0;
    top: 0;
    background: #fff;
}



#horo_contents .holoscorp_conte .seiza_box .scorpio:before, .scorpio:after{ 
    position: absolute;
    top: 0;
    content:'';
    width: 20px;
    height: 100%;
    display: inline-block;
    box-sizing: border-box;
}

#horo_contents .holoscorp_conte .seiza_box .scorpio:before{
    border-left: solid 10px #968aa8;
    border-top: solid 10px #968aa8;
    border-bottom: solid 10px #968aa8;
    left: 0;
}

#horo_contents .holoscorp_conte .seiza_box .scorpio:after{
    border-top: solid 10px #968aa8;
    border-right: solid 10px #968aa8;
    border-bottom: solid 10px #968aa8;
    right: 0;
}

#horo_contents .holoscorp_conte .celeb_box .scorpio{
    background-color:#968aa8;
}

/* sagittarius */

#horo_contents .holoscorp_conte .seiza_box .sagittarius{
    position: relative;
    padding: 1em 3em;
    margin: 2em 0;
    top: 0;
    background: #fff;
}



#horo_contents .holoscorp_conte .seiza_box .sagittarius:before, .sagittarius:after{ 
    position: absolute;
    top: 0;
    content:'';
    width: 20px;
    height: 100%;
    display: inline-block;
    box-sizing: border-box;
}

#horo_contents .holoscorp_conte .seiza_box .sagittarius:before{
    border-left: solid 10px #c3b291;
    border-top: solid 10px #c3b291;
    border-bottom: solid 10px #c3b291;
    left: 0;
}

#horo_contents .holoscorp_conte .seiza_box .sagittarius:after{
    border-top: solid 10px #c3b291;
    border-right: solid 10px #c3b291;
    border-bottom: solid 10px #c3b291;
    right: 0;
}

#horo_contents .holoscorp_conte .celeb_box .sagittarius{
    background-color:#c3b291;
}

/* capricorn */

#horo_contents .holoscorp_conte .seiza_box .capricorn{
    position: relative;
    padding: 1em 3em;
    margin: 2em 0;
    top: 0;
    background: #fff;
}



#horo_contents .holoscorp_conte .seiza_box .capricorn:before, .capricorn:after{ 
    position: absolute;
    top: 0;
    content:'';
    width: 20px;
    height: 100%;
    display: inline-block;
    box-sizing: border-box;
}

#horo_contents .holoscorp_conte .seiza_box .capricorn:before{
    border-left: solid 10px #ceadb2;
    border-top: solid 10px #ceadb2;
    border-bottom: solid 10px #ceadb2;
    left: 0;
}

#horo_contents .holoscorp_conte .seiza_box .capricorn:after{
    border-top: solid 10px #ceadb2;
    border-right: solid 10px #ceadb2;
    border-bottom: solid 10px #ceadb2;
    right: 0;
}

#horo_contents .holoscorp_conte .celeb_box .capricorn{
    background-color:#ceadb2;
}

/* aquarius */

#horo_contents .holoscorp_conte .seiza_box .aquarius{
    position: relative;
    padding: 1em 3em;
    margin: 2em 0;
    top: 0;
    background: #fff;
}



#horo_contents .holoscorp_conte .seiza_box .aquarius:before, .aquarius:after{ 
    position: absolute;
    top: 0;
    content:'';
    width: 20px;
    height: 100%;
    display: inline-block;
    box-sizing: border-box;
}

#horo_contents .holoscorp_conte .seiza_box .aquarius:before{
    border-left: solid 10px #cde3ae;
    border-top: solid 10px #cde3ae;
    border-bottom: solid 10px #cde3ae;
    left: 0;
}

#horo_contents .holoscorp_conte .seiza_box .aquarius:after{
    border-top: solid 10px #cde3ae;
    border-right: solid 10px #cde3ae;
    border-bottom: solid 10px #cde3ae;
    right: 0;
}

#horo_contents .holoscorp_conte .celeb_box .aquarius{
    background-color:#cde3ae;
}


/* pisces */

#horo_contents .holoscorp_conte .seiza_box .pisces{
    position: relative;
    padding: 1em 3em;
    margin: 2em 0;
    top: 0;
    background: #fff;
}



#horo_contents .holoscorp_conte .seiza_box .pisces:before, .pisces:after{ 
    position: absolute;
    top: 0;
    content:'';
    width: 20px;
    height: 100%;
    display: inline-block;
    box-sizing: border-box;
}

#horo_contents .holoscorp_conte .seiza_box .pisces:before{
    border-left: solid 10px #92c8e3;
    border-top: solid 10px #92c8e3;
    border-bottom: solid 10px #92c8e3;
    left: 0;
}

#horo_contents .holoscorp_conte .seiza_box .pisces:after{
    border-top: solid 10px #92c8e3;
    border-right: solid 10px #92c8e3;
    border-bottom: solid 10px #92c8e3;
    right: 0;
}

#horo_contents .holoscorp_conte .celeb_box .pisces{
    background-color:#92c8e3;
}



@media screen and (max-width:768px) { 

.sp_only{
    display:block;
}

.pc_only{
    display:none;
}


/* topページ用 */
#holoscope_topbox{
    width:100%;
    height:auto;
    background-image:url(image/horo/holoscope_sp_back.jpg);
    background-repeat:no-repeat;
    position:relative;
    padding-bottom: calc(100%*1354/1548);/* calc(100*ImageHeight/ImageWidth)% */
    background-size: 100% auto;
}

#holoscope_topbox p{
    font-size:2.8vw;
	line-height:3vh;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    text-align:center;
}


#holoscope_topbox .inner_left{
    display:none;
}

#holoscope_topbox .inner_right{
    width:100%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    top:22%;
}

#holoscope_topbox .inner_right h3.holoscope{
        font-size:4vw;
    text-align:center;
}

#holoscope_topbox .holoscope_date{
    width:80%;
    height:auto;
    position:absolute;
    top:65%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    padding-left:0px;
    padding-top:5px;
    text-align:center;
    font-size:6vw;
    line-height:3vw;
	margin-top:15px;
}

#holoscope_topbox .holoscope_date span{
    font-size:4vw;
    line-height:1vw;
    margin-left:0px;
    vertical-align:top;
}

#holoscope_topbox .holoscope_date img{
    width:42px;
    margin-left:20px;
    padding:0;
    vertical-align:top;
}


/* topページ用ここまで */

/* 下層ページここから */

#holoscope_secondbox{
    width:100%;
    height:auto;
    background-image:url(image/horo/holoscope_sp_back02.jpg);
    background-repeat:no-repeat;
    position:relative;
    padding-bottom: calc(100%*800/-1000);/* calc(100*ImageHeight/ImageWidth)% */
    background-size: 100% auto;
    flex-direction: column;
}

.order1 {
  order: 1;
}
.order2 {
  order: 2;
}

#holoscope_secondbox p{
    font-size:2.8vw;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    text-align:center;
}

#holoscope_secondbox .inner_left{
    position:static;
    text-align:center;
    margin-top:25px;

}

#holoscope_secondbox .inner_left img{
    width:20%;
    height:auto;
}


#holoscope_secondbox .inner_left p.holoimg_txt{
        position:static;
    width:100%;
}

#holoscope_secondbox .inner_left p.holoimg_txt a{
    font-size:11px;
    color:#FFF;
    text-decoration:none;
    z-index:999;
}


#holoscope_secondbox .inner_left p.holoimg_txt a:hover{
    text-decoration:underline;
}

#holoscope_secondbox .inner_right{
        position:static;
        text-align:center;
    margin-top:20%;
}

#holoscope_secondbox .inner_right h3.holoscope{
    font-size:4vw;
    line-height:200%;
}



#horo_contents .date_box{
    width:100%;
    height:140px;
    margin:40px auto;
    background-image:url(image/horo/date_back_sp.png);
    background-repeat:no-repeat;
    background-size:100% auto;
    padding-bottom: calc(100%*800/-1200);/* calc(100*ImageHeight/ImageWidth)% */
    display:block;
    padding-top:25px;
    padding-bottom:10px;
}


#horo_contents .date_box h4{
    font-size:6vw;
    line-height:3vh;
    display:block;
}

#horo_contents .date_box span{
    font-size:4vw;
    line-height:1vh;
    margin-left:0px;
    margin-top:-10px;
    display:block;
}



#horo_contents .holoscope_lineup img.holoscope_lineup_ttl{
    width:260px;
    position:absolute;
    top: 0;
  left: 50%;
  right: 50%;
  margin: auto;
}
    

#horo_contents .holoscope_lineup{
	padding-top:10px;
	padding-bottom:10px;
}



#horo_contents .holoscope_lineup .holoscope_lineup_inner{
    background-color:#dbe6ed;
    padding-left:26px;
    padding-right:26px;
    padding-top:50px;
    　　　　　　-webkit-flex: 2;
　　　　　　flex: 2;
padding-bottom:26px;
}

#horo_contents .holoscope_lineup .holoscope_lineup_inner .seiza{
    width:100%;
}

#horo_contents .holoscope_lineup .holoscope_lineup_inner .seiza_btn{
    width:48%;
}

#horo_contents .holoscope_lineup .holoscope_lineup_inner .seiza h5{
    font-size:9vw;
}


/* 各星座ページ */


#horo_contents .holoscorp_conte{
    width:100%;
    height:auto;
}

#horo_contents .holoscorp_conte h3.holoscorp_conte_tttl{
    width:100%;
    height:70px;
    padding-top:15%;
    background-image:url(image/horo/holoscope_pc_back03.jpg);
    background-size: 100% auto;
    background-repeat:no-repeat;
    font-size:3.4vw;
    display:block;
}

#horo_contents .holoscorp_conte .seiza_box{
    margin-top:0px;
}

#horo_contents .holoscorp_conte .seiza_box img{
    width:90%;
    height:auto;
}

#horo_contents .holoscorp_conte .seiza_box .seiza_box_inner{
    position: relative;
    padding: 1em 3em;
    margin: 2em 0;
    top: 0;
    background: #fff
}


#horo_contents .holoscorp_conte .seiza_box .seiza_box_inner:before, .seiza_box_inner:after{ 
    position: absolute;
    top: 0;
    content:'';
    width: 20px;
    height: 100%;
    display: inline-block;
    box-sizing: border-box;
}
    

#horo_contents .holoscorp_conte .seiza_box .seiza_box_inner h4{
    font-size:4vw;
    line-height:6.5vw;
    margin-bottom:15px;
}

#horo_contents .holoscorp_conte .seiza_box .seiza_box_inner p{
    font-size:4.2vw;
    line-height:6.2vw;
    text-align:justify;
}


#horo_contents .holoscorp_conte .seiza_box .seiza_box_inner br{
	display:none;
}



#horo_contents .holoscorp_conte .celeb_box{
    width:100%;
    text-align:center;
    margin-bottom:40px;
}

#horo_contents .holoscorp_conte .celeb_box h4{
    margin-bottom:20px;
}

#horo_contents .holoscorp_conte .celeb_box img{
    width:120px;
    height:158px;
    display:inline-block;
}


#horo_contents .holoscorp_conte .celeb_box .celeb_left{
    width:90%;
    height:158px;
    text-align:left;
    float:none;
    margin-bottom:20px;
    margin-left:auto;
    margin-right:auto;
}

#horo_contents .holoscorp_conte .celeb_box .celeb_left p{
    display:inline-block;
    vertical-align:top;
    padding:15px;
	font-size:2.8vw;
	line-height:3.2vh;
}


#horo_contents .holoscorp_conte .celeb_box .celeb_right{
    width:90%;
    height:158px;
    text-align:left;
    float:none;
    margin:0 auto;

}


#horo_contents .holoscorp_conte .celeb_box .celeb_right p{
    display:inline-block;
    vertical-align:top;
    padding:15px;
		font-size:2.8vw;
	line-height:3.2vh;
}


/* ラッセルページ */


#horo_contents .holoscorp_conte h3.holoscorp_conte_tttl02{
    width:100%;
    height:3.4vh;
    background-image:url(image/horo/rassel_back.jpg);
    background-size: 100% auto;
    background-repeat:no-repeat;
    padding-bottom: calc(100%*1658/-1000);/* calc(100*ImageHeight/ImageWidth)% */
    background-size: 100% auto;
    font-size:3.4vw;
    display:block;
    padding-top:4.5%;
}

#horo_contents .holoscorp_conte .rassel_copybox{
    padding-left:20px;
    padding-right:20px;
    padding-top:20px;
    background-color:#0c0f4e;
    padding-bottom:20px;
	text-align:justify;
}

#horo_contents .holoscorp_conte .rassel_copybox p{
    font-size:2.8vw;
    line-height:3.2vh;
    color:#FFF;
}

#horo_contents .holoscorp_conte .rassel_copybox figure{ 
    float: left;
    margin: 0 15px 15px 0;
    width:120px;
}

#horo_contents .holoscorp_conte .rassel_copybox figure img{
	width:100%;
	height:auto;
}


/* information部分 */

#top_info_wrap {
    clear: both;
}

.info_box{
    text-align:center;
    padding-top:50px;
    background-image:url(image/horo/info_t_sp.svg);
    background-repeat:no-repeat;
    background-position:50% 10%;
	padding-left:10px;
	padding-right:10px;
	text-align:justify;
}


.info_in{
	font-size:12px;
	line-height:16px;
    background-image:none;

}

.info_in span{
    margin-left:0px;
}
}

/* information部分ここまで */


@media screen and (min-width:769px) { 

.archive.category.category-12 .post_list .image img,
.archive.category.category-8 .post_list .image img {
    min-width: 250px!important;
    height: 153px!important;

}


.archive.category.category-12 .post_list .image,
.archive.category.category-8 .post_list .image {
    min-width: 250px !important;
    min-height: 153px !important;
    height: 153px !important;
    position: relative;
}
}

@media screen and (min-width:560px) { 


.archive.category .post_list .title {
    font-size: 18px;
    line-height: 180%;
    margin: 0 0 8px 0;
        margin-bottom: 8px;
    min-width: 250px;
}
}

@media screen and (max-width:560px) { 

#horo_contents .date_box{
    width:100%;
    height:40px;
    margin:20px auto;
    background-image:url(image/horo/date_back_sp.png);
    background-repeat:no-repeat;
    background-size:100% auto;
    padding-bottom: calc(100%*800/-800);/* calc(100*ImageHeight/ImageWidth)% */
    display:block;
    padding-top:15px;
    padding-bottom:10px;
}


#horo_contents .date_box h4{
    font-size:6vw;
    line-height:1vh;
    display:block;
}

#horo_contents .date_box span{
    font-size:3vw;
    line-height:2.5vh;
    margin-left:0px;
    display:block;
}


}



@media screen and (max-width:359px) { 

#horo_contents .holoscorp_conte .celeb_box .celeb_left p{
    padding:5px;
	font-size:2vw;
	line-height:2.8vh;
}



#horo_contents .holoscorp_conte .celeb_box .celeb_right p{
    padding:5px;
	font-size:2vw;
	line-height:2.8vh;
}
}





@media screen and (max-width:768px) { 
#top_slider{
	width:94%!important;
		border:#FFF 10px solid;
}
.post_list .no_thumbnail .post_info { float:none; width:auto!important; }
	

#logo_image_sp{
	display:block!important;
}



#logo_image_sp h1 a::before {
    content: none!important;
}

#logo_image{
	display:none;
}

#logo_image_sp h1 img {
    display: block!important;
    height: 18vw;
}

#header {
    height: 20vw!important;
 }

 #logo_image_sp {
    position: absolute;
    top: 5px!important;
    left: 15px;
    margin: 0;
}

#headersp_social_link{
	display:block!important;
}

#headersp_social_link li.instergram{
	position:absolute;
	top:20px;
	left:170px;
}

#headersp_social_link li.facebook{
	position:absolute;
	top:19px;
	left:225px;
}


#headersp_social_link li img{
    display: block!important;
    height: 10vw;
}


.top_info_in {
    background-position: 5px 10px;
    border: 1px solid #ccc;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    padding: 30px 10px 10px 10px;
}

.top_info_in a{
    display: block;
}

.top_info_link {
    width: 26em;
    margin-left: 0px;
    margin-top: .5em;
}

.post_list .image img {
/*    width: 100%;*/
    height: auto!important;
    margin: 0 auto;
}

#holoscope_topbox .holoscope_date{
    width:80%;
    height:auto;
    position:absolute;
    top:65%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    padding-left:0px;
    padding-top:10px;
    text-align:center;
    font-size:6vw;
    line-height:8vw;
}

#holoscope_topbox .holoscope_date span{
    font-size:3vw;
    line-height:6vw;
    margin-left:0px;
    vertical-align:top;
}

#holoscope_topbox .holoscope_date img{
    width:42px;
    margin-top:8px;
    margin-left:20px;
    padding:0;
    vertical-align:top;
}


}



/***************************/
/*   profile
/***************************/

li{
		list-style:none;
}

ul{
	padding-left:0;
}



.sp_only{
	display:none;
}





#profile_box{
	width:100%;
	max-width:740px;
	height:auto;
	background-color:#f9f9f9;
	padding:20px;
	position:relative;
}

#profile_box .profile_name{
	display:inline-block;
	border-left:#06F solid;
	border-left-width:20px;
	width:100%;
}

#profile_box .profile_name li.pro_name{
	font-size:20px;
	font-weight:bold;
	margin-left:20px;
		padding-top:15px;
}

#profile_box .profile_name li.pro_name span{
	font-size:15px;
	padding-left:10px;
}


#profile_box .profile_photo li.pp_box{
	width:360px;
	height:auto;
	display:block;
}

#profile_box .profile_photo li.pp_box_rk{
	width:500px;
	height:auto;
	display:block;
}

#profile_box .profile_photo li.pp_box img{
	width:100%;
	height:auto;
}

#profile_box .profile_photo li.pp_box_rk img{
	width:100%;
	height:auto;
}


#profile_box .profile_name li.kako{
	display:inline-block;
	font-size:13px;
	padding:10px;
	background-color:#06C;
	color:#FFF;
	position:absolute;
	top:20px;
	left:640px;
}

#profile_box .profile_name a:hover{
	  opacity: 0.5;
}

#profile_box .profile_photo{
	margin-top:20px;
}

#profile_box .profile_photo ul{
	display: -webkit-flex;
    display: flex;
}

#profile_box .profile_photo li p{
	padding-left:20px;
	font-size:85%;
	line-height:150%;
	color:#666;
	margin-top:0;
}

#profile_box .profile_photo li p a{
	color:#444444!important;
}

#profile_box .under_photo{
	margin-top:20px;
	margin-bottom:0px;
}

#profile_box .under_photo ul{
	display: -webkit-flex;
    display: flex;
	justify-content:space-between;

}

#profile_box .under_photo li{
	width:140px;
}


#profile_box .under_photo img{
	width:100%;
	height:auto;
}

#profile_box .profile_name_kana{
	display:inline-block;
	border-left:#b50148 solid;
	border-left-width:20px;
	width:100%;
}

#profile_box .profile_name_kana li.pro_name{
	font-size:20px;
	font-weight:bold;
	margin-left:20px;
	padding-top:15px;
}

#profile_box .profile_name_kana li.pro_name span{
	font-size:15px;
	padding-left:10px;
}

#profile_box .profile_name_kana li.kako{
	display:inline-block;
	font-size:13px;
	padding:10px;
	background-color:#b50148;
	color:#FFF;
	position:absolute;
	top:20px;
	left:640px;
}

#profile_box .profile_name_kana a:hover{
	  opacity: 0.5;
}

#profile_box .profile_photo{
	margin-top:20px;
}

#profile_box .profile_photo ul{
	display: -webkit-flex;
    display: flex;
}


#profile_box .under_photo{
	margin-top:20px;
	margin-bottom:0px;
}

#profile_box .under_photo ul{
	display: -webkit-flex;
    display: flex;
	justify-content:space-between;
}

#profile_box .under_photo img{
	width:100%;
	height:auto;
}



@media screen and (max-width:768px) { 

.sp_only{
	display:block;
}


#profile_box{
	padding-top:5px;
	padding-left:0px;
	padding-right:0px;

}



#profile_box .profile_name{
	border-left-width:10px;
	position:absolute;
	left:120px;
	top:20px
}

#profile_box .profile_name li.pro_name{
	font-size:16px;
	line-height:20px;
	margin-left:-10px;
}


#profile_box .profile_name li.pro_name span{
	padding-left:0px;
	font-size:12px;
}

#profile_box .profile_name li.kako{
	top:90px;
	left:10px;
	padding-top:5px;
	padding-bottom:5px;
}

#profile_box .profile_name a:hover{
	  opacity: 0.5;
}

#profile_box .profile_photo{
	margin-top:10px;
}

#profile_box .profile_photo li.pp_box{
	width:90px!important;
	height:auto!important;
	display:block!important;
}

#profile_box .profile_photo li.pp_box img{
	width:100%!important;
	height:auto!important;
}


#profile_box .profile_photo li.pp_box_rk{
	width:90px!important;
	height:auto!important;
	display:block!important;
}


#profile_box .profile_photo ul{
	display:block;
}

#profile_box .profile_photo li p{
	padding-left:0px;
	padding-right:20px;
	text-align:justify;
}

#profile_box .under_photo{
	margin-top:20px;
	margin-bottom:0px;
}

#profile_box .under_photo ul{
	flex-wrap: wrap;
	padding-right:20px;
	justify-content:center;
}





#profile_box .profile_name_kana{
	border-left-width:10px;
	position:absolute;
	left:120px;
	top:20px
}

#profile_box .profile_name_kana li.pro_name{
	font-size:16px;
	line-height:20px;
	margin-left:-10px;
}


#profile_box .profile_name_kana li.pro_name span{
	padding-left:0px;
	font-size:12px;
}

#profile_box .profile_name_kana li.kako{
	top:90px;
	left:10px;
	padding-top:5px;
	padding-bottom:5px;
}

#profile_box .profile_name_kana a:hover{
	  opacity: 0.5;
}

}



/***************************/
/*   須原変更
/***************************/

.grecaptcha-badge { visibility: hidden; }


.block-editor-writing-flow {
font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important; color:#333!important; line-height:1; }


.wp-editor-area p{font-size:16px!important; line-height:160%!important;}
.wp-editor-container{font-size:16px!important; line-height:160%!important;}




#logo_image_sp{
	display:none;
}

#headersp_social_link{
	display:none;
}

#copyright_area_inner{font-size:10px!important;}

.textwidget img.top_onlyline{border:#FFF 10px solid;}

#header_bottom { padding:10px 0!important; }

#main_contents .desc{padding:0px 25px 15px; font-size:22px; line-height:120%; margin:0; border-bottom:dotted 1px #333;
}

#top_slider .desc{ padding:0px;}

#page_title { padding-top:10px!important; padding-left:20px; }

.side_widget .clearfix .styled_post_list1_widget{
	background-color:#C60;
}

h2#page_title{ padding:10px 25px; color:#FFF; background-color:#B10000; border-radius: 100vh;}
	
.author_info{display:none!important; }


.post_list .image {width:250px!important; height:200px!important;}
.post_list .image img {
  width:250px!important; height:200px!important;
}

.post_list .post_info { width:510px!important; }


.post_content a{
	color:#00F!important; 
}


.post_content p{
	text-align:justify;
}


.post_content p img{
	width:100%;
	height:auto;
}


#main_contents p.sub2{
	font-size:12px;
	color:#666;
	padding-top:10px;
}

#tag_list{
	background-color:#dcdddd!important;
}

#tag_list .post_tag a{
	color:#333!important;
}


.waku_1 {
	padding-bottom:10px!important;
	padding-top:1em;
  border-top: 5px solid #666; /*上の枠線*/
  border-bottom: 5px solid #666; /*下の枠線*/
}

.wpcf7 .required {
color: #ff0000;
}


figcaption{
	font-size:12px!important;
	line-height:16px!important;
	color:#666!important;
	text-align:justify!important;
}



#adminmenuwrap li#menu-pages{
	display:none!important;
}

.post_content .wp-caption { margin-bottom:12px!important; padding:0px!important;  border:none!important; -webkit-border-radius:0px!important; -moz-border-radius:0px!important; border-radius:0px!important; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.post_content .wp-caption-text { text-align:left!important; color:#666!important;
font-style:normal!important; }



@media screen and (max-width:768px) { 

a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}


.post_list .image {width:100%!important; height:auto!important; background-color:#FFF;}
.post_list .image img {
  width:100%!important; height:auto!important;
}


.archive.category.category-12 .post_list .image,
.archive.category.category-8 .post_list .image {
    width: 100% !important;
    min-height: auto !important;
    height: auto !important;
  
    padding-top: 61.2%;
    position: relative;
}


.archive.category.category-12 .post_list .image img,
.archive.category.category-8 .post_list .image img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}

.post_list .post_info { width:auto!important; }


#styled_post_list1_widget-1 h3.side_headline span{
	background-color:#b50148!important;
}

#styled_post_list1_widget-1 li{
	background-color:#e5005a!important;
}

#styled_post_list1_widget-1 .image{
		background-color:#e5005a!important;
}

#styled_post_list1_widget-7 h3.side_headline span{
    background-color:#b50148!important;
}

#styled_post_list1_widget-7 li{
    background-color:#e5005a!important;
}

#styled_post_list1_widget-7 .image{
        background-color:#e5005a!important;
}

#styled_post_list1_widget-2 h3.side_headline span{
	background-color:#4e0481!important;
}

#styled_post_list1_widget-2 li{
	background-color:#6201a5!important;
}

#styled_post_list1_widget-2 .image{
		background-color:#6201a5!important;
}
#styled_post_list1_widget-8 h3.side_headline span{
    background-color:#4e0481!important;
}

#styled_post_list1_widget-8 li{
    background-color:#6201a5!important;
}

#styled_post_list1_widget-8 .image{
        background-color:#6201a5!important;
}


}

#top_slider {
margin-bottom:0px!important;  }


#post_list_tab { border-bottom:4px solid #b10000!important; }

#archives-3{
	line-height:150%;
}

ul#post_list_tab{
	margin-top:20px;
}
.header_banner1{
	margin-top:22px;
	border:#FFF 10px solid;
}

#styled_post_list1_widget-1 h3.side_headline span{
	background-color:#b50148!important;
}

#styled_post_list1_widget-1 li{
	background-color:#e5005a!important;
}

#styled_post_list1_widget-1 .image{
		background-color:#e5005a!important;
}

#styled_post_list1_widget-2 h3.side_headline span{
	background-color:#4e0481!important;
}

#styled_post_list1_widget-2 li{
	background-color:#6201a5!important;
}

#styled_post_list1_widget-2 .image{
		background-color:#6201a5!important;
}


#styled_post_list1_widget-5 h3.side_headline span{
	background-color:#b50148!important;
}

#styled_post_list1_widget-5 li{
	background-color:#e5005a!important;
}

#styled_post_list1_widget-5 .image{
		background-color:#e5005a!important;
}

#styled_post_list1_widget-6 h3.side_headline span{
	background-color:#4e0481!important;
}

#styled_post_list1_widget-6 li{
	background-color:#6201a5!important;
}

#styled_post_list1_widget-6 .image{
		background-color:#6201a5!important;
}



#styled_post_list1_widget-3 h3.side_headline span{
	background-color:#b50148!important;
}

#styled_post_list1_widget-3 li{
	background-color:#e5005a!important;
}

#styled_post_list1_widget-3 .image{
		background-color:#e5005a!important;
}

#styled_post_list1_widget-4 h3.side_headline span{
	background-color:#4e0481!important;
}

#styled_post_list1_widget-4 li{
	background-color:#6201a5!important;
}

#styled_post_list1_widget-4 .image{
		background-color:#6201a5!important;
}









#styled_post_list1_widget-12 h3.side_headline span{
	background-color:#4e0481!important;
}

#styled_post_list1_widget-12 li{
	background-color:#6201a5!important;
}

#styled_post_list1_widget-12 .image{
		background-color:#6201a5!important;
}



#styled_post_list1_widget-10 h3.side_headline span{
	background-color:#b50148!important;
}


@media screen and (min-width: 769px) {
.category-newsboard .post_item .size-size1{
	width: 250px!important;
	height: 200px!important;
	background-color: #fff!important;
}

.category-newsboard .post_item img{
    width: 100%!important;
    height: auto!important;
	object-fit: contain!important;
}
}