/*
Theme Name: GraSta v3
Theme URI: http://grasta.net
Description: GraSta v.
Version: 3.0
Author: Wise
Author URI: http://grasta.net
*/



:root{
	--main-color:#FF6888;
	--blue-color:#01284B;
	--sub-pink-color:#FFC3CF;
	--bg-color:#F8F8FF;
	
	--instgaram:#e1306c;
	--twitter:black;
	--tiktok:#FE2C55;
	--youtube:#DA1725;
	--twitch:#6441a5;
	--facebook:#1877f2;
	--line:#00B900;
	--weibo:#F79431;
	
}

body > div.content-w > div.content > div.post-content > div > div.pv-space.photo-space.space-show > p:nth-child(4){
	margin: 0;
}

/*
html :where(img){
	max-width: inherit !important;
}
*/

body{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	background-color: var(--bg-color);
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
 
::-webkit-scrollbar-thumb {
  background: linear-gradient(225deg, rgba(196,46,146,1) 0%, rgba(250,159,76,1) 100%);
  border-radius: 30px;
}

#to_top_scrollup{
	background-color: var(--main-color) !important;
	border-radius: 50px !important;
	box-shadow: 0px 1px 6px #01284B33;
	bottom: 60px !important;
	right: 12px !important;
}

/* font */
.main-f{
	font-family: 'Abril Fatface', cursive;
}
.jis-f{
	font-family: 'Noto Sans JP', sans-serif;
}
.thai-f{
	font-family: 'IBM Plex Sans Thai Looped', sans-serif;
}
.cn-f{
	font-family: 'Noto Sans HK', sans-serif;
}
.kr-f{
	font-family: 'Noto Sans KR', sans-serif;
}

.main-c{
	color: var(--main-color);
}
.blue-c{
	color: var(--blue-color);
}
subpink-c{
	color: var(--sub-pink-color);
}
.blue-s{
	box-shadow: 0px 1px 6px #01284B33;
}

/*---------- index.php ----------*/

/* header */
header{
	background-color: white;
	width: 100%;
	height: 100px;
	box-shadow: 0px 1px 6px #01284B33;
	display: flex;
    justify-content: space-between;
}

.logo-b{
	width: 550px;
	height: 100px;
	display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding-left: 30px;
}
.logo{
	margin: 0;
	font-size: 34px;
}
.logo a{
	text-decoration: none;
}
.catch{
	font-size: 14px;
	margin: 0;
}

.menu-b{
	text-align: right;
	width: 500px;
	height: 100px;
	padding-right: 30px;
	display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-content: center;
    align-items: center;
}
.head-icon:first-child{
	margin-right: 20px;
}
.head-icon{
	cursor: pointer;
	padding: 6px;
    border-radius: 64px;
    background: white;
    
    font-size: 26px;
}

.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
	z-index: 1000;
}
.modal__bg{
    background: rgba(255, 194, 206, 0.9);
    height: 100vh;
    position: absolute;
    width: 100%;
    z-index: 100;
}
.modal__content{
    background: #F8F8FF;
    left: 50%;
    padding: 40px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 60%;
    border-radius: 10px;
    box-shadow: 0px 1px 6px #01284B33;
    z-index: 101;
}
.modal__content p{
	text-align: center;
    font-size: 30px;
    margin: 0 0 30px 0;
}
.no-scroll {
    overflow: hidden;
}
.js-modal-close{
	position: absolute;
}
.modal-close{
	position: absolute;
	right: 20px;
    top: 14px;
    font-size: 30px;
    cursor: pointer;
}

.search-box{
	width: 100%;
	text-align: center;
}
.search-input{
	width: 60%;
    height: 40px;
    border: none;
    border-radius: 10px;
    padding: 10px;
    font-weight: bold;
    font-size: 20px;
}
.search-input:focus{
	outline: 3px solid #FFC3CF;
}
.search-submit{
	width: 60px;
    height: 60px;
    margin-left: 20px;
    border: none;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    font-size: 20px;
    font-weight: 900;
    line-height: 60px;
    font-family: "Font Awesome 5 Free";
}




.content-w{
	display: flex;
	margin: 0 auto;
	width: 1200px;
	height: auto;
}

/* content */
.content{
	width: 900px;
	height: auto;
}

.pickup-b{
	width: 100%;
	height: auto;
}
.title-b{
	margin: 10px 0 10px 0;
	margin-left: 25px;
	font-size: 26px;
	font-weight: bold;
}
.pickup{
	margin: 0 auto;
	width: 850px;
	height: 130px;
	background-color: white;
	border-radius: 10px;
	display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}
.pickup-b p{
	font-size: 26px;
	margin: 0 auto;
	width: 850px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.pickup img{
	vertical-align: top;
	width: 100px;
	height: 100px;
	max-width: inherit;
	border-radius: 50%;
	z-index: 1;
    padding: 2px;
    background: linear-gradient(
225deg
, rgba(196,46,146,1) 0%, rgba(250,159,76,1) 100%);
/* 	box-shadow: 0px 1px 6px #FF688833; */
	box-shadow:  5px 5px 8px #e9e9f0,
             -5px -5px 8px #ffffff;
}


.post-b{
	margin: 0 auto;
	margin-top: 20px;
	width: 850px;
	height: auto;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.new-b{
	position: absolute;
	width: 50px;
	height: 50px;
	background: var(--sub-pink-color);
	color: white;
	font-weight: bold;
	text-align: center;
	line-height: 50px;
	border-radius: 50%;
	font-size: 12px;
	right: -22px;
	top: -12px;
	box-shadow: 5px 5px 8px #e9e9f0, -5px -5px 8px #ffffff;
}
.post-link{
	text-decoration: none;
}
.post{
	position: relative;
	width: 260px;
	height: 380px;
	background-color: white;
	box-shadow: 0px 1px 6px #01284B33;
	border-radius: 10px;
	margin-bottom: 20px;
}
.article-id{
	font-size: 16px;
	margin: 0 0 0 10px;
	height: 30px;
	line-height: 30px;
}
.post img{
	width: 260px;
	height: 260px;
	vertical-align: top;
}
.post h2{
	text-align:center; 
	margin: 0;
	font-size: 18px;
	height: 40px;
	line-height: 40px;
}
.article-icon{
	width: 100%;
	height: 40px;
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
}
.post i{
	font-size: 26px;
}
.article-insta{
	color: #e1306c;
}
.article-twi{
	color: #000000;
}
.article-tiktok{
	color: #FE2C55;
}
.article-youtube{
	color: var(--youtube);
}
.article-fb{
	color: var(--facebook);
}


/* sidebar */
.sidebar{
	width: 300px;
	height: 600px;
}
.side-title{
	margin: 10px 0 10px 8%;
	font-size: 26px;
}
.number{
	margin: 0 auto;
	list-style: none;
	background-color: white;
	border-radius: 10px;
	padding: 8px;
	text-align: center;
	width: 80%;
}
.category select{
	margin: 0 auto;
	display: block;
	border: none;
	width: 80%;
	text-align: center;
	padding: 8px;
	font-weight: bold;
	border-radius: 10px;
}

/* pagenation */
.wp-pagenavi{
	text-align: center;
	margin-top: 0px;
	margin-bottom: 20px;
	font-family: 'Abril Fatface', cursive;
}
.pages,.current,.extend{
	color: #022E57;
}
.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: none !important;
    padding: 3px 10px !important;
    margin: 8px !important;
    border-radius: 30px;
    box-shadow: 5px 5px 5px #e9e9f0, -5px -5px 5px #ffffff;
}
.wp-pagenavi a{
	color: #ED5595;
}
.wp-pagenavi a:hover{
	box-shadow: inset 5px 5px 3px #d3d3d9,
            inset -5px -5px 3px #ffffff;
}

/* wp-pagenaviスマホ対応 */
.wp-pagenavi {
width: 100%;
}
.wp-pagenavi a, .wp-pagenavi span {
display: inline-block;
}



.favo-mobile{
	text-align: center;
}
.favo-mobile p{
	font-size: 26px;
	text-decoration: underline;
}


/* footer */
footer{
	width: 100%;
	height: auto;
	background-color: white;
	box-shadow: 0px 1px 6px #01284B34;
}
.foot-w{
	margin: 0 auto;
	width: 1200px;
	height: auto;
}
.footlogo{
	margin: 0;
    padding-top: 20px;
    text-align: center;
    font-size: 36px;
}
.foot-title{
	margin: 0;
    text-align: center;
    font-weight: bold;
}
.foot-icon{
	width: 100%;
	display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
}
.foot-twi{
	display: block;
	margin: 0 10px 0 10px;
    font-size: 20px;
    width: 50px;
    height: 50px;
    background-color: white;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    color: #1698EC;
    border: 1px solid #1698EC;
    box-shadow: 0px 1px 6px #1698ec34;
}
.foot-rss{
	display: block;
	margin: 0 10px 0 10px;
    font-size: 20px;
    width: 50px;
    height: 50px;
    background-color: white;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    color: #EC7431;
    border: 1px solid #EC7431;
    box-shadow: 0px 1px 6px #EC743133;
}
.foot-link{
	text-align: center;
}
.foot-links{
	font-weight: bold;
	margin: 0 5px 0 5px;
}
small{
	width: 100%;
    display: block;
	text-align: center;
	padding: 10px 0 10px 0;
}



/*---------- single.php ----------*/
/* info-box */
.account-info-b{
	position: relative;
/* 	z-index: -1; */
	margin: 0 auto;
	margin-top: 150px;
	box-shadow: 0px 1px 6px #FF688833;
	width: 850px;
	height: auto;
	background-color: white;
	border-radius: 10px;
	padding-bottom: 20px;
}
.add-favo{
	position: absolute;
	top: -100px;
    right: 138px;
	border-radius: 50%;
	box-shadow: 0px 3px 6px #01284B1A;
	text-align: center;
	font-size: 30px;
	display: block;
	width: 70px;
	height: 70px;
	background-color: white;
	cursor: pointer;
}
.add-favo i{
	line-height: 70px;
}
.simplefavorite-button.active{
	opacity: 1 !important;
}
.content-official{
	color: var(--twitter);
}
.content-break{
	width: 100%;
    height: 128px;
}
.post-thmimg img{
	position: absolute;
	top: 0;
    left: 20%;
    transform: translate(50%, -50%);
	margin: 0 auto;
	width: 250px;
	height: 250px;
	border-radius: 50%;
	padding: 3px;
    background: linear-gradient(
225deg
, rgba(196,46,146,1) 0%, rgba(250,159,76,1) 100%);
}
.display-name{
	text-align: center;
	margin-bottom: 6px;
	font-size: 26px;
}
.insta-id{
	text-align: center;
	margin: 0;
	font-size: 18px;
}
.content-border{
	width: 70%;
	border-top: 1px solid #FF68884D;
}
.sns-box{
	display: flex;
    justify-content: center;
    align-items: center;
}
.post-sns-link{
	margin: 4px 8px 10px 8px;
	width: 46px;
    height: 46px;
    line-height: 46px;
    background-color: white;
    display: block;
    text-align: center;
    font-size: 16px;
    border-radius: 50%;
}
.post-insta-link{
    border: #e1306c solid 3px;
    color: #e1306c;
    box-shadow: 0px 1px 6px rgba(225,   47,   106,0.3);
}
.post-twi-link{
	border: #000000 solid 3px;
	color: #000000;
	box-shadow: 0px 1px 6px rgba(29, 161, 243,0.3);
}
.post-tiktok-link{
	border: #FE2C55 solid 3px;
	color: #FE2C55;
	box-shadow: 0px 1px 6px rgba(255, 43, 85,0.3);
}
.post-youtube-link{
	border: #DA1725 solid 3px;
	color: #DA1725;
	box-shadow: 0px 1px 6px rgba(217, 25, 37,0.3);
}
.post-twitch-link{
	border: #6441a5 solid 3px;
	color: #6441a5;
	box-shadow: 0px 1px 6px rgba(100, 65, 166,0.3);
}
.post-face-link{
	border: #1877f2 solid 3px;
	color: #1877f2;
	box-shadow: 0px 1px 6px rgba(24, 119, 243, 0.3);
}
.post-line-link{
	border: #00B900 solid 3px;
	color: #00B900;
	box-shadow: 0px 1px 6px rgba(0, 186, 0, 0.3);
}
.post-weibo-link{
	border: #F79431 solid 3px;
	color: #F79431;
	box-shadow: 0px 1px 6px rgba(248, 149, 50, 0.3);
}
.fanlink-box{
	margin-top: 10px;
	width: 100%;
	display: flex;
    align-items: center;
    justify-content: center;
}
.fanlink-box img{
	width: 150px;
	height: auto;
}

.posttime{
	float: right;
	font-size: 10px;
	font-weight: bold;
	padding-right: 20px;
	color: #FFC3CF;
}
.posttime span{
	color: var(--blue-color);
}


.prbox{
	display: flex;
	width: 850px;
	height: 150px;
	margin: 0 auto;
	margin-bottom: 10px;
	background: white;
	border-radius: 10px;
	box-shadow: 0px 1px 6px #ff688833;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	overflow: scroll;
}


/* tag list */
.tag-link{
	width: 850px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}
.tag-link a{
	margin-right: 10px;
	text-decoration: none;
	background: white;
    padding: 4px 20px;
    border-radius: 10px;
    box-shadow: 0px 1px 6px #FF688833;
	color: #01284B;
	font-weight: bold;
}

/* tab-box */
.content-tab{
	display: flex;
    align-items: center;
    justify-content: space-around;
	width: 70%;
    height: 60px;
    background: white;
    border-radius: 10px;
    margin-bottom: 20px !important;
    margin: 0 auto;
    box-shadow: 0px 1px 6px #ff688833;
}
.tab-item{
	cursor: pointer;
	padding: 10px 52px;
	color: #FFC3CF;
	opacity: 0;
	visibility: hidden;
	transition: 0.5s ease-in-out;
}
.tab-active{
	color: white !important;
	background: #FFC3CF;
    border-radius: 10px;
}
.tab-item,.tab-active{
	opacity: 1;
	visibility: visible;
}

/* post-content */
.post-content{
}
.content-space{
	display: none;
}
.photo-content,.meetup-content,.product-content{
	height: auto;
}
.show{
	display: block;
	margin: 0 auto;
	margin-bottom: 30px;
	border-radius: 10px;
	width: 850px;
	height: auto;
	background: white;
	box-shadow: 0px 1px 6px #ff688833;
}
.photo-content-tab-b{
	margin: 0 auto;
	width: 70%;
	height: 60px;
	display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.photo-content-tab{
	color: #FFC3CF;
    padding: 5px 40px;
    cursor: pointer;
	opacity: 0;
	visibility: hidden;
	transition: 0.5s ease-in-out;
}
.photo-content-tab,.pct-active{
	opacity: 1;
	visibility: visible;
}
.pct-active{
	color: white !important;
    background: #FFC3CF;
    padding: 5px 40px;
    border-radius: 10px;
}
.pv-space{
	display: none;
	margin: 0 30px;
}
.space-show{
	display: block;
}
.source-l{
	display: block !important;
	font-size: 16px;
	margin-left: 20px;
	margin-bottom: 20px;
	color: var(--blue-color);
}
.source-r{
	display: block !important;
	text-align: right;
	font-size: 16px;
	margin-right: 20px;
	padding-bottom: 20px;
	color: var(--blue-color);
}
cite{
	font-size: 10px;
	display: block;
	text-align: center;
	margin: 0 10px;
}
.cite{
	display: flex;
    justify-content: center;
}


.meetup-content{
	text-align: center
}
.place-icon{
	font-size: 40px;
	margin-top: 30px; 
}
.place-link{
	font-size: 24px;
}
.address{
	font-weight: bold;
}
.map-content{
	border-radius: 10px;
	margin-top: 10px;
    margin-bottom: 30px;
}

.product-content{
	
}
.product-content p{
	text-align: center;
	padding-top: 20px;
    font-size: 20px;
    font-weight: bold;
}
.product-content img{
	box-shadow: 0px 1px 6px #01284B33;
}
.product-list{
	display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.product-list-a{
	width: 96%;
    height: auto;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: stretch;
    flex-wrap: wrap;
}
.dmm-a{
	width: 46%;
}
.dmm-a-img{
	width: 100%;
}

.related-b{
	width: 850px;
    height: auto;
    margin: 0 auto;
    margin-bottom: 30px;
}
.related-b p:first-child{
	font-size: 20px;
}
.related-link{
	text-decoration: none;
	font-weight: bold;
    vertical-align: top;
}
.related-list{
	width: 100%;
    height: 150px;
    background: white;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 12px 0;
}
.related-item{
	display: flex;
    flex-direction: column;
    align-items: center;
    width: 200px;
}
.related-item img{
	width: 100px;
	height: 100px;
    border-radius: 50%;
    padding: 3px;
    background: linear-gradient( 
225deg
 , rgba(196,46,146,1) 0%, rgba(250,159,76,1) 100%);
}
.related-name{
	font-size: 12px;
}
.related-item span:last-child{
	font-size: 10px;
}

/*---------- page.php ----------*/
.page-content-w{
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 30px;
	width: 850px;
	height: auto;
	background: white;
	border-radius: 10px;
	display: flex;
    justify-content: center;
}
.page-content{
	width: 90%;
	height: auto;
	padding: 20px 0;
}
.page-title{
	margin: 10px 0 10px 0;
    margin-left: 25px;
    font-size: 40px;
    font-weight: bold;
}
.page-h2{
	font-weight: bold;
}

/*---------- favorites.php ----------*/
.favo-info{
	padding: 10px;
}
.favo-info p{
	font-size: 16px;
	text-align: center;
	   font-weight: bold;
}
.favorite-b{
	margin: 0 auto;
    margin-top: 20px;
    width: 850px;
    height: auto;
}
.favo-info{
	margin: 0 auto;
    width: 850px;
    height: auto;
    background-color: white;
    border-radius: 10px;
}
.favorites-list{
	display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: row;
    flex-wrap: wrap;
}
.favorites-list li{
	border: none !important;
}
.favorites-list img{
	margin-right: inherit !important;
	margin: 0 auto;
	border-radius: 50%;
    box-shadow: 0px 1px 6px #c92b8580;
    padding: 3px;
    background: linear-gradient( 
225deg
 , rgba(196,46,146,1) 0%, rgba(250,159,76,1) 100%);
 	margin-bottom: 0px;
}
.favorites-list p{
	text-align: center;
}
.favorites-list a{
	font-weight: bold;
    font-family: 'Abril Fatface', cursive;
    color: var(--main-color);
}

.favo-con{
	width: 20%;
	margin: 0 10px;
}

/* CONTACT */
.wpcf7-spinner{
	display: none !important;
}
.wpcf7-form{
	text-align: center;
}

/* ROBO */
.button{
	margin-bottom: 16px !important;
	margin-right: 18px !important;
	border-radius: 20px;
    font-weight: bold !important;
}
.button-flat-royal{
	background: var(--main-color) !important;
}
.rbs_gallery_button{
	text-align: center;
}


@media screen and (max-width:639px) {
/*スマホ用のcssを記述*/
	header{
		height: 80px;	
	}
	.logo-b{
		height: 80px;
		padding-left: 14px;
		display: flex;
	    flex-direction: column;
	    justify-content: center;
	}
	.logo{
		font-size: 26px;
	}
	.catch{
		font-size: 10px;
	}
	.menu-b{
		height: 80px;
		padding-right: 14px;
	}
	.head-icon {
    	font-size: 26px;
	}
	.content-w{
		width: 100%;
	}
	.content{
		width: 100%;
	}
	.pickup-b p{
		font-size: inherit;
		margin: 0 auto;
		width: 96%;
		margin-top: 6px;
		margin-bottom: 6px;
	}
	.pickup{
		width: 96%;
		height: 100px;
		overflow: scroll;
		display: flex;
	    flex-direction: row;
	    justify-content: flex-start;
	    align-items: center;
	}
	.pickup img{
		width: 76px;
		height: 76px;
		margin: 0 10px;
	}
	
	/* 	spmenu */
	.sp-menu{
	    width: 96%;
	    margin: 0 auto;
	    display: flex;
		justify-content: space-between;
	}
	.sm-title{
		margin-top: 6px;
		margin-bottom: 6px;	
	}
	.sm-value{
		margin: 0;
		background: white;
	    padding: 4px 18;
	    padding: 6px 20px;
	    border-radius: 10px;
	}
	.sm-category-form select{
		border: none;
		height: 34px;
	    padding: 4px 10px;
	    border-radius: 10px;
	    font-weight: bold;
	}
	.sm-category-form select:focus{
		outline: var(--main-color);
	}
		
	/* 	post */
	.post-b{
		width: 96%;
	}
	.new-b{
		right: 3px;
		top: 3px;
		width: 30px;
		height: 30px;
		font-size: 8px;
		line-height: 30px;
	}
	.post-link{
		width: 48%;
	}
	.post{
		width: 100%;
		height: 96%;
	}
	.article-id{
		font-size: 12px;
	}
	.post img{
		width: 100%;
		height: auto;
	}
	.post h2{
		font-size: 12px;
		height: 30px;
		line-height: 30px;
	}
	.post i {
    	font-size: 16px;
	}
	.article-icon{
		height: 30px;
	}
	
	.footlogo{
		padding-top: 10px;
	}
	.foot-w{
		width: 100%;
	}
	.footlogo{
		font-size: 30px;
	}
	.foot-title{
		font-size: 14px;
	}
	.foot-icon{
		height: 60px;
	}
	.foot-twi,.foot-rss{
		width: 40px;
		height: 40px;
		line-height: 40px !important;
		font-size: 16px;
	}
	.foot-links{
		font-size: 14px;
	}
	
	.modal__content{
		width: 70%;
	}
	.modal__content p{
		margin: 0 0 14px 0;
	}
	.search-input{
		width: 70%;
		font-size: 16px;
		height: 20px;
	}
	.search-submit{
		margin-left: 10px;
		width: 40px;
		height: 40px;
		font-size: 14px;
		line-height: 40px !important;
	}
	
	/* 	sp-single */
	.content-break{
		height: 95px;
	}
	.account-info-b{
		width: 96%;
		margin-top: 100px;
		padding-bottom: 10px;
	}
	
	.add-favo{
		width: 56px;
		height: 56px;
		font-size: 24px;
		right: 24px;
		top: -75px;
		line-height: 56px !important;
	}
	.add-favo i{
		line-height: 56px !important;
	}
	.post-thmimg img{
		width: 170px;
		height: 170px;
		transform: inherit;
		top: -30%;
		left: 0;
		right: 0;
		margin: auto;
	}
	.display-name{
		font-size: 20px;
	}
	.insta-id{
		font-size: 14px;
	}
	.post-sns-link{
		width: 28px;
		height: 28px;
		line-height: 28px !important;
		font-size: 12px;
	}
	.fanlink-box img{
		width: 100px;
	}
	.tag-link{
		width: 96%;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.tag-link a{
		font-size: 10px;
		padding: 4px 16px;
	}
	.content-tab{
		width: 96%;
		height: 42px;
		margin-bottom: 10px !important;
	}
	.tab-item{
		padding: 6px 12px;
		font-size: 14px;
	}
	.show{
		width: 96%;
		margin-bottom: 10px;
	}
	.photo-content-tab-b{
		width: 90%;
		height: 50px;
	}
	
	.place-icon{
		font-size: 30px;
		margin-top: 20px;
	}
	.place-link{
		font-size: 18px;
	}
	.address{
		font-size: 14px;
	}
	.map-content{
		width: 90%;
		height: 300px;
	}
	.product-content p{
		margin-top: 0;
	}
	.product-list{
		flex-wrap: wrap;
	}
	
	.cite {
    display: flex;
    justify-content: center;
    flex-direction: column;
	}
	
	.related-b{
		width: 96%;
	}
	.related-b p:first-child{
		font-size: inherit;
		width: 96%;
		margin: 0 auto;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.related-list{
		display: flex;
		align-items: center;
		justify-content: flex-start;
		overflow: scroll;
	}
	.related-item{
		width: 170px;
	}
	
	/* 	page */
	.page-content-w{
		width: 96%;
		margin-top: 0;
		margin-bottom: 20px;
	}
	.page-title{
		width: 96%;
		margin: 0 auto;
		font-size: 30px;
		padding: 10px 0;
	}
	.page-content{
		font-size: 12px;
	}
	.page-h2{
		margin: 0;
		font-size: 20px;
	}
	
	
	.title-b{
		font-size: 20px;
		width: 96%;
		margin: 0 auto;
		padding: 10px 0 0 0;
	}
	
	/* 	favorites */
	.favo-info{
		width: 90%;
	}
	.favo-info p{
		font-size: 10px;
	}
	.favorite-b{
		width: 96%;
	}
	.favorites-list{
		padding: 0;
		display: flex;
	    align-items: center;
	    justify-content: space-evenly;
	    flex-wrap: wrap;
	}
	
	
	.sidebar{
		display: none;
	}
	
	.button{
	margin-bottom: 4px !important;
	}
	
	
	.prbox{
		display: flex;
		width: 96%;
		height: 160px;
		margin: 0 auto;
		margin-bottom: 10px;
		background: white;
		border-radius: 10px;
		box-shadow: 0px 1px 6px #ff688833;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		overflow: scroll;
	}
	
	
}
   
@media only screen and (min-width:640px) and (max-width:1023px) {
/*tablet用のcssを記述*/
}
  
@media screen and (min-width:1024px) {
/*pc用のcssを記述*/
	.sp-menu{
		display: none;
	}
}