/*
Theme Name: vingtnail ver.2
Description:vingt nail responsive
Theme URI: vingtnail.boy.jp
Author: t.kuwahara
Author URI: www.rule.co.jp
Version: 2.0
License: RULE inc.
License URI: www.rule.co.jp
*/

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html,
body {
  font-size: 85%; }

body {
  color: #000;
  padding: 0;
  margin: 0;
  font-family: "Osaka－等幅","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  position: relative; }




/* Original Style */

hr.line {
width:100%;
height:18px;
border:none;
background:url("https://vingtnail.mom/wp-content/uploads/2016/03/vingtnail_line_naname.png") repeat-x;
clear:both;
margin:0 0 40px 0;
}


/* toggle navi */

/* 基本リンク色 */
.globNav-row a {color:#ffffff;text-decoration:none;}
.globNav-row a:link {color:#ffffff;text-decoration:none;}
.globNav-row a:visited {color:#ffffff;text-decoration:none;}
.globNav-row a:hover {color:#368fa7;text-decoration:none;}
.globNav-row a:active {color:#368fa7;text-decoration:none;}

.globNav-row {
width: 100%;
margin:0 auto;
padding:0px;
display: table;
text-align:center;
}

.globNav-row ul {
width: 100%;
list-style:none;
margin:0 auto;
padding:10px 0px;
}

.globNav-row li {
margin:0px 0px 0px 0px;
padding:0px 0px 7px 0px;
float: right;
list-style:none;
letter-spacing:1.2px;
width:10%;
}

.globNav-row a{
 display: table-cell;
 vertical-align: middle;
 text-align: center;
}

.globNav-row a {
	display:block;
	width:100%;
	height:100%;
	background-position: 0 0;
	font-size: 95%;
	font-weight:bold;
	color: #ffffff;
	text-decoration: none;
	padding-top: 16px;
}

.globNav-toggle { display: none;}
.globNav-inner { overflow: hidden;}
.globNav-inner li { float: left;}

@media only screen and (max-width: 480px){
.globNav-toggle {
display: block;
margin-bottom:20px;
}

.globNav-inner ul {
width: 100%;
margin:0;
padding:0;
border-top:1px #8ed4e6 solid;
}

.globNav-inner li {
width: 100%;
margin:0;
padding:0;
border-bottom:1px #8ed4e6 solid;
border-width:0px 0px 1px 0px;
font-size:95%;
font-weight:normal;
display:block;
list-style:none;
}

.globNav-inner li a {
margin:0;
padding:10px 0px 10px 0px;
text-decoration:none;
list-style:none;
}

.globNav-inner {
display: none;
}

.globNav-inner li {
float: none;
}
}

@media only screen and (min-width: 481px){
.globNav-inner{ display: block!important;}
}




/* WP-pagenavi */

.wp-pagenavi a, .wp-pagenavi span {
    color:#999;
    background-color:#FFF;
    border:solid 1px #999;
    padding: 8px 15px;
    margin:0 2px;
    white-space: nowrap;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.wp-pagenavi a:hover{
    color:#FFF;
    background-color:#999;
    border-color:#999;
    }
.wp-pagenavi span.current{
    color:#FFF;
    background-color:#333;
    border-color:#333;
    font-weight: bold;
    }






/* all */

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.clear {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

hr {
	clear:both;
	border-bottom:1px dotted #dddddd;
	padding:20px 0px 0px 0px;
	margin:0;
	width:100%;
}


.star {
padding:0px 0px 0px 20px;
background:url("https://vingtnail.mom/wp-content/uploads/2016/01/vingtnail_icon_star_16.png") no-repeat 0px 0px;
}


.newswbox {
	width:100%;
	height:auto;
	margin:0px 0px 0px 0px;
	padding:30px 30px 30px 30px;
	background:#ffffff;
}

.newswbox2 {
	width:100%;
	height:auto;
	margin:0px 0px 30px 0px;
	padding:30px 20px 30px 20px;
	background:#ffffff;
}

.newswbox_design {
	width:100%;
	height:auto;
	margin:0px 0px 30px 0px;
	padding:0px 20px 30px 20px;
	background:#ffffff;
}

@media screen and (max-width: 640px) {
.newswbox {
	overflow:auto;
	width:100%;
	height:400px;
	margin:0px 0px 30px 0px;
	padding:30px 30px 30px 30px;
	background:#ffffff;
}
}



/* 基本リンク色 */
a {color:#368fa7;text-decoration:none;}
a:link {color:#368fa7;text-decoration:none;}
a:visited {color:#368fa7;text-decoration:none;}
a:hover {color:#00000;text-decoration:underline;}
a:active {color:#00000;text-decoration:underline;}



.cattitle {
	margin:0 0 10px 0;
	font-size:100%;
	letter-spacing:1px;
	color:#368fa7;
}


/* nail gallery */

#nailgallery {
	font-size:100%;
    	margin: 0px 0px 10px 0px;
    	padding: 0px 0px 0px 0px;
	width: 100%;
	height: auto;
	border-top:0px #3e3a39 solid;
}

#nailgallery ul {
	margin:0;
	padding: 0px 0px 0px 0px;
}

#nailgallery li {
	float:left;
	width:23%;
	height:auto;
	margin:0px 10px 30px 0px;
	padding: 0px 0px 5px 0px;
	border:1px #eeeeee solid;
	list-style:none;
	overflow:hidden;
}
#nailgallery li:nth-child(4n+1) {

	float:left;
}

#nailgallery p {
	margin:0 0 0px 0;
	padding:5px 0 0 5px;
	font-size:90%;
	line-height:140%;
}

/* ▼ ONZE ▼ */
#nailgallery li:after {
	content:"";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

#nailgallery li a {
	margin:0;
	padding:0;
	text-decoration:none;
	display:block;
	list-style:none;
	color:#000000;
}

#nailgallery li a:hover {
	color:#39b7d7;
}

#nailgallery .imgwrap {
	width:100px;
	height:100px;
	overflow:hidden;
	display:inline-block;
	float:left; margin:0 12px 0 0;
}

#nailgallery img {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	vertical-align:top;
}
#nailgallery li p .color_list{
	float: right;
	display: inline-block;
	position: relative;
	margin-top: -17px;
	margin-right: 5px;
}

#nailgallery li p .color_list span{
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	margin-right: 2px;
}
#nailgallery li p .color_list span a.nail_color{
	display: block;
	width: 100%;
	height: 100%;
	content:"";
}


#nailgallery li p .color_list span.winter-event,#nailgallery li p .color_list span.air-brush,#nailgallery li p .color_list span.gradation,#nailgallery li p .color_list span.french,#nailgallery li p .color_list span.bridal,#nailgallery li p .color_list span.marble,#nailgallery li p .color_list span.one-color,#nailgallery li p .color_list span.nail-design-type,#nailgallery li p .color_list span[class^="2015"],#nailgallery li p .color_list span.nail-tip-hand,#nailgallery li p .color_list span.nail-tip-foot{display: none;}

#nailgallery li p .color_list span.ffffff{border: 1px solid #ccc;}

/* ▲ ONZE ▲ */


@media screen and (max-width: 640px) {
#nailgallery li {
	float:left;
	width:30%;
	height:auto;
	line-height:1.6;
	margin:0px 10px 10px 0px;
	padding: 5px 5px 5px 5px;
	border:1px #eeeeee solid;
	list-style:none;
	overflow:hidden;
}

#nailgallery p {
	margin:0 0 0px 0;
	padding:0 0 0 5px;
	font-size:70%;
}


#nailgallery li p .color_list{
	margin-top: -25px;
	margin-right: 0px;
}

#nailgallery li p .color_list span{
	width: 10px;
	height: 10px;
    margin-top: 0;
	margin-right: 2px;
}


}




/* TIPギャラリー */

#nailgallerytip {
	font-size:100%;
    	margin: 0px 0px 10px 0px;
    	padding: 0px 0px 0px 0px;
	width: 100%;
	height: auto;
	border-top:0px #3e3a39 solid;
}

#nailgallerytip ul {
	margin:0;
	padding: 0px 0px 0px 0px;
}

#nailgallerytip li {
	float:left;
	width:23%;
	height:auto;
	margin:0px 10px 30px 0px;
	padding: 0px 0px 0px 0px;
	border:1px #eeeeee solid;
	list-style:none;
	overflow:hidden;
}

#nailgallerytip li:nth-child(4n + 1) {clear:both;}

#nailgallerytip p {
	margin:0 0 0px 0;
	padding:5px 0 0 5px;
	font-size:90%;
	line-height:140%;
}

/* ▼ ONZE ▼ */
#nailgallerytip li:after {
	content:"";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

#nailgallerytip li a {
	margin:0;
	padding:0;
	text-decoration:none;
	display:block;
	list-style:none;
	color:#000000;
}

#nailgallerytip li a:hover {
	color:#39b7d7;
}

#nailgallerytip .imgwrap {
	width:100px;
	height:100px;
	overflow:hidden;
	display:inline-block;
	float:left; margin:0 12px 0 0;
}

#nailgallerytip img {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	vertical-align:top;
}


/* ▲ ONZE ▲ */


@media screen and (max-width: 640px) {
#nailgallerytip li {
	float:left;
	width:30%;
	height:auto;
	line-height:1.6;
	margin:0px 10px 10px 0px;
	padding: 5px 5px 5px 5px;
	border:1px #eeeeee solid;
	list-style:none;
	overflow:hidden;
}

#nailgallerytip li:nth-child(3n + 1) {clear:none;}
#nailgallerytip li:nth-child(4n + 1) {clear:none;}

#nailgallerytip p {
	margin:0 0 0px 0;
	padding:0 0 0 5px;
	font-size:70%;
}
}







/* nail gallery タグ名 */
.tagname ul{
border:0px;
padding:0px;
list-style:none;
}

.tagname li {
float:left;
margin:0 10px 0 0;
padding:2px 5px 2px 5px;
font-size:85%;
}

.tagb {
border:1px solid #eeeeee;
}

.borderbox {
border:1px solid #eeeeee;
padding:3px 10px 3px 10px;
}



.tagname .color_list{
	display:block;
	position: relative;
}

.tagname .color_list span{
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 2px;
}
.tagname .color_list span a.nail_color{
	display: block;
	width: 100%;
	height: 100%;
	content:"";
}


.tagname .color_list span.winter-event,.tagname .color_list span.air-brush,.tagname .color_list span.gradation,.tagname .color_list span.french,.tagname .color_list span.bridal,.tagname .color_list span.marble,.tagname .color_list span.one-color,.tagname .color_list span.nail-design-type,.tagname .color_list span[class^="2015"],.tagname .color_list span.nail-tip-hand,.tagname .color_list span.nail-tip-foot{display: none;}

.tagname .color_list span.ffffff{border: 1px solid #ccc;}


/* responsive */

@media screen and (max-width: 640px) {
	.display-sp {
		display:inherit !important;
	}
	.display-tablet {
		display:none !important;
	}
	.display-pc {
		display:none !important;
	}
}

@media (min-width: 641px) and (max-width: 929px) {
	.display-sp {
		display:none !important;
	}
	.display-tablet {
		display:inherit !important;
	}
	.display-pc {
		display:none !important;
	}
}

@media screen and (min-width: 930px) {
	.display-sp {
		display:none !important;
	}
	.display-tablet {
		display:none !important;
	}
	.display-pc {
		display:inherit !important;
	}
}



.pcnone {
  display: none; }
  @media (max-width: 480px) {
    .pcnone {
      display: block; } }

.spnone {
  display: block; }
  @media (max-width: 480px) {
    .spnone {
      display: none; } }


      

/* page */

.bk_white {
	margin:0px;
	padding:0px;
	background:#ffffff;
}

.pagetitle {
	background:#000000;
	padding:8px 10px 10px 20px;
	margin:0px;
}

.pagetitle h2 {
	color:#ffffff;
	letter-spacing:1px;
	text-align:center;
}



.pagesubtitle {
	background:#f0ede6;
	padding:1px 10px 4px 20px;
	margin:0px;
}

.pagesubtitle h3 {
	color:#000000;
	letter-spacing:1px;
	text-align:center;
	font-size:90%;
}






/* staff */

.authors h4 {text-align:center; margin:0 auto 24px;}
.author-profile {
	font-size:100%;
    	margin: 0px 0px 10px 0px;
    	padding: 0px 0px 0px 0px;
	width: 100%;
	height: auto;
}

.author-profile ul {
	margin:0;
	padding: 0px 0px 0px 0px;
}

.author-profile li {
	float:left;
	width:47%;
	height:auto;
	line-height:140%;
	margin:0px 27px 30px 0px;
	padding: 0px 0px 0px 0px;
	border-top:2px #46bede solid;
	border-left:1px #eeeeee solid;
	border-right:1px #eeeeee solid;
	border-bottom:1px #eeeeee solid;
	list-style:none;
}

.author-profile li p {
	padding:10px 10px 10px 10px
}

.author-profile img {
	vertical-align:top;
}

.author_button {
	margin:0px;
	padding:0px;
	width:100%;
}

.author_button_left {
	width:30%;
	margin:0px;
	padding:5px 0px 5px 0px;
	position:relative;
	bottom:0px;
	background:#b7ddd7;
	float:left;
	text-align:center;
	border-top-right-radius: 0px;
   	border-top-left-radius: 5px;
	border-bottom-right-radius: 0px;
   	border-bottom-left-radius: 5px;

   	/* Safari,Chrome */
   	-webkit-top-bottom-right-radius: 0px;
   	-webkit-top-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 0px;
   	-webkit-border-bottom-left-radius: 5px;

   	/* Firefox */
   	-moz-border-radius-topright: 0px;
   	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomright: 0px;
   	-moz-border-radius-bottomleft: 5px;
}

.author_button_right {
	width:30%;
	margin:0px;
	padding:5px 0px 5px 0px;
	position:relative;
	bottom:0px;
	background:#f19aab;
	float:left;
	text-align:center;
	border-top-right-radius: 5px;
   	border-top-left-radius: 0px;
	border-bottom-right-radius: 5px;
   	border-bottom-left-radius: 0px;

   	/* Safari,Chrome */
   	-webkit-top-bottom-right-radius: 5px;
   	-webkit-top-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 5px;
   	-webkit-border-bottom-left-radius: 0px;

   	/* Firefox */
   	-moz-border-radius-topright: 5px;
   	-moz-border-radius-topleft: 0px;
	-moz-border-radius-bottomright: 5px;
   	-moz-border-radius-bottomleft: 0px;
}

.author_button a {
	margin:0px 0px 0px 0px;
	padding:10px 20px 10px 20px;
	color:#ffffff;
	font-weight:bold;
	font-size:90%;
}

.author_button a:hover {
	color:#ffffff;
	text-decoration:underline;
}





@media screen and (max-width: 929px) {
.author-profile li {
	float:left;
	width:100%;
	height:auto;
	line-height:1.6;
	margin:0px 10px 30px 0px;
	padding: 0px 0px 0px 0px;
	border-top:2px #46bede solid;
	border-left:1px #eeeeee solid;
	border-right:1px #eeeeee solid;
	border-bottom:1px #eeeeee solid;
	list-style:none;
}
}



.author-single {
	border-top:2px solid #46bede;
	margin:0px;
	padding:0px;
}

.author-single .single_left{
	float:left;
	width:20%;
}

.author-single .single_right{
	float:right;
	width:80%;
}

.author-single h3 {
	font-size:110%;
	margin:0px 0px 15px 0px;
	padding:0px;
	letter-spacing:1px;
}

.author-single p {
	font-size:90%;
	margin:10px 0px 0px 0px;
	padding:0px;
	letter-spacing:1px;
}

@media screen and (max-width: 480px) {
.author-single .single_left{
	float:left;
	width:37%;
}

.author-single .single_right{
	float:right;
	width:63%;
}
}




/* reservelist */

.reservelist {
	margin:0px;
	padding:0px;
}

.reservelist ul {
	margin:0px;
	padding:0px;
	list-style:none;
	clear:both;
}

.reservelist li {
	margin:0px 5px 0px 0px;
	padding:0px;
	list-style:none;
	float:left;
}

.reservelist li a {
	font-size:90%;
	font-weight:normal;
	text-align:center;
	margin:0px 0px 0px 0px;
	padding:5px 20px 5px 20px;
	color:#ffffff;
	font-weight:bold;
}

.reservelist li a:hover {
	color:#ffffff;
	font-weight:bold;
	background:#dddddd;
	text-decoration:none;
	border-top-right-radius: 8px;
   	border-top-left-radius: 8px;
	border-bottom-right-radius: 8px;
   	border-bottom-left-radius: 8px;

   	/* Safari,Chrome */
   	-webkit-top-bottom-right-radius: 8x;
   	-webkit-top-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
   	-webkit-border-bottom-left-radius: 8px;

   	/* Firefox */
   	-moz-border-radius-topright: 8px;
   	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomright: 8px;
   	-moz-border-radius-bottomleft: 8px;
}

.reservelist .pink {
	background:#f19aab;
	border-top-right-radius: 8px;
   	border-top-left-radius: 8px;
	border-bottom-right-radius: 8px;
   	border-bottom-left-radius: 8px;

   	/* Safari,Chrome */
   	-webkit-top-bottom-right-radius: 8x;
   	-webkit-top-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
   	-webkit-border-bottom-left-radius: 8px;

   	/* Firefox */
   	-moz-border-radius-topright: 8px;
   	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomright: 8px;
   	-moz-border-radius-bottomleft: 8px;
}

.reservelist .blue {
	background:#b7ddd7;
	border-top-right-radius: 8px;
   	border-top-left-radius: 8px;
	border-bottom-right-radius: 8px;
   	border-bottom-left-radius: 8px;

   	/* Safari,Chrome */
   	-webkit-top-bottom-right-radius: 8x;
   	-webkit-top-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
   	-webkit-border-bottom-left-radius: 8px;

   	/* Firefox */
   	-moz-border-radius-topright: 8px;
   	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomright: 8px;
   	-moz-border-radius-bottomleft: 8px;
}









/* snslist */

.snslist {
	margin:0px;
	padding:0px;
}

.snslist ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

.snslist li {
	margin:0px 5px 0px 0px;
	padding:0px;
	list-style:none;
	float:left;
}






/* title */

.h3title {
	font-size:100%;
	color:#39b7d7;
}

.h3title_pink {
	font-size:100%;
	color:#f65a83;
}

.h3title_purple {
	font-size:100%;
	color:#CC3EED;
}

.important {
	color:#39b7d7;
}

.important_pink {
	color:#F56DBD;
}

.important_orange {
	color:#f39800;
}

.important_purple {
	color:#CC3EED;
}



/* newslist */

.newslist {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.newslist ul{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
clear:both;
}

.newslist li{
margin:0px 0px 30px 0px;
padding: 0px 0px 20px 0px;
border-bottom:1px #eeeeee solid;
font-size:90%;
font-weight:normal;
display:block;
list-style:none;
}

.newslist li:after {
content:"";
display:block;
clear:both;
}

.newslist h2{
margin:0px 0px 15px 0px;
padding: 0px 0px 0px 0px;
}

.newslist img {
margin: 0px 20px 0px 0px;
padding: 0px 0px 0px 0px;
width:30%;
height:auto;
float:left;
}




/* rss */


#newsfeed {
	font-size:100%;
    margin: 0px 0px 10px 0px;
    padding: 0px 10px 0px 10px;
	width: 100%;
	height: auto;
	border:1px #eeeeee solid;
}

#newsfeed ul {
	margin:0;
	padding: 0px 0px 0px 0px;
	clear:both;
}

#newsfeed li {
	margin:0px 0px 10px 0px;
	padding: 0 0 20px 0;
	border-bottom:1px #eeeeee solid;
	font-size:90%;
	font-weight:normal;
	display:block;
	list-style:none;
}

/* ▼ ONZE ▼ */
#newsfeed li:after {
	content:"";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

#newsfeed li a {
	margin:0;
	padding:0;
	text-decoration:none;
	display:block;
	list-style:none;
	color:#39b7d7;
}

#newsfeed li a:hover {
	color:#333333;
}

#newsfeed .imgwrap {
	width:100px;
	height:100px;
	overflow:hidden;
	display:inline-block;
	float:left; margin:0 12px 0 0;
}

#newsfeed img {
	margin:0;
	padding:0;
	width:100px;
	height:auto;
}

#newsfeed h3 {
	margin:0 0 10px 0;
	padding:0;
	font-size:110%;
}
/* ▲ ONZE ▲ */

#newsfeed h3 a {
	color:#90c31f;
	line-height:140%;
}

#newsfeed h3 a:hover {
	color:#333333;
}

#newsfeed p {
	margin: 5px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
	font-size:85%;
}

.newsbox {
	width:100%;
	height:1000px;
	margin:0px 0px 0px 0px;
	padding:20px 0px 20px 20px;
	background:#ffffff;
}









#rssallfeed {
	font-size:100%;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
	width: 100%;
	height: auto;
	border-top:0px #3e3a39 solid;
}

#rssallfeed ul {
	margin:0;
	padding: 0px 0px 0px 0px;
}

#rssallfeed li {
	float:left;
	width:29%;
	height:400px;
	line-height:1.6;
	margin:0px 18px 15px 0px;
	padding: 10px;
	border:1px #3e3a39 solid;
	border-width:1px 1px 1px 1px;
	font-size:85%;
	font-weight:normal;
	list-style:none;
	overflow:hidden;
}


#rssallfeed li:after {
	content:"";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
#rssallfeed li a {
	margin:0;
	padding:0;
	text-decoration:none;
	display:block;
	list-style:none;
	color:#ffffff;
}
#rssallfeed li a.thumb {
	width: 250px;
	height: 200px;
	overflow: hidden;
}

#rssallfeed li a:hover {
	color:#666666;
}

#rssallfeed .imgwrap {
	width:100%;
	height:180px;
	overflow:hidden;
	display:inline-block;
	margin:0 12px 0 0;
	position:relative;
}

#rssallfeed .imgwrap img {
margin:0;
padding:0;
/*	-webkit-object-fit:fill;
	-moz-object-fit:fill;
	object-fit: fill;*/
max-height:180px;
width:auto;
display:inline-block;
}

#rssallfeed h3 {
	margin:0 0 10px 0;
	padding:0;
	font-size:100%;
}


#rssallfeed h3 a {
	color:#ffffff;
	line-height:140%;
}

#rssallfeed h3 a:hover {
	color:#666666;
}

#rssallfeed p {
	margin: 5px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
	font-size:75%;
}


@media (min-width: 641px) and (max-width: 929px) {

#rssallfeed li {
	float:left;
	width:28%;
	height:400px;
	margin:0px 12px 15px 0px;
	padding: 10px 10px 10px 10px;
	border:1px #3e3a39 solid;
	border-width:1px 1px 1px 1px;
	font-size:90%;
	font-weight:normal;
	list-style:none;
}
#rssallfeed li:after {
	content:"";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

#rssallfeed li a {
	margin:0;
	padding:0px 0px 0px 0px;
	text-decoration:none;
	display:block;
	list-style:none;
	color:#ffffff;
}

#rssallfeed li a.thumb {
	width: 250px;
	height: 200px;
	overflow: hidden;
}

#rssallfeed li a:hover {
	color:#666666;
}

#rssallfeed .imgwrap {
	width:100%;
	height:180px;
	overflow:hidden;
	display:inline-block;
	margin:0 12px 0 0;
	position:relative;
}

#rssallfeed .imgwrap img {
margin:0;
padding:0;
/*	-webkit-object-fit:fill;
	-moz-object-fit:fill;
	object-fit: fill;*/
max-height:180px;
width:auto;
display:inline-block;
}

#rssallfeed h3 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-size:100%;
}

#rssallfeed h3 a {
	color:#ffffff;
	line-height:140%;
}

#rssallfeed li a.thumb {
	width: 250px;
	height: 200px;
	overflow: hidden;
}

#rssallfeed h3 a:hover {
	color:#666666;
}

#rssallfeed p {
	margin: 5px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
	font-size:85%;
}
}


@media screen and (max-width: 640px) {

.newsbox {
	width:100%;
	height:300px;
	overflow:auto;
	margin:0px 0px 10px 0px;
	padding:20px 20px 20px 20px;
	background:#ffffff;
}

#rssallfeed {
	font-size:100%;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
	width: 100%;
	height: auto;
	border-top:0px #3e3a39 solid;
}

#rssallfeed ul {
	margin:0;
	padding: 0px 0px 0px 0px;
	clear:both;
}

#rssallfeed li {
	margin:0px 0px 15px 0px;
	padding: 10px 10px 10px 10px;
	border:1px #3e3a39 solid;
	border-width:1px 1px 1px 1px;
	font-size:85%;
	font-weight:normal;
	display:block;
	list-style:none;
	width: 100%;
	height:auto;
}

#rssallfeed li:after {
	content:"";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

#rssallfeed li a {
	margin:0;
	padding:0px 0px 0px 0px;
	text-decoration:none;
	display:block;
	list-style:none;
	color:#ffffff;
}

#rssallfeed li a:hover {
	color:#666666;
}

#rssallfeed .imgwrap {
	width:100%;
	height:180px;
	overflow:hidden;
	display:inline-block;
	margin:0 12px 0 0;
	position:relative;
}

#rssallfeed .imgwrap img {
margin:0;
padding:0;
/*	-webkit-object-fit:fill;
	-moz-object-fit:fill;
	object-fit: fill;*/
max-height:180px;
width:100%;
display:inline-block;
}

#rssallfeed h3 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-size:100%;
}

#rssallfeed h3 a {
	color:#ffffff;
	line-height:140%;
}

#rssallfeed h3 a:hover {
	color:#666666;
}

#rssallfeed p {
	margin: 5px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
	font-size:85%;
}
}





#rssfeed {
	font-size:100%;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
	width: 100%;
	height: auto;
	border-top:0px #eeeeee solid;
}

#rssfeed ul {
	margin:0;
	padding: 0px 0px 0px 0px;
}

#rssfeed li {
	float:left;
	width:31%;
	height:400px;
	margin:0px 20px 15px 0px;
	padding: 10px 10px 10px 10px;
	border:1px #eeeeee solid;
	border-width:1px 1px 1px 1px;
	font-size:90%;
	font-weight:normal;
	list-style:none;
}

/* 笆ｼ ONZE 笆ｼ */
#rssfeed li:after {
	content:"";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
#rssfeed li a {
	margin:0;
	padding:0;
	text-decoration:none;
	display:block;
	list-style:none;
	color:#39b7d7;
}

#rssfeed li a:hover {
	color:#333333;
}

#rssfeed .imgwrap {
	width:200px;
	height:200px;
	overflow:hidden;
	display:inline-block;
	float:left; margin:0 12px 0 0;
}

#rssfeed img {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}

#rssfeed h3 {
	margin:0 0 10px 0;
	padding:0;
	font-size:110%;
}
/* 笆ｲ ONZE 笆ｲ */

#rssfeed h3 a {
	color:#39b7d7;
	line-height:140%;
}

#rssfeed h3 a:hover {
	color:#333333;
}

#rssfeed p {
	margin: 5px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
	font-size:75%;
}


@media (min-width: 768px) and (max-width: 929px) {

#rssfeed li {
	float:left;
	width:31%;
	height:450px;
	margin:0px 15px 15px 0px;
	padding: 10px 10px 10px 10px;
	border:1px #eeeeee solid;
	border-width:1px 1px 1px 1px;
	font-size:90%;
	font-weight:normal;
	list-style:none;
}
#rssfeed li:after {
	content:"";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

#rssfeed li a {
	margin:0;
	padding:0px 0px 0px 0px;
	text-decoration:none;
	display:block;
	list-style:none;
	color:#39b7d7;
}

#rssfeed li a:hover {
	color:#333333;
}

#rssfeed .imgwrap {
	width:200px;
	height:200px;
	overflow:hidden;
	display:inline-block;
	float:left;
	margin:0 12px 0 0;
}

#rssfeed img {
	margin:0;
	padding:0;
	width:100%;
	height:auto;
}

#rssfeed h3 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-size:100%;
}

#rssfeed h3 a {
	color:#39b7d7;
	line-height:140%;
}

#rssfeed h3 a:hover {
	color:#333333;
}

#rssfeed p {
	margin: 5px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
	font-size:85%;
}
}

@media screen and (max-width: 767px) {

.newsbox {
	width:100%;
	height:400px;
	overflow:auto;
	margin:0px 0px 10px 0px;
	padding:20px 20px 20px 20px;
	background:#ffffff;
}

#rssfeed {
	font-size:100%;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
	width: 100%;
	height: auto;
	border-top:0px #eeeeee solid;
}

#rssfeed ul {
	margin:0;
	padding: 0px 0px 0px 0px;
	clear:both;
}

#rssfeed li {
	margin:0px 0px 15px 0px;
	padding: 10px 10px 10px 10px;
	border:1px #eeeeee solid;
	border-width:1px 1px 1px 1px;
	font-size:85%;
	font-weight:normal;
	display:block;
	list-style:none;
	width: 100%;
	height:auto;
}

#rssfeed li:after {
	content:"";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

#rssfeed li a {
	margin:0;
	padding:0px 0px 0px 0px;
	text-decoration:none;
	display:block;
	list-style:none;
	color:#39b7d7;
}

#rssfeed li a:hover {
	color:#333333;
}

#rssfeed .imgwrap {
	width:100px;
	height:100px;
	overflow:hidden;
	display:inline-block;
	float:left;
	margin:0 0px 0 0;
}

#rssfeed img {
	margin: 0px 10px 0px 0px;
	padding:0;
	width:100px;
	float:left;
	height:auto;
}

#rssfeed h3 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-size:100%;
}

#rssfeed h3 a {
	color:#39b7d7;
	line-height:140%;
}

#rssfeed h3 a:hover {
	color:#333333;
}

#rssfeed p {
	margin: 5px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
	font-size:85%;
}
}









#rsschipfeed {
	font-size:100%;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
	width: 100%;
	height: auto;
	border-top:0px #eeeeee solid;
}

#rsschipfeed ul {
	margin:0;
	padding: 0px 0px 0px 0px;
}

#rsschipfeed li {
	float:left;
	width: 18%;
	height:auto;
	margin:0px 18.5px 15px 0px;
	padding: 0px 0px 0px 0px;
	font-size:90%;
	font-weight:normal;
	list-style:none;
}


@media (min-width: 641px) and (max-width: 929px) {
	#rsschipfeed li {
	float:left;
	width: 14%;
	height:auto;
	margin:0px 19.5px 8px 0px;
	padding: 0px 0px 0px 0px;
	font-size:90%;
	font-weight:normal;
	list-style:none;
}
}


@media screen and (max-width: 479px) {
	#rsschipfeed li {
	float:left;
	width: 29%;
	height:auto;
	margin:0px 12.5px 5px 0px;
	padding: 0px 0px 0px 0px;
	font-size:90%;
	font-weight:normal;
	list-style:none;
}
}







#rssallfeed {
	font-size:100%;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
	width: 100%;
	height: auto;
	border-top:0px #eeeeee solid;
}

#rssallfeed ul {
	margin:0;
	padding: 0px 0px 0px 0px;
}

#rssallfeed li {
	float:left;
	width:31%;
	height:400px;
	margin:0px 20px 15px 0px;
	padding: 10px 10px 10px 10px;
	border:1px #eeeeee solid;
	border-width:1px 1px 1px 1px;
	font-size:90%;
	font-weight:normal;
	list-style:none;
}

/* ▼ ONZE ▼ */
#rssallfeed li:after {
	content:"";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
#rssallfeed li a {
	margin:0;
	padding:0;
	text-decoration:none;
	display:block;
	list-style:none;
	color:#39b7d7;
}

#rssallfeed li a:hover {
	color:#333333;
}

#rssallfeed .imgwrap {
	width:200px;
	height:200px;
	overflow:hidden;
	display:inline-block;
	float:left; margin:0 12px 0 0;
}

#rssallfeed img {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}

#rssallfeed h3 {
	margin:0 0 10px 0;
	padding:0;
	font-size:110%;
}
/* ▲ ONZE ▲ */

#rssallfeed h3 a {
	color:#39b7d7;
	line-height:140%;
}

#rssallfeed h3 a:hover {
	color:#333333;
}

#rssallfeed p {
	margin: 5px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
	font-size:75%;
}


@media (min-width: 641px) and (max-width: 929px) {

#rssallfeed li {
	float:left;
	width:31%;
	height:380px;
	margin:0px 15px 15px 0px;
	padding: 10px 10px 10px 10px;
	border:1px #eeeeee solid;
	border-width:1px 1px 1px 1px;
	font-size:90%;
	font-weight:normal;
	list-style:none;
}
#rssallfeed li:after {
	content:"";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

#rssallfeed li a {
	margin:0;
	padding:0px 0px 0px 0px;
	text-decoration:none;
	display:block;
	list-style:none;
	color:#39b7d7;
}

#rssallfeed li a:hover {
	color:#333333;
}

#rssallfeed .imgwrap {
	width:200px;
	height:200px;
	overflow:hidden;
	display:inline-block;
	float:left;
	margin:0 12px 0 0;
}

#rssallfeed img {
	margin:0;
	padding:0;
	width:100%;
	height:auto;
}

#rssallfeed h3 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-size:100%;
}

#rssallfeed h3 a {
	color:#39b7d7;
	line-height:140%;
}

#rssallfeed h3 a:hover {
	color:#333333;
}

#rssallfeed p {
	margin: 5px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
	font-size:85%;
}
}

@media screen and (max-width: 479px) {

.newsbox {
	width:100%;
	height:1000px;
	overflow:auto;
	margin:0px 0px 10px 0px;
	padding:20px 20px 20px 20px;
	background:#ffffff;
}

#rssallfeed {
	font-size:100%;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
	width: 100%;
	height: auto;
	border-top:0px #eeeeee solid;
}

#rssallfeed ul {
	margin:0;
	padding: 0px 0px 0px 0px;
	clear:both;
}

#rssallfeed li {
	margin:0px 0px 15px 0px;
	padding: 10px 10px 10px 10px;
	border:1px #eeeeee solid;
	border-width:1px 1px 1px 1px;
	font-size:85%;
	font-weight:normal;
	display:block;
	list-style:none;
	width: 100%;
	height:auto;
}

#rssallfeed li:after {
	content:"";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

#rssallfeed li a {
	margin:0;
	padding:0px 0px 0px 0px;
	text-decoration:none;
	display:block;
	list-style:none;
	color:#39b7d7;
}

#rssallfeed li a:hover {
	color:#333333;
}

#rssallfeed .imgwrap {
	width:100px;
	height:100px;
	overflow:hidden;
	display:inline-block;
	float:left;
	margin:0 0px 0 0;
}

#rssallfeed img {
	margin: 0px 10px 0px 0px;
	padding:0;
	width:100px;
	float:left;
	height:auto;
}

#rssallfeed h3 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-size:100%;
}

#rssallfeed h3 a {
	color:#39b7d7;
	line-height:140%;
}

#rssallfeed h3 a:hover {
	color:#333333;
}

#rssallfeed p {
	margin: 5px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
	font-size:85%;
}
}







#rssnewsfeed {
	font-size:100%;
    margin: 0px 0px 10px 0px;
    padding: 0px 10px 0px 10px;
	width: 100%;
	height: auto;
	border:1px #eeeeee solid;
}

#rssnewsfeed ul {
	margin:0;
	padding: 0px 0px 0px 0px;
	clear:both;
}

#rssnewsfeed li {
	margin:0px 0px 10px 0px;
	padding: 0 0 20px 0;
	border-bottom:1px #eeeeee solid;
	font-size:90%;
	font-weight:normal;
	display:block;
	list-style:none;
}

/* ▼ ONZE ▼ */
#rssnewsfeed li:after {
	content:"";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
#rssnewsfeed li a {
	margin:0;
	padding:0;
	text-decoration:none;
	display:block;
	list-style:none;
	color:#90c31f;
}

#rssnewsfeed li a:hover {
	color:#333333;
}

#rssnewsfeed .imgwrap {
	width:100px;
	height:100px;
	overflow:hidden;
	display:inline-block;
	float:left; margin:0 12px 0 0;
}

#rssnewsfeed img {
	margin:0;
	padding:0;
	width:100px;
	height:auto;
}

#rssnewsfeed h3 {
	margin:0 0 10px 0;
	padding:0;
	font-size:110%;
}
/* ▲ ONZE ▲ */

#rssnewsfeed h3 a {
	color:#90c31f;
	line-height:140%;
}

#rssnewsfeed h3 a:hover {
	color:#333333;
}

#rssnewsfeed p {
	margin: 5px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
	font-size:85%;
}





/* image */
.rimage {
	border-top-right-radius: 5px;
   	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
   	border-bottom-left-radius: 5px;

   	/* Safari,Chrome */
   	-webkit-top-bottom-right-radius: 5px;
   	-webkit-top-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
   	-webkit-border-bottom-left-radius: 5px;

   	/* Firefox */
   	-moz-border-radius-topright: 5px;
   	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomright: 5px;
   	-moz-border-radius-bottomleft: 5px;
}

.imgleft {
  float: left;
  margin:0px 10px 5px 0px;
  border:0px solid #fff;
}

.imgleft_b0 {
  float: left;
  margin:0px 15px 0px 0px;
}

.imgleft_0 {
  float: left;
  margin:0px 0px 0px 0px;
}

.imgright {
  float: right;
  margin:0px 10px 5px 0px;
  border:0px solid #fff;
}

.imgbottom {
	margin:0px 0px 10px 0px;
	padding:0;
}


/* nailstyleのリンク色 */
.nailstyle3 a {color:#ffffff;text-decoration:none;}
.nailstyle3 a:link {color:#ffffff;text-decoration:none;}
.nailstyle3 a:visited {color:#ffffff;text-decoration:none;}
.nailstyle3 a:hover {color:#ffffff;text-decoration:none;}
.nailstyle3 a:active {color:#ffffff;text-decoration:none;}

.nailstyle4 a {color:#ffffff;text-decoration:none;}
.nailstyle4 a:link {color:#ffffff;text-decoration:none;}
.nailstyle4 a:visited {color:#ffffff;text-decoration:none;}
.nailstyle4 a:hover {color:#ffffff;text-decoration:none;}
.nailstyle4 a:active {color:#ffffff;text-decoration:none;}


/* 2列*/
.nailstyle2 {
width:100%;
height:auto;
margin:0;
padding:0px;
}

.nailstyle2 ul {
list-style:none;
margin:0;
padding:0px 0px 0px 0px;
}

.nailstyle2 li {
width:50%;
list-style:none;
float:left;
margin:0px 0px 0px 0px;
padding:0;
display:block;
text-align:center;
font-weight:normal;
letter-spacing:1px;
position: relative;
}

.nailstyle2 img {
	vertical-align:top;
}






/* 3列*/
.nailstyle3 {
width:100%;
height:auto;
margin:0;
padding:0px;
}

.nailstyle3 ul {
list-style:none;
margin:0;
padding:0px 0px 0px 0px;
}

.nailstyle3 li {
width:33.3%;
list-style:none;
float:left;
margin:0px 0px 0px 0px;
padding:0;
display:block;
text-align:center;
font-weight:normal;
letter-spacing:1px;
position: relative;
}

.imgtitle {
position: absolute;
top: 0;
left: 0;
background:#39b7d7;
padding:3px 10px 3px 10px;
font-size:90%;
filter:alpha(opacity=70);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

.nailstyle3 img {
	vertical-align:top;
}




/* 4列*/
.nailstyle4 {
width:100%;
height:auto;
margin:0;
padding:0px;
}

.nailstyle4 ul {
list-style:none;
margin:0;
padding:0px 0px 0px 0px;
}

.nailstyle4 li {
width:25%;
list-style:none;
float:left;
margin:0px 0px 0px 0px;
padding:0;
display:block;
text-align:center;
font-weight:normal;
letter-spacing:1px;
position: relative;
}

.imgtitle2 {
position: absolute;
top: 0;
left: 0;
background:#f4667e;
padding:3px 10px 3px 10px;
font-size:90%;
filter:alpha(opacity=70);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

.nailstyle4 img {
	vertical-align:top;
}


.imgtitle3 {
position: absolute;
top: 0;
left: 0;
background:#A54CEA;
padding:3px 10px 3px 10px;
font-size:90%;
filter:alpha(opacity=70);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

.imgtitle4 {
position: absolute;
top: 0;
left: 0;
background:#68CC2C;
padding:3px 10px 3px 10px;
font-size:90%;
filter:alpha(opacity=70);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

.imgtitle5 {
position: absolute;
top: 0;
left: 0;
background:#f39800;
padding:3px 10px 3px 10px;
font-size:90%;
filter:alpha(opacity=70);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

.imgtitle6 {
position: absolute;
top: 0;
left: 0;
background:#A97617;
padding:3px 10px 3px 10px;
font-size:90%;
filter:alpha(opacity=70);
    -moz-opacity: 0.6;
    opacity: 0.6;
}




@media screen and (max-width: 640px) {

/* 4列*/
.nailstyle4 {
width:100%;
height:auto;
margin:0;
padding:0px;
}

.nailstyle4 ul {
list-style:none;
margin:0;
padding:0px 0px 0px 0px;
}

.nailstyle4 li {
width:50%;
list-style:none;
float:left;
margin:0px 0px 0px 0px;
padding:0;
display:block;
text-align:center;
font-weight:normal;
letter-spacing:1px;
position: relative;
}

.imgtitle {
position: absolute;
top: 0;
left: 0;
background:#39b7d7;
padding:3px 10px 3px 10px;
font-size:85%;
filter:alpha(opacity=70);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

.imgtitle2 {
position: absolute;
top: 0;
left: 0;
background:#f4667e;
padding:3px 10px 3px 10px;
font-size:85%;
filter:alpha(opacity=70);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

.imgtitle3 {
position: absolute;
top: 0;
left: 0;
background:#A54CEA;
padding:3px 10px 3px 10px;
font-size:85%;
filter:alpha(opacity=70);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

.imgtitle4 {
position: absolute;
top: 0;
left: 0;
background:#68CC2C;
padding:3px 10px 3px 10px;
font-size:85%;
filter:alpha(opacity=70);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

.imgtitle5 {
position: absolute;
top: 0;
left: 0;
background:#f39800;
padding:3px 10px 3px 10px;
font-size:85%;
filter:alpha(opacity=70);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

.imgtitle6 {
position: absolute;
top: 0;
left: 0;
background:#A97617;
padding:3px 10px 3px 10px;
font-size:85%;
filter:alpha(opacity=70);
    -moz-opacity: 0.6;
    opacity: 0.6;
}
}






/* infonav */

.infonav {
	margin:10px 0px 10px 0px;
	padding:0px 10px 0px 0px;
	clear:both;
}

.infonav ul {
	float:right;
	list-style:none;
	margin:0px;
	padding:0px;
}

.infonav li {
	float:right;
	margin-right:10px;
	padding-right:0px;
	margin:0px;
	padding:0px;
}
.infonav li.infonav_lang div#google_language_translator{
	margin-right:8px;
	position:relative;
	top:-4px;
	transform:scale(0.8);

}

.infonav li a {
	color:#ffffff;
	font-size: 11px;
	font-weight:bold;
	text-decoration: none;
}

.infonav li a:hover {
	color:#368fa7;
}
@media screen and (max-width: 640px){

.infonav ul {
	float:none;
}
.infonav li.infonav_lang {
	margin-right:10%;

}

}




/* infonav2 */

.infonav2 {
	margin:0px 0px 0px 0px;
	padding:0px;
	clear:both;
}

.infonav2 ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

.infonav2 li {
	float:left;
	margin-right:5px;
	padding:0px;
}










/* nav */

.navi_bk {
	background:#eef4f0;
}



/* pc nav */

.alt {
	visibility: hidden;
}

.pagenav {
	width: 100%;
	margin:0px 0px 0px 0px;
	padding:0px;
	height: 50px;
	clear: both;
}

.pagenav a {
	text-decoration: none;
}

.pagenav ul {
	width: 100%;
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px;
}

.pagenav li.salon, .pagenav li.news, .pagenav li.nail, .pagenav li.facial, .pagenav li.menu, .pagenav li.recruit {
	height: 50px;
	float: right;
	list-style:none;
	letter-spacing:1.5px;
}

.pagenav li.salon {
	width: 16.7%;
}

.pagenav li.news {
	width: 16.7%;
}

.pagenav li.nail {
	width: 16.7%;
}

.pagenav li.facial {
	width: 16.7%;
}

.pagenav li.menu {
	width: 16.7%;
}

.pagenav li.recruit {
	width: 16.5%;
}

.pagenav li.salon a, .pagenav li.news a, .pagenav li.nail a, .pagenav li.facial a, .pagenav li.menu a, .pagenav li.recruit a {
	display:block;
	width:100%;
	height:100%;
	background-position: 0 0;
	font-size: 12px;
	font-weight:bold;
	color: #ffffff;
	text-decoration: none;
	padding-top: 16px;
}

.pagenav li.salon a:hover, .pagenav li.news a:hover, .pagenav li.nail a:hover, .pagenav li.facial a:hover, .pagenav li.menu a:hover, .pagenav li.recruit a:hover {
	border-bottom:2px solid #368fa7;
	color: #368fa7;
}

.pagenav ul li {
float: left;
position: relative;
text-align:center;
}




/* tablet nav */

.tabnav {
	width: 100%;
	margin:0px 0px 0px 0px;
	padding:0px;
	height: 50px;
	clear: both;
}

.tabnav a {
	text-decoration: none;
}

.tabnav ul {
	width: 100%;
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px;
}

.tabnav li.salon, .tabnav li.news, .tabnav li.nail, .tabnav li.facial, .tabnav li.menu, .tabnav li.recruit {
	height: 50px;
	float: right;
	list-style:none;
	letter-spacing:1.5px;
}

.tabnav li.salon {
	width: 16.7%;
}

.tabnav li.news {
	width: 16.7%;
}

.tabnav li.nail {
	width: 16.7%;
}

.tabnav li.facial {
	width: 16.7%;
}

.tabnav li.menu {
	width: 16.7%;
}

.tabnav li.recruit {
	width: 16.5%;
}

.tabnav li.salon a, .tabnav li.news a, .tabnav li.nail a, .tabnav li.facial a, .tabnav li.menu a, .tabnav li.recruit a {
	display:block;
	width:100%;
	height:100%;
	background-position: 0 0;
	font-size: 12px;
	font-weight:bold;
	color: #ffffff;
	text-decoration: none;
	padding-top: 16px;
}

.tabnav li.salon a:hover, .tabnav li.news a:hover, .tabnav li.nail a:hover, .tabnav li.facial a:hover, .tabnav li.menu a:hover, .tabnav li.recruit a:hover {
	border-bottom:2px solid #368fa7;
	color: #368fa7;
}

.tabnav ul li {
float: left;
position: relative;
text-align:center;
}





/* sp nav */




.spnav {
	width: 100%;
	margin:0px 0px 10px 0px;
	padding:0px;
	height: 50px;
	clear: both;
}

.spnav a {
	text-decoration: none;
}

.spnav ul {
	width: 100%;
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px;
}

.spnav li.salon, .spnav li.news, .spnav li.nail, .spnav li.facial, .spnav li.menu, .spnav li.recruit {
	height: 50px;
	float: left;
	list-style:none;
}

.spnav li.salon {
	width: 34%;
	background:#7ed4ec;
}

.spnav li.news {
	width: 33%;
	background:#69c8e2;
}

.spnav li.nail {
	width: 33%;
	background:#7ed4ec;
}

.spnav li.facial {
	width: 34%;
	background:#69c8e2;
}

.spnav li.menu {
	width: 33%;
	background:#7ed4ec;
}

.spnav li.recruit {
	width: 33%;
	background:#69c8e2;
}

.spnav li.salon a, .spnav li.news a, .spnav li.nail a, .spnav li.facial a, .spnav li.menu a, .spnav li.recruit a {
	display:block;
	width:100%;
	height:100%;
	background-position: 0 0;
	font-size: 14px;
	font-weight:bold;
	color: #ffffff;
	text-decoration: none;
	padding-top: 15px;
}

.spnav li.salon a:hover, .spnav li.news a:hover, .spnav li.nail a:hover, .spnav li.facial a:hover, .spnav li.menu a:hover, .spnav li.recruit a:hover {
	background:#48aac5;
	color: #ffffff;
}

.spnav ul li {
float: left;
position: relative;
text-align:center;
}




/* side nav */

.sidebar {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.sidebar h2{
font-size:90%;
color:#999;
}


.sidenavi {
	font-size:100%;
    margin: 0px 0px 30px 0px;
    padding: 0px 0px 0px 0px;
	width: 100%;
}

.sidenavi ul {
	margin: 0px 0px 50px 0px;
	padding:0;
	border-top:1px #d6e6db dotted;
}

.sidenavi ul:after {content:""; display:block; clear:both;}

.sidenavi li {
	margin:0;
	padding:0;
	border-bottom:1px #d6e6db dotted;
	border-width:0px 0px 1px 0px;
	font-size:85%;
	font-weight:bold;
	display:block;
	list-style:none;
}

.sidenavi li a {
	margin:0;
	padding:8px 0px 6px 0px;
	text-decoration:none;
	display:block;
	list-style:none;
	color:#368fa7;
}


.sidenavi li a:hover {
	text-decoration:underline;
}


.sidenavi #menu-nail-colors li a span,.sidenavi #menu-nail-colors2 li a span { /* セレクタ名の前方一致 */
	content:"";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 12px;
	vertical-align: middle;
}

.sidenavi #menu-nail-colors li.white a span,.sidenavi #menu-nail-colors2 li.white a span { /* セレクタ名の前方一致 */
border: 1px solid #ccc;}


.sidenavi li #active {
	color:#000000;
	text-decoration:underline;
}

.sidenavi h3 {
color:#666666;
font-size:80%;
}


/* border */


.border1 {
	border:1px solid #efefef;
}

.border2 {
	border:1px solid #dddddd;
}

.border_pink {
	border:1px solid #f47ab5;
}





/* padding */


.pb5 {
	padding-bottom:5px;
}

.pb10 {
	padding-bottom:10px;
}

.pb15 {
	padding-bottom:15px;
}

.pb20 {
	padding-bottom:20px;
}

.pb25 {
	padding-bottom:25px;
}

.pb30 {
	padding-bottom:30px;
}

.pb35 {
	padding-bottom:35px;
}

.pb40 {
	padding-bottom:40px;
}

.pb45 {
	padding-bottom:45px;
}

.pb50 {
	padding-bottom:50px;
}

.pb55 {
	padding-bottom:55px;
}

.pb60 {
	padding-bottom:60px;
}






.pt5 {
	padding-top:5px;
}

.pt10 {
	padding-top:10px;
}

.pt15 {
	padding-top:15px;
}

.pt20 {
	padding-top:20px;
}

.pt25 {
	padding-top:25px;
}

.pt30 {
	padding-top:30px;
}

.pt35 {
	padding-top:35px;
}

.pt40 {
	padding-top:40px;
}

.pt45 {
	padding-top:45px;
}




/* line height */

.lh110 {
	line-height:110%;
}

.lh130 {
	line-height:130%;
}

.lh160 {
	line-height:160%;
}

.lh200 {
	line-height:200%;
}

.lh250 {
	line-height:200%;
}





/* vertical align */

.va_top {
	vertical-align:top;
}







/* margin */
.mb0 {
	margin-bottom:0px;
}

.mb5 {
	margin-bottom:5px;
}

.mb10 {
	margin-bottom:10px;
}

.mb15 {
	margin-bottom:15px;
}

.mb20 {
	margin-bottom:20px;
}

.mb25 {
	margin-bottom:25px;
}

.mb30 {
	margin-bottom:30px;
}

.mb35 {
	margin-bottom:35px;
}

.mb40 {
	margin-bottom:40px;
}

.mb45 {
	margin-bottom:45px;
}

.mb50 {
	margin-bottom:50px;
}






.mt0 {
	margin-top:0px;
}

.mt5 {
	margin-top:5px;
}

.mt10 {
	margin-top:10px;
}

.mt15 {
	margin-top:15px;
}

.mt20 {
	margin-top:20px;
}

.mt25 {
	margin-top:25px;
}

.mt30 {
	margin-top:30px;
}

.mt35 {
	margin-top:35px;
}

.mt40 {
	margin-top:40px;
}

.mt45 {
	margin-top:45px;
}

.mt50 {
	margin-top:50px;
}





.bb1bl {
	margin:0px 0px 0px 0px;
	padding:0px 0px 14px 0px;
	border-bottom:2px solid #54C2F0;
}




.pr20 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;
}


/* font size */
.fs75 {
	font-size:75%;
	line-height:160%;
}

.fs80 {
	font-size:80%;
	line-height:160%;
}

.fs85 {
	font-size:85%;
	line-height:160%;
}

.fs90 {
	font-size:90%;
	line-height:160%;
}

.fs95 {
	font-size:95%;
	line-height:160%;
}

.fs100 {
	font-size:100%;
	line-height:160%;
}

.fs110 {
	font-size:110%;
	line-height:160%;
}

.fs120 {
	font-size:120%;
	line-height:160%;
}

.fs125 {
	font-size:120%;
	line-height:160%;
}

.fs130 {
	font-size:120%;
	line-height:160%;
}


.ssfont {
	font-size:85%;
	color:#333333;
	line-height:160%;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	display:block;
}

.sssfont {
	font-size:80%;
	color:#333333;
	line-height:160%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:block;
}






@media (min-width: 641px) and (max-width: 929px) {
.fs100 {
	font-size:90%;
	line-height:160%;
}

.ssfont {
	font-size:80%;
	color:#333333;
	line-height:160%;
	marign:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:block;
}
}







/* color fonts */
.f_red {
	color:red;
}








/* border white */
.bdw1s {
	border:1px solid #fff;
}

.bdw2s {
	border:2px solid #fff;
}

.bdw3s {
	border:3px solid #fff;
}

.bdw4s {
	border:4px solid #fff;
}

.bdw5s {
	border:5px solid #fff;
}








/* tableのリンク色 */
table a {color:#00000;text-decoration:none;}
table a:link {color:#00000;text-decoration:none;}
table a:visited {color:#00000;text-decoration:none;}
table a:hover {color:#368fa7;text-decoration:underline;}
table a:active {color:#368fa7;text-decoration:underline;}



/* noborder-Table
====================================*/
table.noborder-table {
	width:100%;
	font-size:95%;
	border-collapse: separate;
	border-spacing: 0;
	border:none;
	margin-bottom: 10px;
}

table.noborder-table th {
	border: 0px solid #d0ebf3;
	border-width:0px 0px 0px 0px;
	border-right: none;
	text-align: center;
	padding: 10px 10px;
	color: #80d2e9;
	vertical-align: middle;
	font-size: 14px;
	font-weight: bold;
	line-height:160%;
	width:22%;
}

table.noborder-table td:last-child {
	border-right: 0px solid #d0ebf3;
}

table.noborder-table th:last-child {
	border-right: 0px solid #d0ebf3;
}

table.noborder-table td {
	padding: 8px 15px;
	border: #d0ebf3 0px solid;
	border-top: none;
	border-right: none;
	line-height:160%;
	vertical-align:middle;
}





/* Table
====================================*/

table.standard-table {
	width:100%;
	border-spacing: 0;
	margin-bottom: 15px;
	border: 1px solid #c8eff9;
	border-left: none;
	border-bottom: none;
}

table.standard-table th {
	border: 1px solid #c8eff9;
	border-right: none;
	text-align: left;
	padding: 10px 15px;
	color: #000;
	vertical-align: top;
	font-size: 14px;
	font-weight: bold;
	line-height:160%;
	vertical-align:middle;
}

table.standard-table td {
	padding: 15px 15px 12px 15px;
	border: #c8eff9 1px solid;
	border-top: none;
	border-right: none;
	line-height:160%;
	vertical-align:middle;
	font-size:90%;
}





/* Table-menu */

table.table-menu {
	margin-bottom: 15px;
	width:100%;
}
table.table-menu th {
	text-align: left;
	border: solid #fff;
	border-width:1px 1px 1px 0px;
	background-color: #faf8f4;
	padding: 10px 10px 10px 10px;
	font-weight: bold;
	font-size:90%;
}
table.table-menu td {
	background-color: #faf8f4;
	border: solid #fff;
	border-width:1px 1px 1px 0px;
	padding: 10px 10px 10px 10px;
}








/* footerのリンク色 */
footer a {color:#ffffff;text-decoration:none;}
footer a:link {color:#ffffff;text-decoration:none;}
footer a:visited {color:#ffffff;text-decoration:none;}
footer a:hover {color:#368fa7;text-decoration:underline;}
footer a:active {color:#368fa7;text-decoration:underline;}

footer {
	width:100%;
	height:auto;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 30px 0px;
	background-image:url("https://vingtnail.mom/wp-content/themes/vn/images/vn_image_bk.png");
	background-repeat:repeat-x;
}

.footerbox {
	background:#f0ede6;
	margin:0px 0px 10px 0px;
	padding:15px 0px 15px 0px;
	display: flex;
	justify-content: center;
}
/*
.footerbox .three {
	width: 25%;
} */



.copyrights {
	font-size:70%;
	color:#666;
	margin:0px 0px 20px 0px;
}


/******************/
/* ONZE ***********/
/*
#top-instagram {text-align:center;}
#top-instagram ul {padding:0; margin:0 0 40px; width:100%;}
#top-instagram ul:after {content:""; clear:both;}
#top-instagram ul li {float:left; width:180px; height:120px; margin:0 auto; overflow:hidden;}

#top-instagram ul li img {max-width:100%; width:100%; height:auto;}
*/

#top-instagram p.btn {clear:both; text-transform:uppercase; margin:0 auto; text-align:center;}



.simply-scroll-container {position:relative;}
.simply-scroll-clip {position:relative; overflow:hidden;}
.simply-scroll-list {margin:0 0 20px; padding:0; overflow:hidden;}
.simply-scroll-list li {float:left; width:150px; height:150px; margin:0; padding:0; list-style:none;}


.rimage10 {
	border-top-right-radius: 10px;
   	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
   	border-bottom-left-radius: 10px;

   	/* Safari,Chrome */
   	-webkit-top-bottom-right-radius: 10px;
   	-webkit-top-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
   	-webkit-border-bottom-left-radius: 10px;

   	/* Firefox */
   	-moz-border-radius-topright: 10px;
   	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomright: 10px;
   	-moz-border-radius-bottomleft: 10px;
}







#seminar{}
#seminar .title {
background:url("https://vingtnail.mom/wp-content/uploads/2019/06/seminar_title_para.jpg") no-repeat;
font-size:140%;
font-weight:bold;
text-align:left;
vertical-align:middle;
padding:60px 30px 60px 30px;
margin:0px 0px 60px 0px;
}

#seminar .bbox {
border:2px solid #000000;
padding:30px 30px 30px 30px;
margin:0px 0px 60px 0px;
}

#seminar .bbox h4 {
font-size:160%;
border-bottom:2px solid #000000;
padding:0px 0px 20px 0px;
margin:0px 0px 20px 0px;
}

/* button *********/
[type="submit"],
#seminar .btn a {display:inline-block; padding:14px 24px 16px; text-align:center; background:transparent; background-size:6px 12px; border:1px solid #000;
white-space:nowrap;line-height:1;width:100%; color:#000000}

#seminar .btn a:after {content:""; display:inline-block; margin:2px 4px 0 12px; position:relative; width:4px; height:1em; background-size:6px 12px;}

#seminar .btn-join a {display:inline-block; padding:14px 24px 16px; text-align:center; background:transparent; background-size:6px 12px; background-color:#f7b4bc;
white-space:nowrap;line-height:1;width:100%; color:#ffffff; font-size:130%; font-weight:bold;}

#seminar .btn-join a:after {content:""; display:inline-block; margin:2px 4px 0 12px; position:relative; width:4px; height:1em; background-size:6px 12px;}

[type="submit"]:hover,
#seminar .btn a:hover {background-color:#efefef; color:#000000; cursor:pointer;}
#seminar .btn-join a:hover {background-color:#f8bfc6; color:#ffffff; cursor:pointer;}



#seminar table td{border-bottom:dotted 1px #dddddd;}

/******************/
/* shigeta 20210419 ***********/
/* トップ */
.columnSec h2, .newsSec h2 {
	text-align: center;
}
.columnSec .newswbox > .post h3 {
	font-size: 100%;
	text-align: center;
}
.newsSec #newsfeed {
	display: flex;
	flex-wrap: wrap;
}
.newsSec #newsfeed h3 {
	font-size: 100%;
}
.newsSec #newsfeed h3 a {
	color: #39b7d7;
}
.newsSec #newsfeed li {
	width: 50%;
	padding: 20px;
	margin-bottom: 0;
}
.newsSec #newsfeed li:nth-last-child(-n+2) {
	border:  none;
}
.newsSec #newsfeed li .post {
	display: flex;
}
.newsSec #newsfeed li .post .imgClm {
	flex: 0 0 84px;
}
.newsSec #newsfeed li .post .txtClm {
	flex: 0 1 auto;
	padding-left: 25px;
}
@media screen and (max-width: 480px){
.columnSec .newswbox,.newsSec .newswbox {
	/* margin-bottom: 0; */
	padding: 0 20px;
}
.columnSec #rssallfeed li {
	box-sizing: border-box;
}
.columnSec #rssallfeed li a.thumb {
	width: 100%;
	height: auto;
}
.columnSec #rssallfeed img {
	width: 100%;
}
.newsSec #newsfeed {
	display: block;
}
.newsSec #newsfeed li {
	width: 100%;
	padding: 10px 0;
}
.newsSec #newsfeed li .post {
	display: block;
}
.newsSec #newsfeed li .post .txtClm {
	padding-left: 0;
}
}
/* コラム */
.newswbox .column-cate ul {
	display: inline;
}
.newswbox .column-cate ul li {
	display: inline;
	font-size: 80%;
	padding-left: 0.5em;
}
.newswbox .authorArea {
	margin-top: 50px;
	background: #f0ede6;
	border-radius:  10px;
	padding: 20px;
}
.newswbox .authorArea h2 {
	font-size: 16px;
	margin-bottom: 20px;
}
.newswbox .authorArea .d-flex {
	display: flex;
}
.newswbox .authorArea .txtClm {
	padding-left: 25px;
}
.newswbox .authorArea .footer-post-meta {
	margin-bottom: 0;
}

.sidebar .authorList a {
	display: flex;
}
.sidebar .authorList a figure {
	margin-right: 10px;
}

@media screen and (max-width: 480px){
.newswbox .authorArea {
	padding: 15px;
}
.newswbox .authorArea .d-flex {
	display: block;
}
.newswbox .authorArea .txtClm {
	padding-left: 0;
}
}

/******************/
/* shigeta 20211222 ***********/
/* footer sns */

.footerbox .columns {
	width: 22%;
}
.footerbox .columns a {
	display: block;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 5.2vw;
	color: #000;
	font-size: 0.7vw;
	position: relative;
}
.footerbox .columns a:after {
	content: "";
	width: 5px;
	height: 5px;
	border: 3px solid #000;
	border-top-color: transparent;
	border-left-color: transparent;
	position: absolute;
	bottom: 5px;
	right: 5px;
}
.footerbox .columns a:hover {
	text-decoration: none;
	opacity: 0.8;
}
.footerbox .columns a .circle {
	width: 2vw;
	height: 2vw;
	display: block;
	border-radius: 50%;
	margin-right: 1em;
}
.footerbox .columns a .circle.tw {
	background: #1DA1F2;
}
.footerbox .columns a .circle.fb {
	background: #1877F2;
}
.footerbox .columns a .circle.ig {
	background: linear-gradient(to right,#4256C8,#C22884);
}
.footerbox .columns a .circle.tt {
	background: #000;
}
.footerbox .columns a .circle.ln {
	background: #06c755;
}
.footerbox .columns a b {
	font-weight: bold;
	display: inline-block;
	margin-left: 0.5em;
	font-size: 1.25vw;
	letter-spacing: 0.1em;
}

@media screen and (max-width: 767px){
.footerbox {
	display: block;
}
.footerbox .columns {
	width: 100%;
}
.footerbox .columns a {
	height: 21.3vw;
	font-size: 4vw;
	justify-content: flex-start;
	padding-left: 11vw;
}
.footerbox .columns a:after {
	bottom: 10px;
	right: 10px;
}
.footerbox .columns:nth-of-type(n+2) {
	margin-top: 10px;
}
.footerbox .columns a b {
	margin-left: 0.5em;
	font-size: 5.8vw;
	letter-spacing: 0.1em;
}
.footerbox .columns a .circle {
	width: 6.5vw;
	height: 6.5vw;
}
}

/******************/
/* shigeta  20220622 ***********/
/* top movie */
.mv-video {
	padding-bottom: 56.25%;
	height: 0;
	position: relative;
}
.mv-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
}

/******************/
/* takigawa  20230628 ***********/
/* bridal QandA */
ul.qaList{
	list-style: none;
}
ul.qaList li{
	margin-top: 27px;
}
.qaList li .qTxt{
	color:#CC3EED;
	font-weight: bold;
	font-size: 16px;
	padding-left: 45px;
	position: relative;
}
.qaList li .qTxt::after{
	position: absolute;
	content:"Q";
	color: #fff;
	left: 11px;
	top: 50%;
	transform: translateY(-50%);
}
.qaList li .qTxt::before{
	position: absolute;
	content:"";
	background: #CC3EED;
	width: 35px;
	height:35px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.qaList li .aTxt{
	line-height: 1.76;
	margin-top: 18px;
}
@media screen and (max-width: 767px){
.qaList li .qTxt{
	padding-left: 30px;
}
.qaList li .qTxt::after{
	left: 6px;
	top: 0;
	transform: translateY(0);
}
.qaList li .qTxt::before{

	width: 25px;
	height:25px;
	left: 0;
	top: 0;
	transform: translateY(0);
}
}
/******************/