@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, ol 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;
}

.top-caption p:first-of-type{
	margin-bottom:20px;
}

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

.myfavorite h3{
	text-align: center;
}

.name h5{
	color:#C38D4A;
}

.small{
	font-size:11px;
}

/*背景色*/
.pink{
	background-color:#EDD2DC;
}

.blue{
	background-color:#D0DCE3;
	margin-top:-10px;
}

.white{
	background-color:#fff;
	margin-top:-10px;
}

.big-bg{
	background-color:#FAF6DD;
}

/*自己紹介*/
.jiko_soto{
	/*background-color:#DDD1C2;*/
	margin-top:0;
}

/*ボックスの設定*/

.big-wrapper{
	width:100%;
}

.mid-wrapper, .medium-wrap{
	width:900px;
	margin:10px auto;
}

.mid-wrapper{
	padding:50px 0;
}

.medium-wrap{
	padding:70px 0;
}

.medium-wrap h1, .medium-wrap h2, .medium-wrap h3{
	text-align: center;
}

.medium-wrap h1 img{
	width:250px;
	margin:40px 0;
}

.medium-wrap h2 img{
	width:200px;
	margin-top:50px;
}

.medium-wrap h3{
	margin-bottom:30px;
}

.medium-wrap h3 img{
	width:350px;
}

.caption{
	width:700px;
	margin:auto;
}

.flex, .styleother-flex, .mf_flex{
	display:flex;
	height: auto;
	align-items: center;
}


.styling img{
	width:42%;
}

.styling{
	justify-content: center;
	margin-bottom:50px;
}

.styleother-flex img{
	width:31%;
}

.styleother-flex{
	justify-content:space-around;
	margin-top:50px;
}

.item-list{
	margin:40px auto 60px!important;
}
.item-list ul li{
	text-align: center!important;
}

.item-other-box{
	padding:30px 0;
}

.item-other-box p{
	text-align: center;
}

.item-other-box p img, .item-cap{
	width:700px;
}

.item-cap{
	padding-top:30px;
	margin:auto;
}

.item-cap ol{
	list-style-type: none;
	counter-reset:item;
}

.item-cap ol li{
	font-size:13px;
	line-height:2;
	letter-spacing:3px;	
	overflow-wrap: break-word;
	text-align: justify;
	margin-bottom:20px;
	text-indent: -2em;
	padding-left:2em;
}

.item-cap ol li:before{
	counter-increment: item;
	content: counter(item)'.';
	font-size:15px;
	font-weight:bold;
}
 
.buy{
	font-weight:bold;
	font-size:10px;
	margin:2px 0;
	text-decoration: underline;
}

.item-cap li a:after{
	content:"\f07a";
	font-family:"FontAwesome";
	font-size:16px;
	vertical-align:middle;
	margin-left:7px;
	color:#412A0F;
}

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

.mf_flex{
	justify-content: space-between;
	margin:40px 0;
	padding:30px 0;
}

.mf_text{
	width:700px;
	margin:40px auto;
}

.mf_flex p, .flex_text{
	flex:1;
}

.mf_flex .item-list{
	width:100%!important;
}

.mf_flex p img{
	width:100%!important;
}

.flex_text{
	padding-left:20px;
}

.mf_flex img{
	width:49%;
}

.jikoshoukai{
	width:600px;
	padding:30px 0!important;
	margin-top:30px;
}

.jikoshoukai .sp-center, .jikoshoukai div{
	flex:1!important;
}

.jikoshoukai div{
	width:350px;
}

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

.mid-wrapper, .medium-wrap, .item-other-box p img, .myfavorite{
	width:650px;
}

.caption, .item-cap, .mf_text, .jikoshoukai div{
	width:600px;
}

}

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

.medium-wrap, .myfavorite{
	width:350px;
}

.mid-wrapper, .caption, .item-cap, .mf_text, .jikoshoukai, .jikoshoukai div{
	width:300px;
}

.top-caption{
	padding:0 20px;
}

.medium-wrap h1 img{
	width:250px;
	margin:30px 0;
}

.medium-wrap h2 img{
	width:160px;
	margin-top:50px;
}

.medium-wrap h3{
	margin-bottom:20px;
}

.medium-wrap h3 img{
	width:200px;
}

.styling img{
	width:50%;
}

.styleother-flex{
	justify-content: space-around;
	flex-wrap: wrap;
}

.styleother-flex img{
	width:48%;
	margin-bottom:10px;
}

.mf_flex{
	display:block;
	margin:20px 0;
	padding:10px 0;
}

.flex_text{
	padding:10px 20px;
}

.mf_flex .item-list{
	margin-bottom:20px!important;
}

.mf_text{
	margin:20px auto;
}


}

/* CSS Document */