@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Freeman&family=Hachi+Maru+Pop&family=Hina+Mincho&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

/*リセットCSS*/
*{
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;}
html,body,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,p,div,span,img,a,table,tr,th,td {
	border: 0;
	vertical-align: baseline;}
header,footer,nav,section,article,aside,figure,figcaption {display: block;}
body {line-height: 1;}
ol,ul {
	list-style: none;
	list-style-type: none;}


/*共通設定*/
body{
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	margin:0px;
	font-size:15px;
	word-wrap:break-all;}
#wrap{padding-top:7vw;}
#title a{
	margin:0;
	padding:8px 0;
	display:block;
	text-align:center;
	text-decoration:none;
	color:black;
	font-size:30px;
	font-family:'Times New Roman';
	font-style:italic;}
#title a img{
    height: 3vw;}
.heading{
	font-size:23px;
	margin:0;
	padding:5px;
	text-align:center;
	font-family:'Times New Roman';
	background-color:orange;}
#top-pic{
	position:relative;}
#top-pic::after {
    content: "";
    display: block;
    position: absolute;
	top:0;	left:0;	right:0;	bottom:0;
	background-image: radial-gradient(#fff 10%, transparent 90%);
  	background-color: #000;
  	background-position: 0 0;
  	background-size: 4px 4px;
  	mix-blend-mode: screen; 
    /*background-color: rgba(0, 0, 0, 0.7);*/}
.top-pic-title{
	position:absolute;
	top:50%;	left:50%;
	transform:translate(-50%,-50%);
	font-size:7vw;
	width:100%;
	text-align:center;
	font-family: "Hachi Maru Pop", cursive;
	font-weight: 400;
	z-index:5;}
#icon{
	position:absolute;
	margin:0 auto;
	z-index:5}
#icon img{	border-radius:30vw;}
.bg-slider {
	background-position:center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;}
ul{
	margin:0;
	padding:0;
	list-style:none;}
ul li a{
	display:block;
	text-decoration:none;
	color:black;}
.adsense{
	text-align:center;
	margin:50px 0;}
	#menu .adsense{margin:0;}
#footer{
	width:100%;
	margin:20px 0 0 0;
	padding:25px 0;
	text-align:center;
	font-size:15px;
	background-color:#dddddd;}

/*トップページ*/
#propfile,#sns{
	margin:0;
	padding:20px 0;}

/*テキストレイアウトの共通設定*/
a{
	color:blue;
	text-decoration:none;}
h1{
	padding:20px 20px 5px;
	line-height:30px;
	font-weight:bold;
	font-size:23px;}
h2{
	margin-top:40px;
	border-left:15px solid orange;
	border-top:1px solid orange;
	border-bottom:1px solid orange;
	padding:10px;
	font-size:20px;
	font-style:bold;}
h3 {
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
	font-size: 2vw;
    margin-top: 0;
    margin-left: 15px;
    font-weight: 300;
    line-height: 1;}
@media screen and (max-width:700px){h3 {font-size: 4.5vw;}}
.catchcopy{
	padding:5px 20px 10px;
	font-weight:bold;
	font-size:18px;
	color:red;}
.text{
	padding:10px 20px;
	line-height:25px;
	word-wrap:break-word;}
	.text i{	font-style:italic;}
	.text .fa-twitter{ color:#0F1419;}
	.text .fa-youtube{ color:#cd201f;}
.row a:hover{opacity:0.6;}
.concept{
	text-align:center;
	padding:10px auto 20px;
	line-height:30px;
	word-wrap:break-all;}
.digest_title{
	font-size:18px;
	padding-left:10px;
	font-weight:bold;}
.archive{
	margin:10px auto;
	text-align:center;
	width:250px;}
.archive a{
	display:block;
	padding:10px;
	text-decoration:none;
	border-radius:100px;
	color:white;
	background-color:blue;}
.me{color:orange;
	font-weight:bold;}
.you{color:blue;
	font-weight:bold;}
.he{color:green;
	font-weight:bold;}

/*コンテンツリスト*/
h4{
	margin-top:0;
	margin-left:15px;
	margin-bottom:15px;
	font-weight:bold;
	font-family:"IMPACT";
	font-size:30px;}
.category{
	font-size:12px;
	margin:0;
	padding:0.2vw 10px;
	padding-left:10px;
	color:gray;}
time{
	font-size:12px;
	margin: 3px 10px;
	padding: 5px 0;
    display: inline-block;
	color:gray;}
.title{
	display:block;
	margin:0px;
	padding: 10px;
	font-size:15px;
	font-weight:normal;}

/*各種ボタン*/
.paypay-btn,.amazon-btn{
	margin:15px auto;
	text-align:center;
	width:250px;}
.paypay-btn a{
	display:block;
	padding:10px;
	text-decoration:none;
	border-radius:100px;
	color:white;
	background-color:#ff0033;}
.amazon-btn a{
	display:block;
	padding:10px;
	text-decoration:none;
	border-radius:100px;
	color:white;
	background-color:#ff9900;}

/*プロフィール > 沿革*/
.profile-text{
	position:relative;
	margin:50px auto 0;
	width:90%;}
.profile-headline{
	width: 90%;
    margin: 2vw auto 4vw;
    padding: 0.5vw 1vw;
    font-size: 1.8vw;
    font-weight: bold;}
.profile-story{
	width:80%;
	display:flex;
	margin:0 auto 50px;}
.profile-story img{
	width:50%;
	height:auto;
	object-fit: cover;
	margin-right:10px;}
.profile-story p{
    padding: 1vw 2vw;
    line-height: 2.5vw;
    width: 50%;
    word-wrap: break-word;
    margin: 2vw 0;
    font-size: 1.3vw;}
.profile-story.right{flex-direction:row-reverse;}
.profile-story.right img{margin-left:10px;margin-right:0;}
.profile-name{
	font-size:2vw;
	display:inline-block;
	margin-bottom:1.5vw;
	font-weight: bold;}
.profile-btn {
	width:40%;
	font-size: 1.6vw;
  	font-weight: 700;
  	line-height: 1.5;
  	position: relative;
  	display: block;
  	padding: 1vw 4vw;
	margin:3vw auto;
  	cursor: pointer;
  	-webkit-user-select: none;
  	-moz-user-select: none;
  	-ms-user-select: none;
  	user-select: none;
  	-webkit-transition: all 0.3s;
  	transition: all 0.3s;
  	text-align: center;
  	vertical-align: middle;
  	text-decoration: none;
  	letter-spacing: 0.1em;
  	color: #212529;
  	border-radius: 0.5vw;
  	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  	box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  	background: #f1e767;
  	background: -webkit-linear-gradient(top, #f1e767 0%, #feb645 100%);
  	background: linear-gradient(to bottom, #f1e767 0%, #feb645 100%);}
.profile-btn:hover {
  background: -webkit-linear-gradient(bottom, #f1e767 0%, #feb645 100%);
  background: linear-gradient(to top, #f1e767 0%, #feb645 100%);}
.profile-bottom{
	width: 90%;
	margin:auto;}
@media screen and (max-width:700px){
.profile-text{width:100%;}
.profile-headline{
	width:95%;
	margin:20px auto;
	padding:5px;
	font-size:25px;}	
.profile-story{
	display:block;
	width:100%;
	margin:0}
.profile-story img{
	margin:0;
	width:100%;}
.profile-story.right img{
	margin:0;}
.profile-story p{
	padding:10px 20px;
	line-height:25px;
	width: 100%;
	word-wrap:break-word;
	margin:20px 0;
	font-size:13px;}
.profile-name{
	font-size: 6vw;
	margin-bottom: 3vw;}
.profile-btn {
    font-size: 4vw;
    width: 80%;
    padding: 3vw;
    margin: 10vw auto;}
.profile-bottom{
	width: 100%;}
}
.video{
  position: relative;
  width: 100%;
  padding-top: 56.25%;}
.video iframe {
  position: absolute;
  top: 0;
  right: 0;
  left:0;
  width: 80%;
  height:80%;}
#history{
	padding:10px 20px;
	line-height:25px;
	word-wrap:break-all;}
#history .date{
	font-weight:bold;color:blue;}
#history .detail{
	padding-left:20px;
	padding-bottom:20px;}
#sns ul{
	margin:0;
	padding:0;
	list-style:none;}
#sns li{
	border-radius:4px;
	margin-bottom:5px;}
#sns li a{
	display:block;
	padding:15px;
	color:#ffffff;
	font-size:14px;
	text-decoration:none;}
#sns li.tiktok a{color:#000;}
#sns i{
	margin-right:10px;
	font-size:14px;
	vertical-align:middle;}
#sns .twitter{	background-color:#0F1419;}
#sns .instagram{	background-color:#D93177;}
#sns .youtube{	background-color:#cd201f;}
#sns .letterpot{	background-color:#ed5331;}
#sns .filmarks{	background-color:black;}
#sns .tiktok{	background-color:#25F4EE;}
#sns .standfm{	background-color:#ffffff;	border:1px solid #000000;}
#sns .standfm a{	color:#000000!important;}
.arrow_box{
	position:relative;
	display:block;
  width:90%;
  background:#FFFFFF;
	margin:30px auto 10px;
  padding:5px 0;
  text-align:center;
  border:1px solid #000000;
  color:#000000;
  font-size:12px;
  font-weight:bold;
  border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;}
.arrow_box:after,.arrow_box:before{
	border: solid transparent;
	content:'';height:0;width:0;
	pointer-events:none;
	position:absolute;
	top:100%;left:15%;}
.arrow_box:after{
	border-color: rgba(255, 255, 255, 0);
	border-top-width:10px;
	border-bottom-width:10px;
	border-left-width:10px;
	border-right-width:10px;
	margin-left: -10px;
	border-top-color:#FFFFFF;}
.arrow_box:before{
	border-color: rgba(0, 0, 0, 0);
	border-top-width:11px;
	border-bottom-width:11px;
	border-left-width:11px;
	border-right-width:11px;
	margin-left: -11px;
	margin-top: 1px;
	border-top-color:#000000;}

/*リストの共通設定*/
.list li{
	box-sizing: border-box;
	display:block;
	overflow:auto;
	border-bottom:1px solid black;
	clear:both;}
.list li a:hover{
	background-color:skyblue;}
.list li a img{
	padding:5px;
	height:auto;
	float:left;}
.list .adsense img{
	position:relative;
	text-align:center;}

/*シェアボタンの共通設定*/
#share{padding:20px 0;}
#share ul{
	margin:0;
	padding:0;
	list-style:none;}
#share li{
	float:left;
	width:33.3333%;
	border:0;}
#share li a{
	display:block;
	padding:10px 5px;
	color:#ffffff;
	font-size:14px;
	text-align:center;
	text-decoration:none;}
#share li a:hover{opacity:0.8;}
#share ul:after{
	content:"";
	display:block;
	clear:both;}
.share-tw{background-color:#55acee;}
.share-fb{background-color:#3b5998;}
.share-ln{background-color:#5ae628;}
.share-other{background-color:gray;}
.save-pck{background-color:#DC3D50;}
.save-htb{background-color:#008FDE;}

/*ページドネーション*/
.page{
	margin:20px 0;}
.page p{
	display:inline-block;
	float:left;
	margin-left:5%;
	margin-right:5%;
	width:40%;
	border:0;
	border-radius:15px;
	padding:7px;
	color:#ffffff;
	font-size:12px;
	text-align:center;
	text-decoration:none;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	background-color:blue;}
.page .now{
	background-color:white;}
.page a:hover{opacity:0.8;}

/*コンテンツ目次*/
.contents_list{
	margin:20px;
	padding:20px;
	background-color:navy;}
.contents_list .list_title{
	color:white;
	display:block;
	margin:10px 20px 20px;
	font-size:18px;
	font-weight:bold;}
.contents_list ul{
	margin:0;
	padding:0;
	list-style:none;}
.contents_list li{
	display:block;
	margin-top:10px;
	margin-bottom:10px;
	clear:both;
	overflow:auto;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;}
.contents_list .list_no{
	float:left;
	display:block;
	color:white;
	margin-right:10px;
	padding:5px;
	font-size:15px;
	border:1px solid white;}
.contents_list a{
	float:left;
	display:block;
	width:200px;
	color:white;
	padding:5px;
	font-size:15px;
	text-decoration:underline;}
@media(min-width:701px){
	.contents_list a{
		width:500px;}
}

/*コンテンツカード*/
.boxA{
	padding-top:20px;
	padding-bottom:20px;}
.card{
	margin-bottom:30px;}
.card h3{
	margin:5px 15px;
	font-size:22px;}
.card h4{
	margin:5px 15px;
	font-size:18px;}
.card p{
	margin-top:0;
	margin-bottom:15px;
	margin-left:15px;
	margin-right:15px;
	font-size:14px;}
.card .comment{
	margin:10px;
	padding:5px;
	font-size:14px;
	color:black;
	border:1px solid black;}
.card img{
	max-width:100%;
	height:auto;
	border:none;
	margin-bottoom:20px;
	vartical-align:bottom;}
.card a{
	display:block;
	border:solid 1px #dddddd;
	color:black;
	text-decoration:none;}
.card a:hover{
	box-shadow:0 0 10px #dddddd}
.more{
	display:inline-block;
	padding:5px 15px;
	background-color:#3077be;
	color:#ffffff;}
.more i{
	margin-left:10px;}
@media(min-width:701px){
	.boxA:after{
		content:"";
		display:block;
		clear:both;}
	.boxA .card{
		float:left;
		width:50%;}
	.boxA .card:nth-child(odd){
		padding-right:15px;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		clear:both;}
	.boxA .card:nth-child(even){
		padding-left:15px;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;}
}@media(max-width:700px){
	.boxA .card{
		width:90%;
		margin-left:auto;
		margin-right:auto;}
	.card img{	margin-bottom:20px;}
}

/*ボックスの折り畳み*/
.grad-btn {
	z-index: 2;
	position: absolute;
	right: 0;	left: 0;
	bottom: 0;
	width: 148px;
	margin: auto;
	padding: 5px 0;
	border-radius: 2px;
	background: orange;
	color: #fff;
	font-size: 13px;
	text-align: center;
	cursor: pointer;
	box-shadow: 0 0 3px rgba(0,0,0,.3);}
.grad-btn::before {
	content: "続きを読む"}
.grad-item {
	position: relative;
	overflow: hidden;
	height: 100px; /*隠した状態の高さ*/}
.grad-item::before {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40px; /*グラデーションで隠す高さ*/
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
	background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
	content: "";}
.grad-trigger {		display: none;}		/*チェックボックスは常に非表示*/
.grad-trigger:checked ~ .grad-btn::before {		content: "閉じる" }		/*チェックされていたら、文言を変更する*/
.grad-trigger:checked ~ .grad-item {	height: auto;}		/*チェックされていたら、高さを戻す*/
.grad-trigger:checked ~ .grad-item::before {	display: none;}		/*チェックされていたら、grad-itemのbeforeを非表示にする*/
@media screen and (min-width:701px){
.grad-item.profile .text {
    font-size: 1.3vw;}
.grad-item.profile {
    overflow: visible;
    height: auto;}
.profile-text .grad-btn{
	display: none;}
}

/*PC3列、スマホ2列表示*/
.quarter::after{
	display:block;
	content:"";
	clear:both;}
.quarter li{
	width:50%;
	float:left;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;}
@media(min-width:701px){
	.quarter li{width:33.3%;}
}
.quarter li a{
	display:block;
	margin:20px 10px 0px;
	color:white;
	text-align:center;
	text-decoration:none;}
.quarter li a:hover{
	opacity:0.8;}
.quarter i{
	display:block;
	padding-top:40px;
	padding-bottom:40px;
	background-color:gray;
	font-size:38px;}
.quarter p{
	padding:10px;
	background-color:black;
	color:white;}

/*サイドバー（アドセンス広告）*/
#sub .adsense{
	margin-top:20px;}
#sub .adsense:before{
	content:'Sponsored by GoogleAd';
	display:inline-block;
	text-align:center;}
.insert.adsense:before{
	content:'Sponsored by GoogleAd';
	display:inline-block;
	text-align:center;}


/*画面下のボタン*/
.page_btn {
	position: fixed;
	bottom: 1%;	right: 1%;
	display: block;
	margin: 0;
	transform: translateY(-50%);
	z-index:10;}
.page_btn a {
	transition: all 0.8s;
	opacity: 0.8;
	background-color:#eee;}
.page_btn .page_btn_link {
	margin-left: -4vw;}
.page_btn .page_btn_link,
.page_btn .page_btn_open_btn {
	line-height: 6vw;
	position: absolute;
	width: 6vw;	height: 6vw;
	margin-left: -4vw;
	transition:	transform ease-out 200ms;
	transform: translate3d(0, 0, 0);
	text-align: center;
	color: #000;
	border-radius: 100%;
	background: #eee;}
.page_btn_open_btn img {
    width: 65%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);}
.page_btn .page_btn_list {
	font-size: 2.6vw;
	z-index: 99;
	box-sizing: border-box;
	width: 8vw;	height: 5vw;
	margin: auto;
	text-align: center;}
.page_btn .page_btn_list a.page_btn_link .fa {color: #fff;}
.page_btn .page_btn_open {display: none;}
.page_btn .page_btn_link:hover {opacity: 1;}
.page_btn .page_btn_link:nth-child(3),
.page_btn .page_btn_link:nth-child(4),
.page_btn .page_btn_link:nth-child(5),
.page_btn .page_btn_link:nth-child(6) {transition-duration: 180ms;}
/*全体のボタンの設定（元々が少し大きく、ホバーでさらに大きくなり、クリックで小さくなる*/
.page_btn .page_btn_open_btn {
	z-index: 2;
	cursor: pointer;
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transform: scale(1.1, 1.1) translate3d(0, 0, 0);
	-webkit-transform: scale(1.1, 1.1) translate3d(0, 0, 0);}
.page_btn .page_btn_open_btn:hover {
	-webkit-transform: scale(1.2, 1.2) translate3d(0, 0, 0);
	        transform: scale(1.2, 1.2) translate3d(0, 0, 0);}
.page_btn .page_btn_open:checked + .page_btn_open_btn {
	-webkit-transition-timing-function: linear;
	        transition-timing-function: linear;
	-webkit-transform: scale(0.8, 0.8) translate3d(0, 0, 0);
	        transform: scale(0.8, 0.8) translate3d(0, 0, 0);}
/*全体のボタンをクリックした後の挙動*/
.page_btn .page_btn_open:checked ~ .page_btn_link {
	transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
	-webkit-transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);}
.page_btn .page_btn_open:checked ~ .page_btn_link:nth-child(3) {
	transform: translate3d(-10vw, 0, 0);
	-webkit-transform: translate3d(-10vw, 0, 0);}
.page_btn .page_btn_open:checked ~ .page_btn_link:nth-child(4) {
	transform: translate3d(-8vw, -8vw, 0);
	-webkit-transform: translate3d(-8vw, -8vw, 0);}
.page_btn .page_btn_open:checked ~ .page_btn_link:nth-child(5) {
	transform: translate3d(0.08361px, -10vw, 0);
	-webkit-transform: translate3d(0.08361px, -10vw, 0);}
@media screen and (max-width:700px){
.page_btn {
    bottom: 5%;
    right: 3%;}
.page_btn .page_btn_link, .page_btn .page_btn_open_btn {
    line-height: 12vw;
    width: 12vw;
    height: 12vw;
    margin-left: -12vw;}
.page_btn .page_btn_list {
    font-size: 4vw;}
.page_btn .page_btn_open:checked ~ .page_btn_link:nth-child(3) {
    transform: translate3d(-25vw, 0, 0);
    -webkit-transform: translate3d(-25vw, 0, 0);}
.page_btn .page_btn_open:checked ~ .page_btn_link:nth-child(4) {
    transform: translate3d(-18vw, -18vw, 0);
    -webkit-transform: translate3d(-18vw, -18vw, 0);}
.page_btn .page_btn_open:checked ~ .page_btn_link:nth-child(5) {
    transform: translate3d(0, -25vw, 0);
    -webkit-transform: translate3d(0, -25vw, 0);}
}


/*スマートフォン，タブレットでの設定*/
@media(max-width:700px){
	.pc{display:none;}
	#wrap{padding-top:20vw;}
	#header{
		background-color:rgba(251,188,05,0.7);	/* FBBC05 */
		display:block;
		position:fixed;
		width:100%;
		z-index:50;}
	#title a{height:12vw;}
	#title a img{
		height: 8vw;
        margin-top: 0;}
	#menu{
		display:none;}
	#menubtn{
		padding:6px 12px;
		border:1px solid #aaaaaa;
		border-radius:5px;
		background-color:white;
		position:absolute;
		top:7px;
		right:7px;}
		#menubtn i{
			color:#888888;
			font-size:18px;}
		#menubtn span{
			display:inline-block;
			text-indent:-9999px;}
	#menu li{
		padding-top:9px;
		border-bottom:1px solid black;}
		#menu li i{
			color:#000;
			font-size:18px;
			margin-right:7px;
			display:inline;}
		#menu li a{
			padding:5px;
			font-size:5vw;
			font-family: "Freeman", sans-serif;
			font-weight: 400;
			font-style: normal;}
	#menu .sns{
		padding:20px 0;
		text-align:center;}
		#menu .sns i{
			color:#55acee;
			font-size:50px;}
	#sub{
		margin-top:50px;}
	#share span{
		display:inline-block;
		text-indent:-9999px;}
	.line{width:100%;}
	.row img{
		width:90%;
		display:block;
		margin:10px auto;}
	#sns li{
		width:90%;
		margin:5px auto;}
	.top-pic-title{
		top:30%;
		font-size:15vw;
	}

	/*サイトトップページ*/
	#icon{
		width:150px;
		top:50%;
		left:0;		right:0;}
	.bg-slider {
		width: 100vw;
		height: 350px;}
	.line a{	position:relative;}
	.line .description{
		padding:5px 10px;
		background-color:rgba(0,0,0,0.5);
		color:#ffffff;
		position:absolute;
		bottom:0;
		left:0;
		width:100%;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;}
}

/*パソコンでの設定*/
@media(min-width:701px){
	#menubtn,#menu li i{display:none;}
	.smp{display:none;}
	body{width:100%;}
	#header{
		background-color:rgba(251,188,05,0.7);	/* FBBC05 */
		display:flex;
		position:fixed;
		width:100%;
		justify-content:space-between;
		margin-bottom:20px;
		z-index:50;}
	#title a{
		margin-left:20px;}
	#navi{
		margin-top:15px;
		width:35%;}
	#navi ul{
		list-style:none;
		display:flex;
		justify-content: flex-end;}
	#navi li a{
		margin-right:20px;
		color:#000;
		font-size:2vw;
		font-family: "Freeman", sans-serif;
		font-weight: 400;
		font-style: normal;}
	#wrap{
		width:1000px;
		margin:0 auto;
		padding-top: 18vw;}
		#wrap:after{
			content:"";
			display:block;
			clear:both;}
	#icon{
		width:130px;
		bottom:20px;	right:50px;}
	.bg-slider {
		height: 80vh;}
	#main{
		width:670px;
		float:right;
		margin-bottom:100px;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;}
	#sub{
		width:310px;
		float:left;
		margin-bottom:100px;}
	#sns ul{
		display:flex;
		flex-direction:row;
		flex-wrap: wrap;}
	#sns li{
		width:calc(50% - 10px);;
		margin-right:5px;
		margin-left:5px;
		box-sizing:border-box;}
	.arrow_box{display:none;}
	.line{
		width:1000px;
		text-align:center;}
		.line:after{
			content:"";
			display:block;
			clear:both;}
	.row{
		float:left;
		width:33.3%;
		margin-bottom:10px;}
		.row img{
			width:90%;
			text-align:center;}

	/*サイトトップページ*/
	.line a{	position:relative;}
	.line .description{
		padding:5px 10px;
		background-color:rgba(0,0,0,0.5);
		color:#ffffff;
		position:absolute;
		bottom:0;
		left:0;
		width:100%;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;}
		#share li i{
			display:none;}
}
@media(min-width:1500px){
	body{width:100%;}
	#title a{text-align:center;}
}