@charset "utf-8";
/**@file
 * magazine.css セルフストレッチ定義
 * Copyright (C)2024 nobitel inc..
 */
h2.ttl {
	font-family: "ゴシックMB101 DB JIS2004 AP" !important;
}

a.shop{
	display:block;
	padding:20px;
	color:#fff;
	text-align:center;
	background:#202020;
}

.pc{
	display:block;
}

.sp{
	display:none;
}


.magzin_view{
}


#magazine{
	overflow:hidden;
	margin:0 15px;
}

#magazine #block1{
	padding:0;
}


#magazine .container{
	padding:0 0 0 0;
	border-bottom:1px solid #9f9f9f;
}

#magazine .container02{
	padding:0 0 0 0;

}



#magazine #block1 img{

}

#magazine #block1 p.info{
	padding:0 0 0 0;
	letter-spacing: 1.5px;
}



#magazine #block1 .mag_share{
	float:left;
	margin:10px 0 25px 0;
}

#magazine #block1 .mag_share li{
	float:left;
	margin:0 10px 0 0;
}


#magazine #block1 h3{
    padding: 20px;
	margin:0;
    color: #fff;
    font-size: 15px;
    background: #595959;
}



#magazine #block1 h4{
	margin:30px 0 30px 0;
    color: #202020;
    font-size: 24px;
	line-height: 32px;
	font-weight:bold;
	font-family: "ゴシックMB101 DB JIS2004 AP" !important;
	
}
.july_campain{
	text-align:center;
    width: 300px;
    margin: 50px auto 50px;
}

.july_campain img{
	width:100%;
	height:auto;
	text-align:center;
}





#magazine #block1 .acMenu{
	margin-bottom:60px;
    border-top: #c9c9c9 1px solid;
}

#magazine #block1 .acMenu:last-child{
	margin:0;
}

#magazine #block1 .acMenu dt{
    display: block;
	overflow:hidden;
    width: 100%;
    padding: 10px 20px;
    border-bottom: #c9c9c9 1px solid;
    cursor: pointer;
    background: url(../img/faq/qa_plus.png) no-repeat center right+20px;
    background-size: 15px;
}

#magazine #block1 .acMenu dt .ttl{
	float:left;
	width:60%;
}

#magazine #block1 .acMenu dt h4{
	font-size:21px;
}

#magazine #block1 .acMenu dt .point{
	font-size:9px;
    margin: 0;
}

#magazine #block1 .acMenu dt .disc{
	font-size:14px;
}

#magazine #block1 .acMenu dd{
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    line-height: 2.0em;
    border-bottom: #c9c9c9 1px solid;
    display: none;
}

#magazine #block1 .acMenu dd .box{
	overflow:hidden;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px dotted #ccc;
}

#magazine #block1 .acMenu dd .photo{
	overflow:hidden;
}

#magazine #block1 .acMenu dd .photo{
	margin-bottom:10px;
}

#magazine #block1 .acMenu dd .photo img.l{
	float:left;
	width:60%;
}

#magazine #block1 .acMenu dd .photo img.r{
	float:right;
	width:33%;
}

#magazine #block1 .acMenu dd p{
	float:left;
	margin:-5px 0 0 0;
}

#magazine #block1 .acMenu dd p.stretch-ttl{
	font-size:18px;
}

#magazine #block1 .acMenu dd p.point{
	clear:both;
	font-size:10px;
    padding-top: 1px;
    margin-right: 5px;
}

#magazine #block1 .acMenu dd .more{
	float:right;
	padding:0 10px;
	margin-top:-18px;
	color:#4b4b4b;
	font-size:12px;
	font-weight:600;
	border:1px solid #959595;
}

#magazine #block1 .acMenu dt.active{
    background: url(../img/faq/qa_minus.png) no-repeat center right+20px;
    background-size: 15px;
}


#magazine-more{
	overflow:hidden;
    background: #fff;
    padding-bottom: 40px;
}

#magazine-more #block1 {
	padding:0 0 40px;
    margin: 40px 0;
	border-bottom:1px solid #c9c9c9;
}


#magazine-more #block1 .youtube{
	display:block;
    height: 190px;
	width:100%;
	margin:0 auto;
}

#magazine-more #block1 h2.ttl{
	text-align:left;
}

#magazine-more #block1 h3{
	color:#959595;
	font-size:15px;
}

#magazine-more #block1 .point{
	padding:10px;
	margin:0;
	border:1px solid #959595;
}

#magazine-more #block2 {
	padding:0;
}

#magazine-more #block2 img {
	width:100%;
	margin-bottom:20px;
}

#magazine-more #block2 p {
	margin-bottom:20px;
}

.list_left{
	float:left;
	width:48%;
}

.list_right{
	float:right;
	width:48%;
}

.list_right_bn{
	float:right;
	width:48%;
}



/***下層ページ****/

#magazine #block1 .date{
	margin:25px 0 0 0;
	padding:0 0 0 0;
	
}


#magazine #block1 h6{
	margin:30px 0 30px 0;
    color: #202020;
    font-size: 24px;
	 padding: 0 0 5px 0;
	line-height: 32px;
	
	border-bottom:1px solid #9f9f9f;
}



#magazine #block1 h5{
	margin:15px 0 30px 0;
    color: #202020;
    font-size: 36px;
	font-weight:bold;
	line-height: 38px;
	
}
.pickup_mag {
    margin-top: 50px;
}

.pickup_list{
	overflow:hidden;
	margin:30px 0 0 0;
}




#footer_ban{
	background-color:#202020;
	padding:10px;
	width:100%;
	margin:0 auto 0 auto;
	clear:both;
	overflow:hidden;
}

.ft_ban_list{
	
	width:533px;
	margin:0 auto 0 auto;
}

.ft_ban_list li{
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
}



@media(min-width:0){
	#magazine #block1 .container{
		padding:0;
	}
	
		#magazine #block1 .container02{
		padding:0;
	}
}
@media(min-width:400px){
	#magazine #block1 .container,
	#magazine-more #block1 .container,
	#magazine-more #block2 .container{
max-width: 800px;
    margin: 0 auto 45px auto;
    padding: 0 0 20px 0;
	}
	
	
	
		#magazine #block1 .container02,
	#magazine-more #block1 .container02,
	#magazine-more #block2 .container02{
max-width: 800px;
    margin: 0 auto 45px auto;
    padding: 0 0 20px 0;
	}
	
}
@media(min-width:768px){
	#magazine-more #block1 .youtube{
		display:block;
		height: 370px;
	}
}
@media(min-width:1060px){
}
@media(min-width:1980px){	
}










@media(max-width:750px){
	
.pc{
	display:none;
}

.sp{
	display:block;
}





.bb_mag{
	border-bottom:1px dotted #9f9f9f!important;
}


#magazine #block1 .container{
	margin:0 0 4% 0;
	border-style:none;
}

#magazine #block1 .container02{
	margin:0 0 4% 0;
	border-style:none;
}

#magazine #block1 img{
	width:100%;
}

	
.list_left{
	float:left;
	width:100%;
	border-bottom:1px dotted #9f9f9f;
	 margin: 0 auto 4% auto;
    padding: 0 0 0 0;
}

.list_right{
	float:left;
	width:100%;
	border-bottom:1px dotted #9f9f9f;
}


.list_right_bn{
	float:left;
	width:100%;
	border-style:none;
}

#magazine #block1 .pickup_list h4 {
    margin: 0 0 0 0;
    color: #202020;
    float: right;
    font-size: 15px;
    line-height: 20px;
    width: 63%;
    
}


#magazine #block1 h4 {
    margin: 2%;
    color: #202020;
    font-size: 15px;
    line-height: 20px;
	font-weight:bold;
}
.july_campain{
	text-align:center;
	width: 100%;
}
.july_campain img{
	width:90%;
	height:auto;
	text-align:center;
}



/***下層ページ****/

#magazine #block1 .date{
	margin:25px 0 0 0;
	padding:0 0 0 0;	
}

.mag_content{
	width:90%;
	margin:0 auto 0 auto;
}

#magazine #block1 h6{
	margin:30px 0 30px 0;
    color: #202020;
    font-size: 18px;
	 padding: 0 0 5px 0;
	 font-weight:bold;
	border-bottom:1px solid #9f9f9f;
}



#magazine #block1 h5{
	margin:15px 0 30px 0;
    color: #202020;
	font-weight:bold;
    font-size: 20px;
	line-height: 32px;
	
}
.pickup_mag{
}

.pickup_list{
	overflow:hidden;
	margin:30px 0 0 0;
	display:block;
}



#magazine #block1 .mag_share{
	float:left;
	margin:10px 0 25px 0;
	width:100%;
}

#magazine #block1 .mag_share li {
    float: left;
    margin: 0 5px 0 0;
    width: 22%;
}

.pickup_mag{
	font-size:18px;
	text-align:center;
	font-weight:bold;
}

.pickup_list{
	overflow:hidden;
	margin:0 0 0 0;
}


.cover {
  object-fit: cover;
  width: 100px;
  float:left;
  height: 100px;

}

.pickup_list .list_left{
	float:left;
	width:100%;
	border-top:1px solid #ededed;
	 margin: 0 auto 0 auto;
    padding: 6% 0 6% 0;
	border-bottom:none;
}

.pickup_list .list_right{
	float:left;
	width:100%;
	padding:6% 0 6% 0;
	border-top:1px solid #ededed;
	border-bottom:none;
}

}
/***スマホ6用 plus用***/
@media screen and (max-width:414px){
	.magazine_04_link_sp {
    border: 1px solid #000 !important;
    padding: 5px 5px !important;
    max-width: 300px !important;
    margin: 0 auto !important;
    margin-bottom: 30px !important;
}
.pick_up_sp{
	font-size:15px;
	color:#000000;
}
.magazine_04_pic_sp img{
	width:100%;	
}
.magazine_04_pic_sp {
    width: 80px;
}
.magazine_04_pickup {
}
.fontss_sp {
    font-size: 20px;
    margin-top: 10px;
    color: #9c9c9c;
    font-weight: 1000;
    margin-left: 5px;
}
.pick_up_sp_a {
    font-size: 11px;
}
.magazine_04_pickup_sp{
	margin-left:5px;
}
.fonts_sp{
	font-size: 18px;
    display: inline;
}
.magazine_04_a_sp {
    display: flex;
    padding-top: 10px;
}
	
}





/***スマホ6用***/

@media(max-width:375px){
	/*
.magzin_view {
    position: absolute;
    z-index: 10000;
    padding: 130% 0 0 72%;
    float: right;
}
.magazine_04_link_sp {
    border: 1px solid #000 !important;
    padding: 5px 5px !important;
    max-width: 300px !important;
    margin: 0 auto !important;
    margin-bottom: 30px !important;
}
.pick_up_sp{
	font-size:15px;
	color:#000000;
}
.magazine_04_pic_sp img{
	width:100%;	
}
.magazine_04_pic_sp {
    width: 80px;
}
.magazine_04_pickup {
}
.fontss_sp {
    font-size: 20px;
    margin-top: 10px;
    color: #9c9c9c;
    font-weight: 1000;
    margin-left: 5px;
}
.pick_up_sp_a {
    font-size: 11px;
}
.magazine_04_pickup_sp{
	margin-left:5px;
}
.fonts_sp{
	font-size: 18px;
    display: inline;
}
.magazine_04_a_sp {
    display: flex;
    padding-top: 10px;
}*/
}


/***スマホ5用***/
@media screen and (max-width:320px){
	
#magazine #block1 .pickup_list h4 {
    margin: 0 0 0 1%;
    color: #202020;
    float: right;
    font-size: 15px;
    line-height: 20px;
    width: 60%;    
}
.magzin_view {
    position: absolute;
    z-index: 10000;
    padding: 148% 0 0 72%;
    float: right;
}
.magazine_04_link_sp {
    border: 1px solid #000 !important;
    padding: 5px 5px !important;
    max-width: 300px !important;
    margin: 0 auto !important;
    margin-bottom: 30px !important;
}
.pick_up_sp{
	font-size:15px;
	color:#000000;
}
.magazine_04_pic_sp img{
	width:100%;	
}
.magazine_04_pic_sp {
    width: 80px;
}
.magazine_04_pickup {
}
.fontss_sp {
    font-size: 20px;
    margin-top: 10px;
    color: #9c9c9c;
    font-weight: 1000;
    margin-left: 5px;
}
.pick_up_sp_a {
    font-size: 11px;
}
.magazine_04_pickup_sp{
	margin-left:5px;
}
.fonts_sp{
	font-size: 18px;
    display: inline;
}
.magazine_04_a_sp {
    display: flex;
    padding-top: 10px;
}
}



.a_text_decoration{
	text-decoration: none !important;
}
.magazine_04_link{
	border:1px solid #000;
	padding:15px 15px;
	margin:20px 0px;
}
.magazine_04_a{
	display:flex;
}
.fontss {
    font-size: 40px;
    margin-top: 30px;
    color: #9c9c9c;
    font-weight: 1000;
}
.magazine_04_pic img{
	width:100%;	
}
.magazine_04_pic {
    width: 250px;
}
.magazine_04_pickup {
    padding: 25px 0px;
    margin-left: 30px;
}
.magazine_04_pickup .pick_up{
	color:#000;
}
.magazine_04_pickup .glof_text{
	color:#337ab7;
}
.magazine_04_pickup .golf_text{
	text-decoration: underline;
	color:#87c9ee;
}
.magazine_04_pickup h2{
	font-size:25px;
	font-weight:bold;
	margin-bottom:20px;
}
.free_15{
	margin-top:20px;
	margin-bottom:20px;
	background-color:#e5e5e5;
}
.free_15_pickup {
    padding: 25px 0px;
    text-align:center;
	margin-bottom: 50px;
	background: #e5e5e5;
}
.center{
	margin-bottom:20px;
}
.fonts{
	font-size:23px;
	display:inline;
}
.free_button {
    background-color: #77c127;
    padding: 20px 60px;
    font-size: 20px;
    color: #ffffff;
	font-weight:bold;
}
.hidden_all{

}
.hidden_all_button {
    font-size: 20px;
    /* text-align: center; */
    background-color: #000000;
    color: #ffffff;
    padding: 10px 20px;
}
.button_a {
    text-align: center;
    max-width: 300px;
    margin: 0 auto;
    margin-top: 20px;
}

.free_15_button{
	margin-bottom:20px;
}