@charset "utf-8";
/* CSS Document */

#furisodeHeader{
	height:60px;
	}

	#menu2{
		display: none;
	}

#furisodeNav{
	height:60px;
	background:#faebec;
	background:#ffffff;
	position:relative;
	z-index:99;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);
	-moz-box-shadow   : 0px 0px 10px 0px rgba(0,0,0,0.05);
	-ms-box-shadow    : 0px 0px 10px 0px rgba(0,0,0,0.05);
	-o-box-shadow     : 0px 0px 10px 0px rgba(0,0,0,0.05);
	box-shadow        : 0px 0px 10px 0px rgba(0,0,0,0.05);
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	background-image:url(../images/header.png);
	background-size:43px auto;
}
	
#furisodeNav.fixed{
	position:fixed;
	width:100%;
	height:60px;
	left:0;
	top:0;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow   : 0px 0px 10px 0px rgba(0,0,0,0.1);
	-ms-box-shadow    : 0px 0px 10px 0px rgba(0,0,0,0.1);
	-o-box-shadow     : 0px 0px 10px 0px rgba(0,0,0,0.1);
	box-shadow        : 0px 0px 10px 0px rgba(0,0,0,0.1);
	}

#furisodeNav ul{
	height:60px;
	position:relative;
	overflow:hidden;
	/*padding-left: 110px;*/
	box-sizing: border-box;
	}

#furisodeNav ul li{
	/*width:16.67%;*/
	width : -webkit-calc(100% / 9) ;
	width : calc(100% / 9) ;
	float:left;
	height:60px;
	text-align:center;
	position:relative;
	font-size:1rem;
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 500;
	}
#furisodeNav ul li:before{
	content:"";
	width:1px;
	height:40px;
	border-left:1px dotted rgba(225,75,110,0.20);
	position:absolute;
	left:0;
	top:10px;
	}

	#furisodeNav ul li:nth-last-of-type(1):after{
		content:"";
		width:1px;
		height:40px;
		border-left:1px dotted rgba(225,75,110,0.20);
		position:absolute;
		right:0;
		top:10px;
		}
	
#furisodeNav ul li a{
	display:block;
	height:40px;
	padding:10px 0 10px 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition   : all 0.4s ease-in-out;
	-ms-transition    : all 0.4s ease-in-out;
	-o-transition     : all 0.4s ease-in-out;
	transition        : all 0.4s ease-in-out;
	position:relative;
	}
#furisodeNav ul li a:before{
	content:url(../svg/mari.svg);
	width:26px;
	height:26px;
	position:absolute;
	top:-40px;
	left:50%;
	margin:0 0 0 -13px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition   : all 0.4s ease-in-out;
	-ms-transition    : all 0.4s ease-in-out;
	-o-transition     : all 0.4s ease-in-out;
	transition        : all 0.4s ease-in-out;
	}
#furisodeNav ul li a:hover:before{
	top:12px;
	}


#furisodeNav ul li a span.eng{
	display:block;
	font-family: 'Cinzel Decorative', cursive;
	font-weight:normal;
	font-size:1.5rem;
	line-height:2rem;
	color:#e14b6e;
	padding:0 0 0 0;	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition   : all 0.4s ease-in-out;
	-ms-transition    : all 0.4s ease-in-out;
	-o-transition     : all 0.4s ease-in-out;
	transition        : all 0.4s ease-in-out;
	}
#furisodeNav ul li a:hover span.eng{
	padding:22px 0 0 0;
	}
#furisodeNav ul li a span.jp{
	display:block;
	position:relative;
	line-height:15px;
	color:#604c3f;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition   : all 0.4s ease-in-out;
	-ms-transition    : all 0.4s ease-in-out;
	-o-transition     : all 0.4s ease-in-out;
	transition        : all 0.4s ease-in-out;
	padding:0 0;
	}
#furisodeNav ul li a:hover span.jp{
	opacity:0;
	}

@media screen and (min-width: 960px) and (max-width: 1000px) {
	#furisodeNav ul.inner {
		min-width: 940px;
	}

	#furisodeNav ul li a span.eng {
		font-size: 1.4rem;
	}

	#furisodeNav ul li a span.jp {
		font-size: 90%;
	}
}

#container{
	position:relative;
	z-index:1;
	}




#banner{
	border-top:1px solid #eeeeee;
	padding:40px 0 100px 0;
	background-color:#ffffff;
	}
	
#banner ul li{
	width:25%;
	float:left;
	}
#banner ul li a{
	padding:2px;
	display:block;
	margin:0 5px;
	background-color:#eeeeee;
	-webkit-transition: all 0.2s linear ;
	-moz-transition   : all 0.2s linear ;
	-ms-transition    : all 0.2s linear ;
	-o-transition     : all 0.2s linear ;
	transition        : all 0.2s linear ;
	}
#banner ul li a:hover{
	background-color:#ac9668;
	}
#banner ul li a img{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border:1px solid #ffffff;
	}
	
.pager .pagination {
	display: flex;
	justify-content: center;
}
	
.pager .pagination li{
	font-size: 1.8rem;
	line-height: 60px;
	width: 56px;
	height: 60px;
	margin-right: 10px;
	border: 1px solid #898989;
	text-align: center;
}

.pager .pagination li a{
	display: block;
	width: 56px;
	height: 60px;
	color: #000000;
}

.pager .pagination li a.active{
	background: #f9eaec;
	font-weight: bold;
	cursor: pointer;
}
	
.pager .pagination li:hover{
	background: #ff9292;
	cursor: pointer;
}

.goldArrowButton {
	margin: 20px auto 40px;
	width: 255px;
	height: 47px;
	display: block;
	text-align: center;
  }
  
.goldArrowButton a {
	padding: 0 20px 0 40px;
	line-height: 47px;
	height: 47px;
	display: block;
	background-color: #ac9668;
	color: #ffffff;
	position: relative;
}

.goldArrowButton a:hover {
	background: linear-gradient(to right, #E59C6C, #DC7C8C);
}

.goldArrowButton a:before {
	content: "";
	width: 8px;
	height: 8px;
	border-right: 2px solid #ffffff;
	border-top: 2px solid #ffffff;
	position: absolute;
	z-index: 100;
	left: 15px;
	top: 50%;
	margin: -5px 0 0 0;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
a:hover img{
	opacity:0.8;
}

/*==========投稿詳細=========*/
#column{
	padding:0 0 40px 0;
	position:relative;
	background-image:url(../images/column/bg2.jpg);
	background-size:250px;
	z-index:9999;
	}
#columnInner{
	margin:0 auto;
	padding:0;
	z-index:99;
	position:relative;

	}
#columnInner:before{
	content:"";
	width:230px;
	height:100%;
	position:absolute;
	z-index:1;
	left:0;
	top:0;
	}


#columnHeader{
	width:315px;
	height:220px;
	position:absolute;
	right:0;
	top:20px;
	z-index:9999;


	}
#columnHeader a{
	width:315px;
	height:210px;
	margin:0 auto;
	display:block;
	position:relative;
	z-index:99;
	-webkit-transition: all 0.2s linear ;
	-moz-transition   : all 0.2s linear ;
	-ms-transition    : all 0.2s linear ;
	-o-transition     : all 0.2s linear ;
	transition        : all 0.2s linear ;
	}
#columnHeader a:hover{
	opacity:0.5;
	}
#columnHeader a img{
	width:220px;
	height:220px;
	display:block;
	margin:0 auto;
	}



#column #main{
	width : -webkit-calc(100% - 360px) ;
	width : calc(100% - 360px) ;
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	margin:40px 0 0 0;
	position:relative;
	z-index:99;
	}
	
	
/*single*/
#column #columnSingle{
	background-color:#ffffff;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);
	-moz-box-shadow   : 0px 0px 10px 0px rgba(0,0,0,0.05);
	-ms-box-shadow    : 0px 0px 10px 0px rgba(0,0,0,0.05);
	-o-box-shadow     : 0px 0px 10px 0px rgba(0,0,0,0.05);
	box-shadow        : 0px 0px 10px 0px rgba(0,0,0,0.05);
	background: #edf5ea;
    background-image: url(../images/index/plan.png);
    background-size: 60px;
	}

#column #columnTtl{
	padding:30px;
	display:block;
	position:relative;
	text-decoration:none;
	color:#000000;
	text-align:left;
	}
#column #columnTtl div.clearfix{
	background-image:url(../images/pencil2.png),url(../images/pencil.png);
	background-position:left top , left bottom;
	background-repeat:repeat-x;
	margin:0;
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	}


#column #main #columnTtl h2{
	font-weight:bold;
	font-size:24px;
	margin:0;
    display: flex;          /* 2 */
    justify-content: center;/* 3 */
    align-items: center;    /* 4 */
	height:95px;
	width:100%;
	text-align:left;
	background-image:url(../images/pencil.png);
	background-position:bottom center;
	background-repeat:repeat-x;
	}

#column #main #columnTtl time{
	line-height:40px;
	color:#666666;
	font-size:14px;
	}
#column #main #columnTtl p.postmetadata{
	line-height:30px;
	padding:7px 0 0 0;
	text-align:left;
	}
#column #main #columnTtl p.postmetadata a{
	display:inline-block;
	border:1px solid rgba(0,0,0,0.20);
	color:#000000;
	padding:0 5px;
	margin:0 5px 7px 5px;
	color:#000000;
	-webkit-transition: all 0.2s linear ;
	-moz-transition   : all 0.2s linear ;
	-ms-transition    : all 0.2s linear ;
	-o-transition     : all 0.2s linear ;
	transition        : all 0.2s linear ;
	}
#column #main #columnTtl p.postmetadata a:hover{
	background-color:rgba(0,149,217,0.4);
	color:#ffffff;
	}

#column #main .entry{
	font-size:14px;
	padding:30px;
	}
#column #main .entry .entry_content{
	max-width:720px;
	margin:0 auto;
	-webkit-box-shadow: none;
	-moz-box-shadow   : none;
	-ms-box-shadow    : none;
	-o-box-shadow     : none;
	box-shadow        : none;
	background:none;
	padding:0;
	}
#column #main .entry h1,
#column #main .entry h2,
#column #main .entry h3,
#column #main .entry h4,
#column #main .entry h5,
#column #main .entry h6{
	font-weight:bold;
	font-size:28px;
	}
#column #main .entry p{
	line-height:1.75;
	letter-spacing:1px;
	margin:0 0 2em 0;
	font-size:16px;
	}
#va-social-buzz{
	margin:40px 0 0 0;
	padding:40px 0 0 0;
	border-top:1px solid #dddddd;
	}
#va-social-buzz .vasb_fb_thumbnail{
	background-color:#f7f7f7;
	}

.navPage{
	position:relative;
	padding:30px;
	}
.navPageInner{
	margin:0 auto;
	}
.navPage:before{
	content:"";
	width:1px;
	height:100%;
	height: -webkit-calc(100% - 40px) ;
	height: calc(100% - 40px) ;
	background-color:#dddddd;
	position:absolute;
	left:50%;
	top:20px;
	}

.navPage .rightBox img{
	width:60px;
	height:60px;
	float:right;
	margin:0 0 0 10px;
	}
.navPage .leftBox img{
	width:60px;
	height:60px;
	float:left;
	margin:0 10px 0 0;
	}
.navPage .leftBox p.prevNext{
	color:#ac9668;
	}
	
.navPage .rightBox p.prevNext{
	text-align:right;
	color:#ac9668;
	}


.navPage a{
	height:60px;
	line-height:15px;
	display:block;
	text-align:left;
	color:#444444;
	-webkit-transition: all 0.2s linear ;
	-moz-transition   : all 0.2s linear ;
	-ms-transition    : all 0.2s linear ;
	-o-transition     : all 0.2s linear ;
	transition        : all 0.2s linear ;
	}
.navPage a:hover{
	color:#ac9668;
	background-color:#ffffff;

	}
.navPage .rightBox a{
	margin:0 0 0 40px;
	}
.navPage .leftBox a{
	margin:0 40px 0 0;
	}

#column #main .entry .navPage a p{
	line-height:15px;
	margin:0;
	height:60px;
    display: flex;          /* 2 */
    justify-content: center;/* 3 */
    align-items: center;    /* 4 */
	}

.recent{
	margin:40px auto;
	}
.recent h3{
	margin:0 auto;
	font-size:18px;
	}
.recent h3 a{
	font-size:24px;
	color:#000000;
	font-weight:bold;
	-webkit-transition: all 0.2s linear ;
	-moz-transition   : all 0.2s linear ;
	-ms-transition    : all 0.2s linear ;
	-o-transition     : all 0.2s linear ;
	transition        : all 0.2s linear ;
	}
.recent h3 a:hover{
	color:rgba(0,149,217,1);
	}

/*サイドバー*/
#column #sideBar{
	width:315px;
	float:right;
	margin:60px 0 0 0;
	position:relative;
	z-index:9;
	}

#column #sideBar #sideBarCategory{
	background-image:url(../images/pencil2.png),url(../images/pencil.png);
	background-position:left top , left bottom;
	background-repeat:repeat-x;
	padding:10px 0;
	margin:0 0 40px 0;
	
	}
#column #sideBar #sideBarCategory ul{
	margin:0 0;
	width:315px;
	height:315px;

	}
#column #sideBar #sideBarCategory ul li{
	width:45px;
	height:315px;
	float:left;
      -ms-writing-mode: tb-rl;            /* IE用　*/
      -webkit-writing-mode: vertical-rl;  /* chrome用　*/
      -o-writing-mode: vertical-rl;       /* opera用　*/
      writing-mode: vertical-rl;
	}
#column #sideBar #sideBarCategory ul li a{
	display:block;
	position:relative;
	text-decoration:none;
	color:#000000;

	-webkit-transition: all 0.2s linear ;
	-moz-transition   : all 0.2s linear ;
	-ms-transition    : all 0.2s linear ;
	-o-transition     : all 0.2s linear ;
	transition        : all 0.2s linear ;
	}
#column #sideBar #sideBarCategory ul li a:hover{
	color:#ffffff;
	background-color:#000000;
	}
#column #sideBar #sideBarCategory ul li h4{
	height:280px;
	line-height:45px;
	margin:0;
	padding:0;
      -ms-writing-mode: tb-rl;            /* IE用　*/
      -webkit-writing-mode: vertical-rl;  /* chrome用　*/
      -o-writing-mode: vertical-rl;       /* opera用　*/
      writing-mode: vertical-rl;
font-size:16px;
	}
#column #sideBar #sideBarCategory ul li p{
	height:280px;
	line-height:45px;
	margin:0;
	padding:0 0 15px 0;
	position:absolute;
	bottom:0;
	left:0;
    -webkit-writing-mode: vertical-rl;
　　-ms-writing-mode: tb-rl;
　　writing-mode: vertical-rl;
font-size:13px;
font-family:"Times New Roman", Times, serif;
text-align:right;
opacity:0.6;
	}
#column #sideBar #sideBarCategory ul li a img{
	width:24px;
	height:24px;
	display:block;
	margin:10px;
	padding:8px 0;
	float: left;
	}
#column #sideBar #sideBarCategory ul li a:hover img{
	}

#column #sideBar .sideBarList{
	background-image:url(../images/pencil2.png),url(../images/pencil.png);
	background-position:left top , left bottom;
	background-repeat:repeat-x;
	}
#column #sideBar .sideBarList h2{
	background-image:url(../images/pencil.png);
	background-position:left bottom;
	background-repeat:repeat-x;
	text-align:center;
	margin:0;
	line-height:40px;
	font-size:21px;
	}
#column #sideBar .sideBarList ul li{
	line-height:45px;
	}
#column #sideBar .sideBarList ul li a{
	position:relative;
	padding:0 0 0 40px;
	display:block;
	-webkit-transition: all 0.2s linear ;
	-moz-transition   : all 0.2s linear ;
	-ms-transition    : all 0.2s linear ;
	-o-transition     : all 0.2s linear ;
	transition        : all 0.2s linear ;
	text-decoration:none;
	color:#000000;
	}
#column #sideBar .sideBarList ul li a:hover{
	color:#ffffff;
	background-color:#000000;
	}
#column #sideBar .sideBarList ul li a:before{
	content:"";
	width:8px;
	height:8px;
	border-right:2px solid #000000;
	border-top:2px solid #000000;
	position:absolute;
	z-index:100;
	left:15px;
	top:50%;
	margin:-5px 0 0 0;
	-webkit-transition: all 0.2s linear ;
	-moz-transition   : all 0.2s linear ;
	-ms-transition    : all 0.2s linear ;
	-o-transition     : all 0.2s linear ;
	transition        : all 0.2s linear ;
	-webkit-transform : rotate(45deg);
	-moz-transform    : rotate(45deg);
	-ms-transform     : rotate(45deg);
	-o-transform      : rotate(45deg);
	transform         : rotate(45deg);
	}
#column #sideBar .sideBarList ul li a:hover:before{
	border-right:2px solid #ffffff;
	border-top:2px solid #ffffff;	
	}

/*カテゴリー*/
.categoryHeader{
	padding:00px 0px 0px 0px;
	margin: 0 auto;
	height:220px;
	text-align: center;
	width: 60px;
	}
.categoryHeader img{
	width:60px;
	height:60px;
	display:block;
	margin:0 auto 5px auto;
}
.categoryHeader h1{
	width: 30px;
	line-height:30px;
	height:160px;
	font-size:18px;
	font-weight:bold;
	display:block;
	margin:0 15px;
      -ms-writing-mode: tb-rl;            /* IE用　*/
      -webkit-writing-mode: vertical-rl;  /* chrome用　*/
      -o-writing-mode: vertical-rl;       /* opera用　*/
      writing-mode: vertical-rl;
	}
ul.columnList{
	background-image:url(../images/pencil2.png);
	background-position:left top;
	background-repeat:repeat-x;
	margin:0 auto;
	padding:2px 0 40px 0;
	}
ul.columnList li{
	border-bottom:1px dotted rgba(0,0,0,0.10);
	}
ul.columnList li a{
	display:block;
	position:relative;
	min-height:130px;
	padding:10px 0;
	-webkit-transition: all 0.2s linear ;
	-moz-transition   : all 0.2s linear ;
	-ms-transition    : all 0.2s linear ;
	-o-transition     : all 0.2s linear ;
	transition        : all 0.2s linear ;
	}
ul.columnList li a:hover{
	background-color:#ffffff;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);
	-moz-box-shadow   : 0px 0px 10px 0px rgba(0,0,0,0.05);
	-ms-box-shadow    : 0px 0px 10px 0px rgba(0,0,0,0.05);
	-o-box-shadow     : 0px 0px 10px 0px rgba(0,0,0,0.05);
	box-shadow        : 0px 0px 10px 0px rgba(0,0,0,0.05);
	}
ul.columnList li a img{
	width:120px;
	height:auto;
	float:left;
	margin:0 10px 0 0;
	border:5px solid #ffffff;
	-webkit-transition: all 0.2s linear ;
	-moz-transition   : all 0.2s linear ;
	-ms-transition    : all 0.2s linear ;
	-o-transition     : all 0.2s linear ;
	transition        : all 0.2s linear ;
	}
ul.columnList li a:hover img{
	border:5px solid rgba(0,149,217,0.5);
	}
ul.columnList li a time,
ul.columnList li a p{
	font-size:12px;
	color:#999999;
	}
ul.columnList li a h2{
	font-size:18px;
	height:40px;
	line-height:40px;
	font-weight:bold;
	color:#333333;
	margin:0;
	-webkit-transition: all 0.2s linear ;
	-moz-transition   : all 0.2s linear ;
	-ms-transition    : all 0.2s linear ;
	-o-transition     : all 0.2s linear ;
	transition        : all 0.2s linear ;
	}	
ul.columnList li a:hover h2{
	color:rgba(0,149,217,1);
	}