@charset "UTF-8";

@media screen and (max-width: 768px) {	
body{
	font-size: 1.4rem;
	line-height: 1.5;
	color: #000000;
	/* font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; */
	font-family: 'Noto Sans JP', sans-serif;
	min-width:100%;
}
a.hover:hover img {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-moz-opacity:1.00;
	opacity:1.00;
}
a:hover{
	text-decoration: none !important;
	opacity: 1.0 !important;
}
.menu-trigger {
	display: block;
	position: fixed;
}
.show_pc{
	display: none !important;
}
.show_sp{
	display: block !important;
}
.show_sp02{
	display: inline !important;
}

img{
	max-width: 100%;
}
#pagetop{
	right: 10px;
	width: 35px;
}

.floiw_info_sp{
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 9998;
	line-height: 100%;
}
.floiw_info_sp a{
	width: 50%;
	color: #FFF;
	text-align: center;
	padding: 8px 0 0;
	display: inline-block;
	background: URL(../img/common/arrow02.png) 96% 50% no-repeat #E96A97;
	background-size: 5px auto;
	height: 40px;
}
.floiw_info_sp a i{
	margin: 0 8px 0 0;
	font-size: 20px;
}
.floiw_info_sp a:first-of-type{
	border-right: 1px solid #FFF;
}
.floiw_info_sp a:last-of-type{
	font-size: 15px;
}

/* TOP トップページ  ******************** */
.headerbox {
    padding: 15px 0;
}
.headerbox .headerbox_in{
    display: flex;
}
.headerbox .logobox_in {
    width: 200px;
}
.headerbox .logo {
    max-width: 120px;
}
.headerbox .logobox_in::before {
    width: 30px;
    height: 30px;
	top: 50%;
	left: 4%;
}
.headerbox .logobox_in::after {
    width: 35px;
    height: 35px;
	top: 0%;
	right: 2%;
}
.headerbox .headerbox_in .headerbox_search {
    position: absolute;
    top: 5px;
    left: 15%;
}
.headerbox ul.header_nav{
	display: none;
}
.headerbox.scroll-nav {
    padding: 15px 0;
}
.headerbox.scroll-nav .logobox_in {
    width: 200px;
}
.headerbox.scroll-nav .logo {
    max-width: 120px;
}
.headerbox.scroll-nav .logobox_in::before {
    width: 30px;
    height: 30px;
	top: 50%;
	left: 4%; 
}
.headerbox.scroll-nav .logobox_in::after {
    width: 35px;
    height: 35px;
	top: 0%;
	right: 2%;
}
.headerbox.scroll-nav .headerbox_in .headerbox_search {
    position: absolute;
    top: 5px;
    left: 15%;
}

.h_style01 {
    font-size: 2.4rem;
    letter-spacing: 0.3rem;
}
.h_style01::after {
    font-size: 5.8rem;
    top: 0;
}
.h_style02 {
    font-size: 2.4rem;
    font-weight: 500;
    letter-spacing: 0.3rem;
    padding: 20px 0 0 45px;
}
.h_style02::before {
    width: 40px;
    bottom: 15px;
}
.h_style02 span{
	font-size: 1.2rem;
	margin: 0 0 0 6px;
}
.main_cont{
	flex-direction: column;
}
.main_cont_outer{
	width: 100vw;
}
.main_cont .left_cont {
    max-width: 100%;
}
.top_slider {
    padding: 60px 0 0 0;
}
.pickup .item_box .item {
    width: 48%;
}
.pickup .item_box .item .box01 img {
    height: 100%;
}
.pickup .item_box .item .box02 {
    padding: 10px;
}
.pickup .item_box .item .box02 p {
    font-size: 1.4rem;
}
.pickup .item_box .item .box02 .category_tag {
    font-size: 1rem;
    padding: 3px 4px;
    margin: 5px 5px 0 0;
}
.top_slider {
    margin: 40px 0 0 0;
}
.top_news .slider_items {
    padding: 30px 0 0 0;
}
.top_news .slider_items .slick-next{
	overflow: hidden;
}
.top_news .slider_items .slick-prev{
	overflow: hidden;
}
.top_news .slick-dots{
	bottom: -40px;
}
.top_news .slick-dots li{
	width: 13px;
	height: 13px;
}
.top_news a.btn_white {
    margin: 65px auto 0 auto;
}
.top_column .item_box{
	flex-direction: column;
}
.top_column .item_box .item_box_in {
    width: 100%;
}
.top_column .item_box .item_box_in .item .box01 {
    width: 36%;
}
.top_column .item_box .item_box_in .item .box02 {
    width: 60%;
}
.top_column .item_box .item_box_in .item {
    padding: 15px 10px;
}
.top_column .item_box .item .box02 .category_tag {
    font-size: 1rem;
    padding: 3px 6px;
}
.top_column .item_box .item .box02 p {
    font-size: 1.4rem;
    letter-spacing: .1rem;
    margin: 5px 0 4px 0;
}
/* ボタン */
a.btn_white {
    margin: 20px auto 0 auto;
	transition: .0s;
}
a.btn_white:active{
    background: #A22523;
    border: 1px solid #A22523;
    color: #fff;
}
.main_cont_outer .right_cont {
	position: static;
    max-width: 100%;
}
.main_cont_outer .right_cont .side_box01 {
    width: 95%;
    padding:  0 0 0 0;
    margin: 0px 0 0 5%;
}
.main_cont_outer .right_cont .side_box01 .box01_in{
	width: 100%;
}
.sidebar_ttl {
    font-size: 1.6rem;
}
.sidebar_ttl::after {
    font-size: 3.8rem;
    top: -10px;
}
.main_cont_outer .right_cont .side_box01 .list_item .img_box {
    width: 27%;
    margin: 0 3% 0 0;
}
.main_cont_outer .right_cont .side_box01 .img_box img{
	width: 100%;
	height: 100%;
	min-height: 60px;
	margin: 0;
}
.main_cont_outer .right_cont .side_box02{
	margin: 40px 0;
}
.main_cont_outer .right_cont .side_box02 .img_box {
    max-width: 320px;
    margin: 10px auto;
}
.footerbox .footerbox_in {
	padding: 40px 10px;
}
.footerbox .box01 .logo {
	width: 200px;
}
.footerbox .box01 .logo_box::before {
    top: 11%;
    left: 25%;
}
.footerbox .box02 {
	display: none;
}
.footerbox .box01 .list_box {
    justify-content: flex-start;
}
.footerbox .box01 .bg_01 {
    width: 180px;
    height: auto;
    right: 6%;
    bottom: 2%;
}
.footerbox .box01 .list_box ul li {
	margin: 0 0 10px 0;
	font-size: 1.5rem;
}
}

@media screen and (max-width: 590px){
	.ad_pc{
		display: none;
	}
	.ad_sp{
		display: block;
	}
	.headerbox .headerbox_in{
		justify-content: center;
	}
	.headerbox .headerbox_in .headerbox_search{
		display: none;
	}
	.headerbox.scroll-nav .headerbox_in .headerbox_search {
		display: none;
	}
	.top_ad_area img {
		max-width: 320px;
		width: 100%;
		margin: 0px auto;
	}
	.footerbox .box01 .list_box{
		flex-direction: column;
	}
	.footerbox .box01 .bg_01 {
		width: 180px;
		height: auto;
		right: 6%;
		bottom: 18%;
	}
	.footerbox .box01 .list_box ul {
		border-right: 0;
		padding: 0 25px;
	}
	.footerbox .box01 .logo_box::before {
		top: 7%;
		left: 9%;
	}
 
 .top_slider .item_box {
  padding: 0 10px 60px;
  position: relative;
  z-index: -1;
}
.top_slider .slick-next {
  right: 18%;
}
.top_slider .item_text .article_title {
  font-size: 1.2rem;
}
.top_slider .item_text .article_title {
  white-space: pre;
}
.top_slider .slider_items .item_text {
  padding: 15px;
 bottom: -10px;
}
	
}