@charset "UTF-8";
ul, ol, li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
	a {
		color: #363636;
    text-decoration: none;
	}
a:hover {
    opacity: 0.8;
  }
a:link,a:hover,a:visited {
	color: #666;
}
div#n2-ss-5 .n2-font-506310b69861c43e57a7093cf84dc95b-hover {
	font-size: 160% !important;
}
.author {
	padding-top: 10px;
	border-top: 1px solid #666666;
	font-size: 14px;
	margin-bottom: 20px;
	margin-top: 20px;
}
.author_s {
	padding-top: 10px;
	font-size: 14px;
	margin-bottom: 20px;
	margin-top: 20px;
}
.author_photo_s {
border-radius: 50px;
width: 50px;
height: 50px;
float: left;
margin-right: 10px;
	overflow: hidden;
}
.author_name {
margin-top: 15px;
}
.author_photo {
border-radius: 50px;
width: 100px;
height: 100px;
float: left;
margin-right: 10px;
	overflow: hidden;
}
.author_photo img {
	width: 100%;
	height: auto;
}
.avatar-100 {
border-radius: 50px;
float: left;
margin-right: 10px;
}
.author_photo_s img {
	width: 100%;
	height: auto;
}
.tagicon {
    border: 1px solid #999;
    border-radius: 5vw;
    padding: 4px;
    margin: 2px;
    background-color: #fff;
    float: left;
}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
@media screen and (min-width: 768px) {
body {
    font-family: "Hiragino Kaku Gothic Pro",Meiryo,"Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #363636;
	font-size: 1rem;
	line-height: 1.75;
    margin: 0;
    padding: 0;
    word-break: break-all;
  }
  .smp {
    display: none;
  }
  img {
    vertical-align: bottom;
	  object-fit: contain;
  }
	
	h2 {
		font-size: 1.6rem;
	}
  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
	.clear {
		clear: both;
	}
	header {
    text-align: center;
    margin-top: 30px;
		margin-bottom: 30px;
	}
	main {
		width: 1040px;
		margin-left: auto;
		margin-right: auto;
	}
	.main {
		width: 720px;
		float: left;
	}
	.breadcrumb {
		font-size: 0.8rem;
		color: #666;
	}
	#topvisual {
		height: 632px;
	}
	#content {
		width: 720px;
		float: left;		
	}
	#sidebar {
		width: 300px;
		float: right;
	}
	#recommend {
		padding-bottom: 40px;
	}
	#recommend ul {
    list-style-type: none;
		margin: 0;
		padding: 0;
		display: flex;
justify-content: space-between;
		flex-wrap: wrap;
	}
	#recommend ul li {
    width: 50%;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 60px;
    padding-left: 0px;box-sizing: border-box;
		
	}
	#recommend ul li img {
		width: 100%;
		height: auto;
	}
	#recommend ul li .top_topics_title {
    font-weight: 600;
	}
	#recommend ul li .top_topics_title img {
    width: 40px;
    border-radius: 20px;
	margin-right: 10px;
margin-top: 5px;
	}
	#mainlist ul {
    list-style-type: none;
		margin: 0;
		padding: 0;
		display: flex;
justify-content: space-between;
		flex-wrap: wrap;
	}
	#mainlist ul li {
    width: 30%;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 40px;
    padding-left: 0px;box-sizing: border-box;
		font-size: 1rem;
		
	}
	#mainlist ul li img {
		width: 100%;
		height: auto;
	}
    
    
	.title_sub {
		float: right;
		font-size: 0.8rem;
		margin-top: 15px;
		margin-right: 10px;
		color: #999;
	}
	.newsmore_bt {
		text-align: center;
text-decoration: none;
color: #fff !important;
font-weight: 600;
background-color: #000;
width: 300px;
height: 60px;
margin-left: 204px;
padding-top: 16px;
float: left;
box-sizing: border-box;
display: block;
}
	
	
	#sidebar ul {
    list-style-type: none;
		margin: 0;
		padding: 0;
		display: flex;
justify-content: space-between;
		flex-wrap: wrap;
	}
	#sidebar .profilelist ul li {
    width: 140px;
    text-align: center;
    margin-bottom: 40px;
	}
	#sidebar .profilelist ul li img {
    width: 100%;
    border-radius: 70px;
	}
	#sidebar .profilelist ul li .profname {
		font-weight: 600;
		font-size: 1.2rem;
	}
	#sidebar .profilelist ul li .proftitle {
		font-weight: 600;
		font-size: 0.6rem;
		margin-top: 5px;
	}
	
	
	.ranking {
counter-reset: li;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
	.ranking li {
padding: 0px;
list-style-type: none !important;
list-style-image: none !important;
position: relative;
display: block;
margin-left: -19px !important;
margin-right: 0px;
		font-size: 0.8rem;
}
.ranking li {
clear: both;
list-style-type: none;
}

ol.ranking li:before {
counter-increment: number;
content: counter(number);
}
.ranking li:before {
float: left;
width: 1.5em;
height: 60px;
color: #fff;
text-align: center;
line-height: 1.5;
}
li.list10-count:after {
	counter-increment: li;
	content: counter(li) "";
	position: absolute;
	display: block;
	text-align: center;
	left: 19px;
	top: 0px;
	font-size: 14px;
	color: #fff;
	background-color: #FF9300;
	padding-left: 8px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
}
	.wpp-thumbnail {
display: inline;
float: left;
margin: 0 5px 0 0;
border: none;
}
	.author2 {
margin-bottom: 40px;
margin-top: 40px;
}
	#calendarblock dd {
		font-size: 0.8rem;
		margin-left: 0;
		clear: both;
margin-bottom: 10px;
	}
	
	
/*コンテンツページ*/
	.post-content h1.posttitle {
		font-size: 1.8rem;
		font-weight: 600;
		margin-bottom: 80px;
	}
	.post-content h2 {
    font-size: 1.4rem;
    font-weight: 400;
    border-bottom: 1px solid #000000;
		margin-top: 40px;
	}
	.post-content img {
		max-width: 720px;
		height: auto;
	}
	.page h2.posttitle {
		font-size: 1.4rem;
    font-weight: 600;
	}
	
	footer {
    background-color: #F6F6F6;
		padding-top: 10px;
		padding-bottom: 10px;
				clear: both;
	}
	footer .footer_block {
		width: 1040px;
		margin-left: auto;
		margin-right: auto;
		font-weight: 600;
		font-size: 1rem;
	}
	.copyright {
		width: 100%;
		text-align: center;
		font-size: 0.6rem;
	}
	.banner300 {
		width: 300px;
		float: left;
	}
}
@media screen and (max-width: 767px) {
  body {
    font-family: "Hiragino Kaku Gothic Pro",Meiryo,"Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #363636;
    margin: 0;
    padding: 0;
    font-size: 3.6vw;
	  line-height: 1.75;
    word-break: break-all;
  }
  .pc {
    display: none;
  }
	main {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
  img {
    vertical-align: bottom;
  }
  a:hover {
    opacity: 0.8;
  }
  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
	.breadcrumb {
		font-size: 3vw;
		color: #666;
	}
	h2 {
		font-size: 5vw;
		font-weight: 600;
	}
    h3 {
        margin-bottom: 0px !important;
    }
	#logo {
		width: 40%;
        margin-left: 10px;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	#logo img {
		width: 100%;
		height: auto;
	}
	.author2 {
margin-bottom: 40px;
margin-top: 40px;
}
	#recommend,#patiserie,#event {
        width: 98%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 40px;
    }
	#recommend ul,#patiserie ul,#event ul {
    list-style-type: none;
		margin: 0;
		padding: 0;
		display: flex;
justify-content: space-between;
		flex-wrap: wrap;
	}
	#recommend ul li,#patiserie ul li,#event ul li {
    width: 50%;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 60px;
    padding-left: 5px;
        box-sizing: border-box;
		
	}
	#recommend ul li img,#patiserie ul li img,#event ul li img {
		width: 100%;
		height: auto;
	}
	#recommend ul li .top_topics_title {
    font-weight: 600;
	}
	#recommend ul li .top_topics_title img {
    width: 40px;
    border-radius: 20px;
	margin-right: 10px;
margin-top: 5px;
	}
	#mainlist {
        width: 98%;
        margin-left: auto;
        margin-right: auto;
    }
    #mainlist ul {
    list-style-type: none;
		margin: 0;
		padding: 0;
		display: flex;
justify-content: space-between;
		flex-wrap: wrap;
	}
	#mainlist ul li {
    width: 100%;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
        box-sizing: border-box;
	}
	#mainlist ul li img {
		width: 100%;
		height: auto;
	}
    #mainlist ul li .selectnews_photo {
        width: 30%;
        float: left;
    }
    #mainlist ul li .selectnews_title {
        width: 70%;
        float: left;
        padding-left: 10px;
        box-sizing: border-box;
    }
	.title_sub {
		font-size: 3vw;
		margin-right: 10px;
		color: #999;
	}
	.newsmore_bt {
		text-align: center;
text-decoration: none;
color: #fff !important;
font-weight: 600;
background-color: #000;
width: 200px;
margin-left: auto;
		margin-right: auto;
padding-top: 16px;
		padding-bottom: 16px;
box-sizing: border-box;
display: block;
}
	
/*サイドバー*/	
	#sidebar .profilelist ul li {
    width: 45%;
    text-align: center;
    margin-bottom: 40px;
		margin-left: 2%;
		margin-right: 2%;
		float: left;
	}
	#sidebar .profilelist ul li img {
    width: 100%;
    border-radius: 50%;
	}
	#sidebar .profilelist ul li .profname {
		font-weight: 600;
		font-size: 1.2rem;
	}
	#sidebar .profilelist ul li .proftitle {
		font-weight: 600;
		font-size: 0.6rem;
		margin-top: 5px;
	}
	
	
	#ranking {
		clear: both;
	}
	.ranking {
counter-reset: li;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
	.ranking li {
padding: 0px;
list-style-type: none !important;
list-style-image: none !important;
position: relative;
display: block;
margin-left: -19px !important;
margin-right: 0px;
		font-size: 0.8rem;
}
.ranking li {
clear: both;
list-style-type: none;
}

ol.ranking li:before {
counter-increment: number;
content: counter(number);
}
.ranking li:before {
float: left;
width: 1.5em;
height: 60px;
color: #fff;
text-align: center;
line-height: 1.5;
}
li.list10-count:after {
	counter-increment: li;
	content: counter(li) "";
	position: absolute;
	display: block;
	text-align: center;
	left: 19px;
	top: 0px;
	font-size: 14px;
	color: #fff;
	background-color: #FF9300;
	padding-left: 8px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
}
	.wpp-thumbnail {
display: inline;
float: left;
margin: 0 5px 0 0;
border: none;
}
	.author2 {
margin-bottom: 40px;
margin-top: 40px;
}
	#calendarblock dd {
		font-size: 0.8rem;
		margin-left: 0;
		clear: both;
margin-bottom: 10px;
	}
	.banner {
		clear: both;
	}
/*コンテンツページ*/
	.post-content {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .post-content h1.posttitle {
		font-size: 5vw;
		font-weight: 600;
		margin-bottom: 30px;
         width: 98%;
        margin-left: auto;
        margin-right: auto;
	}
	.post-content h2 {
    font-size: 5vw;
        line-height: 140%;
    font-weight: 600;
    border-left: 5px solid #666;
		margin-top: 40px;
        padding-left: 10px;
	}
	.post-content img {
		max-width: 100%;
		height: auto;
	}
	.page h2.posttitle {
		font-size: 4vw;
    font-weight: 600;
	}
    .relation_more {
        background-color: #f9f9f9;
        padding: 10px;
    }
    .shopinfo {
    border: 1px solid #ccc;
        margin: 5px;
        padding: 5px;
    }
    .shopinfo .name {
    font-size: 4.5vw;
    font-weight: 600;
    color: #2984FF;
    }
    .shopinfo dl dt {
        float: left;
        clear: both;
        width: 20vw;
        font-weight: 600;
    }
    .shopinfo dl dd {
        float: left;
        margin: 0;
       width : -webkit-calc(100% - 20vw) ;
   width : calc(100% - 20vw) ;
    }
    .entry {
        width: 98%;
        margin-left: auto;
        margin-right: auto;
    }
    #sidebar {
        width: 98%;
        margin-left: auto;
        margin-right: auto;
    }
    .footer_menu {
        background-color: #f9f9f9;
        padding: 10px;
    }
    .footer_menu ul {
        display: flex;
        flex-wrap: wrap;
    }
    .footer_menu ul li {
    background-color: #fff;
    border: 1px solid #ccc;
        margin: 1%;
        padding: 5px;
        width: 48%;
        box-sizing: border-box;
        font-weight: 600;
    }
    .footer_menu ul li a {
        display: block;
    }
	footer {
        color: #fff;
    background-color: #666666;
		padding: 10px;
				clear: both;
	}
    footer a {
		color: #fff;
    text-decoration: none;
	}
footer a:hover {
    opacity: 0.8;
  }
footer a:link,footer a:hover,footer a:visited {
	color: #fff;
}
}