@charset "utf-8";
/* ==========================================================

common.css

============================================================ */


/* -----------------------------------------------------------

◆◆◆BASE◆◆◆

 -------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700i&display=swap');

@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 500;
}

@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Bold");
	font-weight: bold;
}

*{font-family:"Arial", "游ゴシック", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

@media (-ms-high-contrast: none) {
	*{font-family:"Arial", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
}

html{
    -moz-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
}

body{
	color:#000;
	font-weight: 500;
	font-feature-settings: 'palt';
}


@media print, screen and (min-width:768px){ /* 表示領域が768px以上の場合に適用するスタイル */
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

  PC

  _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/	
	
/* ------------------------------------------------------------

  common

  ------------------------------------------------------------ */

	body{
		font-size: 15px;
		font-size: 1.5rem;/*-15px-*/
		line-height: 1.6;
		min-width: 1000px;
	}

	.pc_br{display: block;}
	.none{display: none !important;}

	/* レイアウト
	--------------------------------------------------------*/
	.wrap01{
		width: 1000px;
		margin: 0 auto 100px;
	}
	
	.pagettl01{
		font-weight: bold;
		font-size: 9rem;
		font-family: 'Roboto Condensed', sans-serif;
		font-style: Italic;
		margin-bottom: 30px;
	}
	
	.s_cate{
		font-size: 3rem;
    	font-style: initial;
	}
	
	/*--404--*/
	.wrap_404{
		margin-bottom: 20vw;
	}
	
	.wrap_404 p{
		margin-bottom:45px;
		line-height: 2;
	}
	
	.wrap_404 .btn01{text-align: left;}
	
	
	/* 見出し
	--------------------------------------------------------*/
	.heading01{
		font-weight: bold;
		font-size: 2.2rem;
		padding-bottom: 25px;
		margin-bottom: 25px;
		position: relative;
	}
	
	.heading01::after{
		content: '';
		width: 30px;
		height: 4px;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	
	.h_cre::after{background: #dccde5;}
	.h_pro::after{background: #E6DAEA;}
	
	/* ホバー時の動き
	--------------------------------------------------------*/
	.animation_up{
		-webkit-transition: .2s ease-in-out;
		transition: .2s ease-in-out;
	}
	
	.animation_up:hover{
		-webkit-transform: translateY(-5%);
		transform: translateY(-5%);
	}
		
	
	/*@-webkit-keyframes bonbon {
	  from,
	  20%,
	  53%,
	  80%,
	  to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	  	}

	  40%,
	  43% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0);
	  	}

	  70% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0);
	  	}

	  90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0);
	  	}
	}

@keyframes bonbon {
		from,
		20%,
		53%,
		80%,
		to {
		  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		  -webkit-transform: translate3d(0, 0, 0);
		  transform: translate3d(0, 0, 0);
			}

		40%,
		43% {
		  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		  -webkit-transform: translate3d(0, -20px, 0);
		  transform: translate3d(0, -20px, 0);
			}

		70% {
		  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		  -webkit-transform: translate3d(0, -15px, 0);
		  transform: translate3d(0, -15px, 0);
			}

		90% {
		  -webkit-transform: translate3d(0, -4px, 0);
		  transform: translate3d(0, -4px, 0);
			}
		}
	
	.bounce01:hover {
		-webkit-animation-name: bonbon 1s;
		animation: bonbon 1s;
		-webkit-transform-origin: center bottom;
  		transform-origin: center bottom;
	}*/
		
	/* ボタン
	--------------------------------------------------------*/
	.btn01{text-align: center;}
	
    .btn01 a{
		font-family: 'Roboto Condensed', "游ゴシック";
        display: inline-block;
        border-radius: 25px;
		padding: 12px 70px;
        text-align: center;
        text-decoration: none;
        outline: none;
		position: relative;
  		z-index: 2;
		background: #333;
		border: 1px solid #333;
		color: #fff;
		overflow: hidden;
		-webkit-transition: all .3s;
  		transition: all .3s;
		min-width: 290px;
     }
	
	.btn01 a:hover{
		background: #fff;
		color: #333;
	}
	
	.link_external{
		text-align: center;
		margin-top: 100px;
	}
	
	.link_external a{
		color: #aaa;
		border: 1px solid #aaa;
		padding: 10px 25px 10px 25px;
		display: inline-block;
		-webkit-transition: .2s ease-in-out;
		transition: .2s ease-in-out;
	}
	
	.link_external a svg{
		height: 15px;
		vertical-align: middle;
		margin-right: 5px;
	}
	
	.link_external a:hover{
		border: 1px solid #000;
		color: #000;
	}
	
	.st0{
		fill: #b8b8b8;
		-webkit-transition: .2s ease-in-out;
		transition: .2s ease-in-out;
	}
	
	.link_external a:hover .st0{fill:#000;}
	
	
	/*　一覧へ戻るボタン
	--------------------------------------------------------*/
	#f_btn01{
		position: fixed;
		top: 50%;
		left: 30px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);	
	}
	
	.l_btn{background: #fff;}
	
	.l_btn a{
		font-family: 'Roboto Condensed', "游ゴシック";
		-webkit-transition: all .3s;
  		transition: all .3s;
		color: #000;
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		background: #fff;
		position: relative;
		z-index: 1;
		padding: 5px 0px;
		
	}
	
	.l_btn a::before{
		content: '';
		width: 25px;
		height: 100%;
		background: #fff;
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		z-index: -1;
	}
	
	.l_btn a::after{
		content: '';
		width: 75px;
		height: 1px;
		background: #000;
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		left: -30px;
		z-index: -2;
		-webkit-transition: all .2s;
  		transition: all .2s;
	}
	
	.l_btn a:hover::after{left: -12px;}
	
	.l_btn a:hover{
		letter-spacing: 0.1em;
	}
	
	/* ------------------------------------------------------------

	wordpress

	------------------------------------------------------------ */
	
	/* wp_contents
	---------------------------------------------- */
	div.wp_contents{
		overflow:hidden;
		width:1000px;
	}

	div.wp_contents p{
		margin-bottom:1.5em;
		line-height: 2;
	}

	div.wp_contents p:last-child{margin-bottom:0;}

	div.wp_contents img{
		max-width:1000px;
		height:auto;
	}

	div.wp_contents a{
		color:#000;
		text-decoration:underline;
		transition:color .1s;
	}

	div.wp_contents a:hover{
		color:#ccc;
		text-decoration:none;
	}

	div.wp_contents .alignleft{float:left;}
	div.wp_contents .alignright{float:right;}
	div.wp_contents .aligncenter{
		display:block;
		margin:auto;
	}
	
	/* wordpress 引用
	---------------------------------------------- */
	blockquote{
		display:inline-block;
		padding:10px 27px 0 27px;
		position: relative;
		color:#999;
	}

	blockquote::before{
		content: "\201C"; /*Unicode for Left Double Quote*/

		/*フォント*/
		font-family: Georgia, serif;
		font-size: 30px;
		font-weight: bold;

		/*ポジショニング*/
		position: absolute;
		left: 10px;
		top:0;
	}

	blockquote::after{
		content: "\201D"; /*Unicode for Right Double Quote*/

		/*フォント*/
		font-family: Georgia, serif;
		font-size: 30px;
		font-weight: bold;

		/*ポジショニング*/
		position: absolute;
		right: 10px;
		top:0;
	}

	/* wordpress ページネーション
	---------------------------------------------- */
	div.wp-pagenavi{
		text-align: center;
		padding-top: 80px;
		overflow: hidden;
		line-height: 1.2;
		position: relative;
	}

	div.wp-pagenavi span{
		color: #333;
		display: inline-block;
		text-align: center;
		font-weight: bold;
		width: 50px;
		padding: 15px 0;
		margin: 0 5px;
	}

	div.wp-pagenavi a{
		color: #ccc;
		display: inline-block;
		text-align: center;
		width: 50px;
		padding: 15px 0px;
		margin: 0 4px;
	}

	div.wp-pagenavi a:hover{
		color: #333;
		font-weight: bold;
	}

	div.wp-pagenavi a.previouspostslink,
	div.wp-pagenavi a.nextpostslink{
		position: relative;
		color: #FFF;
		width: 50px;
		padding: 15px 0;
	}
	div.wp-pagenavi a.previouspostslink{margin: 0 5px 0 0;}
	div.wp-pagenavi a.nextpostslink{margin: 0 0 0 5px;}

	div.wp-pagenavi a.previouspostslink::before{
		content: "";
		display: block;
		background: url("/img/arrow_blue_l.png") no-repeat center center;
		width: 100%;
		padding-top: 100%;
		position: absolute;
		top: 0;
		left: 0;
		-webkit-transition: .2s ease-in-out;
		transition: .2s ease-in-out;
	}
	
	div.wp-pagenavi a.previouspostslink:hover::before{
		transform: translateX(-10px);
	}

	div.wp-pagenavi a.nextpostslink::before{
		content: "";
		display: block;
		background: url("/img/arrow_blue_r.png") no-repeat center center;
		width: 100%;
		padding-top: 100%;
		position: absolute;
		top: 0;
		right: 0;
		-webkit-transition: .2s ease-in-out;
		transition: .2s ease-in-out;
	}
	
	div.wp-pagenavi a.nextpostslink:hover::before{
		transform: translateX(10px);
	}

	.first,
	.last,
	.pages,
	.extend{display:none !important;}

			
	
  /* ------------------------------------------------------------

  header

  ------------------------------------------------------------ */
	#wrap_header{
		padding: 60px;
		position: relative;
	}
	
	#h_logo{
		position: absolute;
		left: 30px;
		top: 30px;
	}
	
	#h_logo a img{
		width: auto;
		height: 50px;
	}
	
	/*　メニュー
	.--------------------------------------------------------*/
		
	.drawer--right .drawer-nav{
		right: -25% !important;
	}
	
	.drawer--right .drawer-hamburger, .drawer--right.drawer-open .drawer-nav, .drawer--right.drawer-open .drawer-navbar .drawer-hamburger{right: 0 !important;}
	
	.drawer-nav{width: 25% !important;}
	
	.drawer-hamburger{
		width: 4em !important;
		padding: 30px !important;
		top: 1vw !important;
    	right: 1vw !important;
	}
	
	.drawer-hamburger-icon:after, .drawer-hamburger-icon:before{top: -15px !important;}
	
	.drawer-hamburger-icon:after{top: 15px !important;}
	
	.drawer-open .drawer-hamburger-icon:after, .drawer-open .drawer-hamburger-icon:before{top: 0 !important;}
	
	.drawer-menu{
		padding: 10vw 2vw !important;
	}
	
	.drawer-menu li{
		padding-bottom: 1vw;
		text-align: center;
	}
	
	.drawer-menu li:last-child{padding-bottom: 0;}
	
	/* .drawer-menu li:nth-child(1) a,
	.drawer-menu li:nth-child(2) a,
	.drawer-menu li:nth-child(3) a,
	.drawer-menu li:nth-child(4) a{
		text-decoration: line-through;
		pointer-events: none;
	} */
	
	.drawer-menu li a{
		font-weight: bold;
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 1.6rem;
		text-align: center;
		letter-spacing: 0.15em;
		display: inline-block;
		margin: 0 auto;
		color: #000;
	}
	
	.drawer-menu .btn_it a:hover{
		text-decoration: line-through !important;
		background: #c3ddf4;
		background: -moz-linear-gradient(transparent 53%, #c3ddf4 30%, #d4eaf6 20%);
		background: -webkit-linear-gradient(transparent 53%, #c3ddf4 30%, #d4eaf6 20%);
		background: linear-gradient(transparent 53%, #c3ddf4 30%,#d4eaf6 20%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3ddf4', endColorstr='#d4eaf6',GradientType=1 );
		color: #000;
	}
	
	.drawer-menu .btn_develop a:hover{
		text-decoration: line-through !important;
		background: #c2d8dc;
		background: -moz-linear-gradient(transparent 53%,  #c2d8dc 30%, #d3d6ed 20%);
		background: -webkit-linear-gradient(transparent 53%,  #c2d8dc 30%,#d3d6ed 20%);
		background: linear-gradient(transparent 53%,  #c2d8dc 30%,#d3d6ed 20%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2d8dc', endColorstr='#d3d6ed',GradientType=1 );
		color: #000;
	}
	
	.drawer-menu .btn_hosting a:hover{
		text-decoration: line-through !important;
		background: #c4cded;
		background: -moz-linear-gradient(transparent 53%, #c4cded 30%, #9daae3 20%);
		background: -webkit-linear-gradient(transparent 53%, #c4cded 30%,#9daae3 20%);
		background: linear-gradient(transparent 53%, #c4cded 30%,#9daae3 20%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4cded', endColorstr='#9daae3',GradientType=1 );
		color: #000;
	}
	
	.drawer-menu .btn_ses a:hover{
		text-decoration: line-through !important;
		background: #9597cc;
		background: -moz-linear-gradient(transparent 53%, #9597cc 30%, #c2cae5 20%);
		background: -webkit-linear-gradient(transparent 53%, #9597cc 30%,#c2cae5 20%);
		background: linear-gradient(transparent 53%, #9597cc 30%,#c2cae5 20%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9597cc', endColorstr='#c2cae5',GradientType=1 );
		color: #000;
	}
	
	.drawer-menu .btn_creative a:hover{
		text-decoration: none !important;
		background: #bec0df;
		background: -moz-linear-gradient(transparent 53%, #bec0df 0%, #dccde5 100%);
		background: -webkit-linear-gradient(transparent 53%, #bec0df 0%,#dccde5 100%);
		background: linear-gradient(transparent 53%, #bec0df 0%,#dccde5 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bec0df', endColorstr='#dccde5',GradientType=1 );
		color: #000;
	}
	
	.drawer-menu .btn_promotion a:hover{
		text-decoration: none !important;
		background: #E6DAEA;
		background: -moz-linear-gradient(transparent 53%, #E6DAEA 0%, #F5E5E4 100%);
		background: -webkit-linear-gradient(transparent 53%, #E6DAEA 0%,#F5E5E4 100%);
		background: linear-gradient(transparent 53%, #E6DAEA 0%,#F5E5E4 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E6DAEA', endColorstr='#F5E5E4',GradientType=1 );
		color: #000;
	}
	
	/*　SNS
	.--------------------------------------------------------*/
	.h_sns ul{
		display:-webkit-flex;
        display:flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
		margin-left: auto;
		padding: 0 6vw;
	}
	
	.h_sns li img{
		width: auto;
		height: 25px;
		vertical-align: middle;
	}
	
	.h_sns li{
		-webkit-transition: .2s ease-in-out;
		transition: .2s ease-in-out;
	}
	
	.h_sns li:hover{
		transform: translateY(-5px);
	}
	
  /* ------------------------------------------------------------

 	Footer

  ------------------------------------------------------------ */
	#footer{
		padding: 0 60px 15px 60px;
		position: relative;
	}
	
	#small{
		font-size: 1.1rem;
		text-align: center;
	}
	
	/*　メニュー
	--------------------------------------------------------*/
	#nav_footer ul{
		width: 200px;
		display:-webkit-flex;
        display:flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
		margin-left: auto;
		margin-right: 50px;
	}
	
	#nav_footer li img{
		width: auto;
		height: 25px;
		vertical-align: middle;
	}
	
	#nav_footer li{
		-webkit-transition: .2s ease-in-out;
		transition: .2s ease-in-out;
	}
	
	#nav_footer li:hover{
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}
	
	/*　PAGETOP
	--------------------------------------------------------*/
	#pagetop{
		position: fixed;
		bottom: 33px;
		right: 50px;
	}
	
	#pagetop img{height: 15px !important;}
	
}


@media only screen and (max-width:767px){ /* 表示領域が767px以下の場合に適用するスタイル */
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

スマートフォン（iPhone,Android)

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/* ------------------------------------------------------------

common

------------------------------------------------------------ */

	body{
		font-size: 14px;
		font-size: 1.4rem;/*-14px-*/
		line-height: 1.8;
	}

	.sp_br{display: block;}
	.none{display: none !important;}
	
	/*　レイアウト
	--------------------------------------------------------*/
	.pagettl01{
		font-weight: bold;
		font-size: 4rem;
		font-family: 'Roboto Condensed', sans-serif;
		font-style: Italic;
		margin-bottom: 25px;
	}
	
	.s_cate{
		font-size: 2rem;
    	font-style: initial;
	}
	
	.wrap01{
		padding: 0 40px;
		margin-bottom: 60px;
	}
	
	/*--404--*/
	.wrap_404{
		margin-bottom: 20vw;
	}
	
	.wrap_404 p{
		margin-bottom:45px;
		line-height: 2;
	}
	
	.wrap_404 .btn01 a{z-index: 1;}
	
	/* 見出し
	--------------------------------------------------------*/
	.heading01{
		font-weight: bold;
		font-size: 1.8rem;
		padding-bottom: 25px;
		margin-bottom: 25px;
		position: relative;
	}
	
	.heading01::after{
		content: '';
		width: 30px;
		height: 4px;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	
	.h_cre::after{background: #dccde5;}
	.h_pro::after{background: #E6DAEA;}
	
	/* ボタン
	--------------------------------------------------------*/
	.btn01{text-align: center;}
	
    .btn01 a{
		font-family: 'Roboto Condensed', "游ゴシック";
        display: inline-block;
        border-radius: 25px;
		padding: 12px 0;
        text-align: center;
        text-decoration: none;
        outline: none;
		position: relative;
  		z-index: 2;
		background: #333;
		border: 1px solid #333;
		color: #fff;
		overflow: hidden;
		width: 80%;
     }
	
	.link_external{
		margin: 50px 0 30px;
		text-align: center;
	}
	
	.link_external a{
		color: #aaa;
		border: 1px solid #aaa;
		padding: 10px 20px;
		display: inline-block;
	}
		
	.link_external a svg{
		height: 15px;
		vertical-align: middle;
		margin-right: 5px;
	}
		
	.st0{fill: #b8b8b8;}
	
	
	
	/*　一覧へ戻るボタン
	--------------------------------------------------------*/
	#f_btn01{
		margin-bottom: 50px;
	}
	
	.l_btn a{
		font-family: 'Roboto Condensed', "游ゴシック";
		color: #000;
		letter-spacing: 0.05em;
	}
	
	.l_btn a::before{
		content: '';
		width: 37%;
		height: 1px;
		background: #000;
		display: inline-block;
		vertical-align: middle;
		margin-right: 1em;
	}
	
	/* ------------------------------------------------------------

	wordpress

	------------------------------------------------------------ */

	/* wp_contents
	---------------------------------------------- */
	div.wp_contents{
		overflow:hidden;
	}

	div.wp_contents p{
		margin-bottom:1.5em;
		line-height: 2;
	}

	div.wp_contents p:last-child{margin-bottom:0;}

	div.wp_contents a{
		color:#000;
		text-decoration:underline;
	}

	div.wp_contents img{
		max-width:100% !important;
		height:auto;
	}

	.gallery-item img{
		max-width:100% !important;
		height:auto;
	}

	img.cl{
		width:1px !important;
		height:1px !important;
	}

	div.wp_contents .alignleft{float:left;}
	div.wp_contents .alignright{float:right;}
	div.wp_contents .aligncenter{
		display:block;
		margin:auto;
	}
	
	/* wordpress 引用
	---------------------------------------------- */
	blockquote{
		display:inline-block;
		padding:10px 27px 0 27px;
		position: relative;
		color:#999;
	}

	blockquote::before{
		content: "\201C"; /*Unicode for Left Double Quote*/

		/*フォント*/
		font-family: Georgia, serif;
		font-size: 30px;
		font-weight: bold;

		/*ポジショニング*/
		position: absolute;
		left: 10px;
		top:0;
	}

	blockquote::after{
		content: "\201D"; /*Unicode for Right Double Quote*/

		/*フォント*/
		font-family: Georgia, serif;
		font-size: 30px;
		font-weight: bold;

		/*ポジショニング*/
		position: absolute;
		right: 10px;
		top:0;
	}

	/* wordpress ページネーション
	---------------------------------------------- */
	div.wp-pagenavi{
		text-align: center;
		padding-top: 40px;
		overflow: hidden;
		font-size: 1.6rem;
		line-height: 1.2;
		position: relative;
	}

	div.wp-pagenavi span{
		color: #333;
		display: inline-block;
		font-weight: bold;
		text-align: center;
		width: 35px;
		padding: 10px 0;
		margin: 0 5px;
	}

	div.wp-pagenavi a{
		color: #0071CF;
		display: inline-block;
		text-align: center;
		width: 35px;
		padding: 10px 0px;
		margin: 0 4px;
	}

	div.wp-pagenavi a:hover{color: #333;}

	div.wp-pagenavi a.previouspostslink,
	div.wp-pagenavi a.nextpostslink{
		position: relative;
		color: #FFF;
		width: 35px;
		padding: 10px 0;
	}
	div.wp-pagenavi a.previouspostslink{margin: 0 5px 0 0;}
	div.wp-pagenavi a.nextpostslink{margin: 0 0 0 5px;}

	div.wp-pagenavi a.previouspostslink::before{
		content: "";
		display: block;
		background: url("/img/arrow_blue_l.png") no-repeat center center;
		background-size: 25px;
		width: 100%;
		padding-top: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}

	div.wp-pagenavi a.nextpostslink::before{
		content: "";
		display: block;
		background: url("/img/arrow_blue_r.png") no-repeat center center;
		background-size: 25px;
		width: 100%;
		padding-top: 100%;
		position: absolute;
		top: 0;
		right: 0;
	}

	.first,
	.last,
	.pages,
	.extend{display:none !important;}

	
	
	/* ------------------------------------------------------------

	header

	------------------------------------------------------------ */
	#wrap_header{
		height: 70px;
		position: relative;
	}
	
	#h_logo img{
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		left: 10px;
   		height: 50px;
	}
	
	/*　メニュー
	--------------------------------------------------------*/	
	
	/*--リサイズ時のちらつき防止--*/
	.drawer--right .drawer-nav{top: -100%;}
	
	.drawer-hamburger{
		width: 2.8rem !important;
		padding: 18px 2rem 30px !important;
	}
	
	.drawer-menu{
		margin: 40px 0 !important;
	}
	
	.drawer-menu li{
		text-align: center;
		padding: 2vw;
	}
	
	.drawer-menu li:last-child{padding-bottom: 0;}
	
	.drawer-menu li a{
		font-weight: bold;
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 1.6rem;
		text-align: center;
		letter-spacing: 0.15em;
		margin: 0 auto;
		color: #000;
		padding: 2vw;
		display: inline-block;
	}
	
	/* .drawer-menu li:nth-child(1) a,
	.drawer-menu li:nth-child(2) a,
	.drawer-menu li:nth-child(3) a,
	.drawer-menu li:nth-child(4) a{
		pointer-events: none;
		text-decoration: line-through;
	} */
	
	.drawer-menu .btn_creative a:hover{
		text-decoration: none !important;
		background: #bec0df;
		background: -moz-linear-gradient(transparent 50%, #bec0df 0%, #dccde5 100%);
		background: -webkit-linear-gradient(transparent 50%, #bec0df 0%,#dccde5 100%);
		background: linear-gradient(transparent 50%, #bec0df 0%,#dccde5 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bec0df', endColorstr='#dccde5',GradientType=1 );
		color: #000;
	}
	
	.drawer-menu .btn_promotion a:hover{
		text-decoration: none !important;
		background: #E6DAEA;
		background: -moz-linear-gradient(transparent 50%, #E6DAEA 0%, #F5E5E4 100%);
		background: -webkit-linear-gradient(transparent 50%, #E6DAEA 0%,#F5E5E4 100%);
		background: linear-gradient(transparent 50%, #E6DAEA 0%,#F5E5E4 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E6DAEA', endColorstr='#F5E5E4',GradientType=1 );
		color: #000;
	}
	
	/* ------------------------------------------------------------

 	Footer

  ------------------------------------------------------------ */
	#footer{margin-bottom: 45px;}
	
	#small{
		font-size: 1.1rem;
		text-align: center;
	}
	
	/*　メニュー
	--------------------------------------------------------*/	
	#nav_footer ul,
	.h_sns ul{
		width: 70vw;
		display:-webkit-flex;
        display:flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
		margin: 0 auto 30px;
	}
	
	#nav_footer li img,
	.h_sns li img{
		width: auto;
		height: 25px;
	}
	
	/*　PAGETOP
	--------------------------------------------------------*/	
	#pagetop img{
		vertical-align: middle;
		height: 15px !important;
	}
	

}