@charset "UTF-8";

/*文字の設定*/
.strong {
  background:linear-gradient(transparent 60%, #fff878 60%) !important;
}

.underlinewhite{
  background:linear-gradient(transparent 60%, #ffffff 60%) !important;
}

h1, h2, h3, h4, h5{
	font-family: 'Jost', sans-serif;
}

h2, h3, h4, h5{
	font-weight:500;
}

p, ul li, a{
	font-family: 'Noto Sans JP', sans-serif;
}

h1{
	letter-spacing:3px;
	line-height:1.8;
	font-size:25px;
	color:#000;
	font-weight:800;
}

p{
	font-size:13px;
}

.bg-color{
	/*background-color:#999999;*/
	background-color:#FCE700;
}

.style-box h1, .style-box h3{
	/*color:#fff!important;*/
	color:#666;
	text-align: center;
}

.main-caption h1, .style-box h1{
	font-weight:500!important;
}

.main-caption h1{
	font-size:30px;
	text-align: center;
}

.main-caption p{
	margin-top:30px;
}

.style-box h1{
	font-size:40px;
}

.myfavorite h2{
	text-align: center;
	color:#D2AF22;
}

.myfavorite h3{
	text-align: center;
}

.name h5{
	color:#D2AF22;
}

/*ボックスの設定*/
.mid-wrapper, .big-wrapper{
	width:900px;
	margin:10px auto;
}

.top-caption{
	margin:30px 0;
	padding:50px 0;
}

.key_caption{
	width:700px;
	margin:30px auto;
}

.main-caption{
	width:900px;
	margin:50px auto;
	padding:60px 0 0;
}

.main{
	margin:50px 0;
	padding:50px 0 70px;
}

.style-comment{
	width:700px;
	margin:30px auto 20px;
}

.item-list{
	width:700px!important;
	margin:20px auto 40px;
}


.flex-big, .flex-small{
	display:flex;
	height: auto;
	align-items: flex-start;
	justify-content: space-between;
}

.flex-big img{
	width:35%;
}

.flex-small img{
	width:25%;
}

.big-bg{
	background-color:#FAF6DD;
	padding:50px 0;
}

.myfavorite{
	width:800px;
	margin:20px auto 0;
}

.text_box{
	padding:30px 0;
}

.text_box_img img{
	width:600px;
	padding-right:30px;
}

.favorite-flex{
	display:flex;
	height: auto;
	align-items: center;
	justify-content: space-between;
}

.favorite-flex-img{
	display:flex;
	height: auto;
	align-items: center;
	justify-content: space-between;
	margin-bottom:20px;
}

.favorite-flex-img img{
	width:25%;
}

/*2月号　自己紹介欄*/

.jiko_soto{
	background-color:#eeeeee;
	margin-top:0;
}

.jikoshoukai{
	width:600px!important;
	display:block!important;
}

.jikoshoukai .sp-center{
	width:200px!important;
	margin:0 auto 20px;
}

.sp-center a{
	margin-top:0!important;
}

.jikoshoukai_img{
	text-align: justify!important;
}

.jikoshoukai_img img{
	width:300px!important;
}

.jikoshoukai .name h5{
	margin:0;
	padding-bottom:0;
}

.jikoshoukai h5{
	text-align: center;
}

.jikoshoukai div{
	width:100%!important;
}

.jikoshoukai a{
	text-decoration: underline;
}


/*タブレット用*/
@media screen and (max-width: 768px){

.mid-wrapper, .big-wrapper, .key_caption, .main-caption, .style-comment, .item-list, .myfavorite{
	width:650px;
}

.jikoshoukai{
	width:600px!important;
	padding-bottom:40px;

}


}

/*スマホ用*/
@media screen and (max-width:640px){

.mid-wrapper, .big-wrapper, .key_caption, .main-caption, .style-comment, .myfavorite{
	width:320px;
}

.main-caption h1{
	font-size:17px;
	text-align: center;
}

.style-box h1{
	font-size:30px;
}

.flex-big{
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
}

.flex-big img{
	width:50%;
	margin-bottom:5px;
}

.flex-small img{
	width:34%;
}

.item-list{
	width:310px!important;
}

.myfavorite h3{
	font-size:16px;
}

.text_box_img h4{
	text-align: center;
}

.text_box_img img{
	width:70%;
	padding-right:0;
}

.favorite-flex{
	display:block;
}

.favorite-flex-img{
	display:flex;
	flex-wrap: wrap;
	margin-bottom:20px;
}

.favorite-flex-img img{
	width:49%;
	margin-bottom:10px;
}

.jiko_soto{
	margin-top:-20px;
}

.jikoshoukai{
	width:320px!important;
}

.jikoshoukai_img{
	text-align: center!important;
}

.jikoshoukai_img img{
	width:250px!important;
}

}

/* CSS Document */