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

title : 刀剣広場ブログ ベーススタイル
scope : 刀剣広場ブログ 共通

memo：刀剣広場ブログ移植ページ以外のページで使用しているbase.cssとは異なります。
base.cssは刀剣広場ブログでは使用しないでください。
刀剣サイトまたは刀剣広場共通のCSSもこちらに追記しています。

last modify : 2022/09/07 tanaka／WEB2TCI-29508 新規作成

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

/* Reset */
html{color:#000;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;}
body{word-wrap:break-word;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;}
img,input[type="image"]{vertical-align:top;-ms-interpolation-mode:bicubic;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
small{font-size:75%;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}
[hidden]{display:none;}
pre,code,kbd,samp{font-family:monospace;}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
button,input{line-height:normal;}
button,input,select{vertical-align:baseline;*vertical-align:middle;}
button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;*overflow:visible;-webkit-appearance: button;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
textarea{overflow:auto;vertical-align:top;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;}


/* 共通ヘッダー
----------------------------------------------- */
#header2 {
	background-color: #fff;
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	color: #333;
	position: relative;
}
#header2 input#header2_query {
	font-size: 13px;
	line-height: 15px;
}
#header2 table#header span.common-header-logo {
	margin-top: 1px!important;
	display: block;
}
#header2 a {
	color: #333;
}


/* ブログヘッダー
----------------------------------------------- */
/* かんたんタイトル画像 */
#blog-header.show-image {
	background: transparent;
	height: auto;
	position: relative;
}
#blog-header.show-image hgroup,
#blog-header.show-image #blog-header-inner {
	position: absolute;
}
#blog-header.show-image #blog-header-image {
	width: 100%;
}
#blog-header.hide-text hgroup,
#blog-header.hide-text #blog-header-inner,
#blog-header.hide-text #blog-title,
#blog-header.hide-text #blog-title a {
	display: block;
	height: 100%;
	padding: 0;
	width: 100%;
}
#blog-header.hide-text #blog-title a,
#blog-header.hide-text #blog-description {
	line-height: 0;
	text-indent: -99999px;
}


/* スプライトアイコン
----------------------------------------------- */
.article-category dt,
.article-comment-count dt,
.article-continue a,
dl.common-theme dt,
dl.article-tags dt,
.sidewrapper input.sf {
	background: url(/app/themes/wp-templ/image-cmn/blog/parts/icons.png) 0 0 no-repeat;
}


/* 記事本文
----------------------------------------------- */
.article-body {
	line-height: 1.7;
}
.article-body-inner a{
	text-decoration: underline;
	overflow: hidden;
}
.article-body-inner h1,
.article-body-inner h2,
.article-body-inner h3,
.article-body-inner h4,
.article-body-inner h5,
.article-body-inner h6 {
	font-weight: bold;
	line-height: 1.3;
	margin: 0.7em 0;
}
.article-body-inner h1,
.article-body-inner h2,
.article-body-inner h3 {
	font-size: 20px;
	padding: 4px 0;
}
.article-body-inner h4 {
	font-size: 18px;
	padding: 2px 0;
}
.article-body-inner h5 {
	font-size: 16px;
}
.article-body-inner h6 {
	font-size: 14px;
}
.article-body-inner p,
.article-body-inner pre,
.article-body-inner dl,
.article-body-inner ol,
.article-body-inner ul,
.article-body-inner blockquote {
	margin: 1em 0;
}
.article-body-inner p {
	line-height: 2;
}
.article-body-inner dt {
	margin-top: 0.5em;
}
.article-body-inner dl + dt {
	margin-top: 0;
}
.article-body-inner dd {
	margin: 0 0 0 1em;
}
.article-body-inner ol,
.article-body-inner ul {
	padding: 0 0 0 1.75em;
}
.article-body-inner li ol,
.article-body-inner li ul {
	margin: 0;
}
.article-body-inner blockquote,
.article-body-inner blockquote p {
	line-height: 1.5;
}
.article-body-inner blockquote {
	padding: 1em 1em 1em 5em;
	position: relative;
	clear: both;
}
.article-body-inner blockquote:before {
	content: '“';
	font-family: '',serif;
	font-size: 8em;
	left: 8px;
	line-height: 1;
	position: absolute;
	top: 0;
}
.article-body-inner img.pict{
	max-width: 100%;
	height: auto;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.article-body-inner img.pict[align="left"] {
	margin-right: 10px;
	margin-bottom: 10px;
}
.article-body-inner img.pict[align="right"] {
	margin-bottom: 10px;
	margin-left: 10px;
}
.article-body-inner img[src^="https://parts.blog.livedoor.jp/"] { /* 絵文字用 */
	vertical-align: baseline;
}
.article-body-inner table {
	line-height: 1.2;
}
.article-body-inner table th{
	background-color: #e7e7e7;
}
.article-body-inner table th,
.article-body-inner table td{
	border: 1px solid #bbb;
	padding: 4px 8px;
}
.article-body-inner table caption{
	font-weight: bold;
	font-size: 1.17em;
	padding: 4px 8px;
}

/* 記事フッター、カテゴリ、コメント */
.article-footer {
	clear: both;
}
.article-meta li {
	float: right;
	font-size: 12px;
	line-height: 20px;
	list-style: none;
	margin: 0 0 0 8px;
}
.article-meta .article-author{
	color: #999;
	margin-right: 12px;
	display:none;
}
.article-category dt,
.article-comment-count dt {
	text-indent: -9999px;
	float: left;
	width: 20px;
	height: 20px;
}
.article-category dd,
.article-comment-count dd {
	float: left;
	line-height: 1;
	margin-top: 4px;
	padding: 0 8px;
}
.article-category dd.article-category2 {
	border-left:1px solid #999;
}
.article-category dt {
	background-position: 0 0;
}
.article-comment-count dt {
	background-position: 0 -70px;
}

/* 続きを読む */
.article-continue {
	display: block;
	text-align: center;
	clear: both;
	margin: 1em 0;
}
.article-continue a {
	display: inline-block;
	background-position: 100% -199px;
	padding-right: 24px;
	font-weight: bold;
}

/* 共通テーマ */
dl.common-theme dt {
	background-position: 0 -135px;
	display: inline-block;
	text-indent: -9999px;
	width: 22px;
}

/* メッセージボード */
div.message-board-outer{
	margin: 0;
}
body.main-2col .message-board {
	margin-top: 26px;
}
.message-board img[align="left"] {
	margin-right: 10px;
}
.message-board img[align="right"] {
	margin-left: 10px;
}

/* タグ */
dl.article-tags {
	line-height: 1.3;
	margin: 1em 0;
	overflow: hidden;
}
dl.article-tags dt {
	background-position: 0 -326px;
	float: left;
	text-indent: -9999px;
	width: 12px;
}
dl.article-tags dd {
	display: inline;
	margin-left: 12px;
}

/* プライベートモード、コメントにログインが必要な場合のメッセージ */
div.private-mode-announcement,
div.comment-auth-announcement {
	border: 1px solid #ddd;
	background-color: #fafafa;
	margin: 2em 0;
	padding: 0;
	border-radius: 4px;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
}
div.private-mode-announcement p,
div.comment-auth-announcement p {
	line-height: 1.5;
	margin: 1em;
}
div.private-mode-announcement p.authorized,
div.comment-auth-announcement p.authorized {
	text-align: center;
}
div.private-mode-announcement p.authorized a,
div.comment-auth-announcement p.authorized a {
	margin-left: 2em;
}


/* ページ送り
----------------------------------------------- */
/* トップページ */
ul.index-navigator {
	height: 36px;
	margin: 18px 0;
	text-align: center;
}
ul.index-navigator li,
ul.index-navigator li ol {
	display: inline-block;*display: inline;*zoom: 1;
	margin: 0!important;
}
ul.index-navigator li a,
ul.index-navigator li.current span {
	display: inline-block;*display: inline;*zoom: 1;
	font-weight: bold;
	line-height: 28px;
	margin: 0 2px;
	padding: 0 10px;
	text-decoration: none;
	-webkit-transition: background-color 0.1s linear;
	   -moz-transition: background-color 0.1s linear;
	    -ms-transition: background-color 0.1s linear;
	     -o-transition: background-color 0.1s linear;
	        transition: background-color 0.1s linear;
}


/* 記事ページ、月別アーカイブページ */
ul.article-pager,
ul.archives-pager {
	list-style: none;
	text-align: center;
	padding: 20px;
}
ul.article-pager li,
ul.archives-pager li {
	display: inline;
	margin: 0 20px;
}

ul.article-pager li a,
ul.archives-pager li a {
	display: inline-block;
	padding: 7px 30px;
	text-decoration: none;
	-webkit-transition: background-color 0.1s linear;
	   -moz-transition: background-color 0.1s linear;
	    -ms-transition: background-color 0.1s linear;
	     -o-transition: background-color 0.1s linear;
	        transition: background-color 0.1s linear;
}
ul.article-pager li a:hover,
ul.archives-pager li a:hover {
	background-color: #eee;
	text-decoration: none;
}
ul.archives-pager li.both {
	border: 0;
}


/* フォーム部分共通
----------------------------------------------- */
#article-options li{
	list-style: none;
}
#article-options h3{
	display: none;
}
#article-options .article-option-title{
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 1px;
}
#article-options input.text,
#article-options textarea,
.trackback-form-url input {
	border: 1px solid #aaa;
	padding: 6px;
	line-height: 18px;
	color: #555;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-transition: border 0.1s ease, box-shadow 0.1s ease;
	   -moz-transition: border 0.1s ease, box-shadow 0.1s ease;
	    -ms-transition: border 0.1s ease, box-shadow 0.1s ease;
	     -o-transition: border 0.1s ease, box-shadow 0.1s ease;
	        transition: border 0.1s ease, box-shadow 0.1s ease;
}
#article-options input.text,
.trackback-form-url input {
	border-radius: 3px;
	height: 32px;
}
#article-options textarea {
	border-bottom: 1px solid #ddd;
	border-radius: 3px 3px 0 0;
}
#article-options input.text:focus,
#article-options textarea:focus,
.trackback-form-url input:focus {
	outline: 0;
	border: 1px solid rgba(23,126,229, 0.5);
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.2), 0 0 6px rgba(23,126,229, 0.5);
}
#article-options button,
.trackback-form-submit input {
	border: 1px solid #aaa;
	padding: 0 10px;
	line-height: 26px;
	text-shadow: 0 1px 0 #fff;
	border-radius: 3px;
	background-color: #fafafa;
	background-image: -webkit-linear-gradient(#fefefe, #fefefe 25%, #e7e7e7);
	background-image:    -moz-linear-gradient(#fefefe, #fefefe 25%, #e7e7e7);
	background-image:     -ms-linear-gradient(#fefefe, #fefefe 25%, #e7e7e7);
	background-image:      -o-linear-gradient(#fefefe, #fefefe 25%, #e7e7e7);
	background-image:         linear-gradient(#fefefe, #fefefe 25%, #e7e7e7);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e7e7e7', GradientType=0)\9;
}
#article-options button:hover,
.trackback-form-submit input:hover {
	background-color: #e7e7e7;
	background-position: 0 -10px;
	-webkit-transition: background-position 0.1s linear;
	   -moz-transition: background-position 0.1s linear;
	    -ms-transition: background-position 0.1s linear;
	     -o-transition: background-position 0.1s linear;
	        transition: background-position 0.1s linear;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#e0e0e0', GradientType=0)\9;
}


/* コメント・トラックバック一覧
----------------------------------------------- */
.comment-info,
.trackback-set {
	margin: 16px 0;
	font-size: 12px;
}
.comment-author,
.comment-date,
.ping-title,
.ping-info,
.ping-blog-name,
.ping-date{
	display: inline;
}
.comment-author,
.ping-title {
	font-weight: bold;
	padding-right: 8px;
}
.comment-date,
.ping-blog-name,
.ping-date {
	padding: 0 8px;
}
.comment-body,
.ping-excerpt {
	padding: 8px 0;
	line-height: 1.5;
}


/* コメント投稿フォーム
----------------------------------------------- */
#comment-form {
	font-size: 12px;
	margin: 2em 0 4em;
}
#comment-form dl {
	overflow: hidden;
	padding: 5px 0;
}
#comment-form dl.comment-form-body {
	overflow: visible;
}
#comment-form dd {
	margin: 0 12%;
}
#comment-form dt {
	float: left;
	width: 10%;
	text-align: right;
	line-height: 30px;
	color: #555;
}
#comment-form fieldset {
	border: 0;
}
#comment-form legend {
	display: none;
}
#comment-form-tools {
	background-color: #f5f5f5;
	border: 1px solid #bbb;
	border-top: 0;
	border-radius: 0 0 3px 3px;
	font-size: 12px;
	height: 32px;
}
#comment-form-tools .submit {
	float: right;
	margin: 2px;
}
#comment-form-author,
#comment-form-email {
	width: 60%;
}
#comment-form-url,
#comment-form-textarea {
	width: 100%;
}
#comment-form .comment-form-body dt {
	display: none;
}

/* コメントユーザーを限定した時の名前 */
#comment-author-form {
	line-height: 30px;
}


/* トラックバック投稿フォーム
----------------------------------------------- */
#trackback-form {
	font-size: 12px;
	margin: 24px 0;
}
#trackback-form ul {
	margin: 16px 0;
	text-align: center;
}
#trackback-form li{
	display: inline;
}
#trackback-form .trackback-form-url input {
	width: 74%;
}
#trackback-form .trackback-form-submit input {
	line-height: 18px;
	margin-left: 1%;
	padding-bottom: 6px;
	padding-top: 6px;
	white-space: nowrap;
	width: 24%;
}


/* ブログのフッター
----------------------------------------------- */
#blog-footer {
	font-size: 12px;
	min-height: 12px; /* PUREプランでフッターテキストが出ないとき用 */
	text-align: center;
}
#blog-footer a {
	text-decoration: none;
}


/* ブログパーツ
----------------------------------------------- */
/* 共通 */
.sidewrapper .side{
	text-align: center;
}
.sidewrapper .sidebody,
.sidewrapper .daily_count{
	text-align: left;
}
.sidewrapper .sidetop,
.sidewrapper .sidebottom {
	display: none;
}

/* 検索 */
.sidewrapper input.sf,
.sidewrapper input.sfbtn {
	border: 1px solid #aaa;
	font-size: 13px;
	height: 20px;
	line-height: 18px;
	outline: 0;
}
.sidewrapper input.sf {
	background-color: #fff;
	background-position: 4px -264px;
	border-radius: 10px 0 0 10px;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
	display: block;
	float: left;
	margin: 0 auto;
	padding: 0 5px 0 21px;
	vertical-align: top;
	width: 75%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.sidewrapper input.sfbtn {
	border-left: 0;
	border-radius: 0 10px 10px 0;
	float:right;
	text-shadow: 0 1px 0 #fff;
	width: 25%;
	background: #f1f1f1;
	background: -webkit-linear-gradient(top,#fefefe 0%,#f1f1f1 100%);
	background:    -moz-linear-gradient(top,#fefefe 0%,#f1f1f1 100%);
	background:     -ms-linear-gradient(top,#fefefe 0%,#f1f1f1 100%);
	background:      -o-linear-gradient(top,#fefefe 0%,#f1f1f1 100%);
	background:         linear-gradient(top,#fefefe 0%,#f1f1f1 100%);
	-webkit-transition: color 0.2s ease;
	   -moz-transition: color 0.2s ease;
	    -ms-transition: color 0.2s ease;
	     -o-transition: color 0.2s ease;
	        transition: color 0.2s ease;
}
.sidewrapper input.sfbtn:hover,
.sidewrapper input.sfbtn:focus {
	color: #2e90c5;
}

/* カレンダー */
.calendarhead {
	font-weight: bold;
	text-align: center;
}
[class^="plugin-calendar"] a {
	text-decoration: none;
}
table.caltbl {
	line-height: 1.8;
	margin: 8px auto;
	width: 100%;
}
table.caltblwk,
table.caltblday {
	margin: 0 auto;
	max-width: 220px;
}
table.caltblwk td,
table.caltblday td {
	text-align: center;
}
table.caltblday td a {
	display: block;
}
table.caltblday td a:hover {
	text-decoration: none;
}
.caltop,
.calbottom {
	display: none;
}

/* ギャラリー */
ul.galleryThumbnail li img {
	border: 1px solid #e4e7e8;
	border-radius: 3px;
}

/* 最新のコメント, トラックバック */
.plugin-recent_comments .sidebody,
.plugin-recent_track_backs {
	color: #666;
}

/* 人気記事 */
.side div.popular-articles table td {
	padding-bottom: 7px;
}

/* 最新記事（画像付） */
.side ul.recent-article-image li {
	margin-bottom: 7px;
}

/* 投稿数表示グラフ */
.plugin-techc hr {
	width: 100%;
	margin: 15px 0;
	height: 1px;
	border: none;
	background-color: #d8d8d8;
}
#cal_select {
	margin: 3px 0;
}
#cal_space, #graph_space {
	width: 100%;
}
#cal_space table,
#graph_space table {
	width: 100%;
}
#cal_space td {
	width: 14%;
	padding: 2px;
}
#graph_space td {
	padding: 2px;
}

/* メッセージ */
.message-box input[type="text"]{
	width: 96%;
	margin-top: 3px;
	border-radius: 3px;
	border: 1px solid #aaa;
	padding: 3px;
	color: #333;
}
.side div.message-box dl.message-detail textarea {
	width: 96%;
	margin-top: 3px;
	border-radius: 3px;
	border: 1px solid #aaa;
	padding: 3px;
	color: #333;
}
.blog-members a {
	line-height: 2em;
}

/* LD Services */
ul#ld-services {
	clear: both;
	padding:20px 0;
}
ul#ld-services li {
	margin: 10px 0;
}


/* その他のパーツ
----------------------------------------------- */
/* ページトップへ */
.to-pagetop {
	bottom: -80px;
	position: absolute;
	right: -5px;
}
.to-pagetop a img {
	opacity: 0.6;
	-webkit-transition: opacity linear 0.2s;
	   -moz-transition: opacity linear 0.2s;
	    -ms-transition: opacity linear 0.2s;
	     -o-transition: opacity linear 0.2s;
	        transition: opacity linear 0.2s;
}
.to-pagetop a:hover img {
	opacity: 0.9;
}

/* 記事下広告 */
#ad2 a.adld,
#ad2 a.adld:visited {
	color: #888;
	text-decoration: none;
}
#ad2 .adbox{
	padding-bottom: 7px!important;
}
#ad2 .adhover{
	padding-bottom: 6px!important;
}


/* clearfix 
----------------------------------------------- */
.article-body-inner:after,
.article-meta:after,
#container:after,
#content:after,
article:after,
section:after,
.cf:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.article-body-inner,
.article-meta,
#container,
#content,
article,
section,
.cf {
	zoom: 1;
}

/* ------------------------------------ */
/* ▼ 刀剣サイト共通 */
/* ------------------------------------ */
/* ------------------------------------ */
/* ▼ font type */
/* ------------------------------------ */
.ffM {
  font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝体","游明朝","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","HG明朝E","ryo-display-plusn",serif;
}

/* ------------------------------------ */
/* ▼ pc or sp only (inline block unused) */
/* ------------------------------------ */
@media (min-width: 768px) {
  .sp_only {
    display: none!important;
  }
}

@media (max-width: 767px) {
  .pc_only {
    display: none!important;
  }
}

/* ------------------------------------ */
/* ▼ wrap element size */
/* ------------------------------------ */
.wcm {
  max-width: 1024px;
  margin: 0 auto;
  width: 100%;
}

/* ------------------------------------ */
/* ▼ hover opacity PC only */
/* ------------------------------------ */
@media (min-width: 768px) {
  .roll {
    transition: opacity .3s;
  }

  .roll:hover {
    opacity: .6;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .roll:hover {
    opacity: 1;
  }
}

/* ------------------------------------ */
/* ▼ 刀剣広場共通
		1rem → 16px のため 1.6で割る
		aとspanに box-sizing: border-box; 追加*/
/* ------------------------------------ */
/* ------------------------------------ */
/* ▼ pager */
/* ------------------------------------ */
.cmn_pager_wrap {
  margin-top: 1.875rem;
	margin-bottom: 70px;
}

.cmn_pager_list_wrap span,
.cmn_pager_list_wrap a {
  box-sizing: border-box;
}

.cmn_pager_list_wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.cmn_pager_list_wrap>li {
  padding: 0 .312rem;
}

.cmn_pager_list_wrap>li.is_hide {
  display: none;
}

/* prev next btn */
.cmn_pager_move>a,
.cmn_pager_move>span {
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .9375rem;
  line-height: 1;
  height: 34px;
  position: relative;
  width: 105px;
}

.cmn_pager_move.cmn_pager_prev>a,
.cmn_pager_move.cmn_pager_prev>span {
  padding-right: .75rem;
}

.cmn_pager_move.cmn_pager_next>a,
.cmn_pager_move.cmn_pager_next>span {
  padding-left: .75rem;
}

.cmn_pager_move>a::before,
.cmn_pager_move>a::after,
.cmn_pager_move>span::before,
.cmn_pager_move>span::after {
  content: "";
  display: block;
  height: 1px;
  width: 7px;
  position: absolute;
  top: 50%;
}

.cmn_pager_move.cmn_pager_next>a::before,
.cmn_pager_move.cmn_pager_next>span::before {
  transform: rotate(40deg);
  margin-top: -2px;
  left: 7px;
}

.cmn_pager_move.cmn_pager_next>a::after,
.cmn_pager_move.cmn_pager_next>span::after {
  transform: rotate(-40deg);
  margin-top: 2px;
  left: 7px;
}

.cmn_pager_move.cmn_pager_prev>a::before,
.cmn_pager_move.cmn_pager_prev>span::before {
  transform: rotate(-40deg);
  margin-top: -2px;
  right: 7px;
}

.cmn_pager_move.cmn_pager_prev>a::after,
.cmn_pager_move.cmn_pager_prev>span::after {
  transform: rotate(40deg);
  margin-top: 2px;
  right: 7px;
}

.cmn_pager_move>a::before,
.cmn_pager_move>a::after {
  background-color: #0000ff;
}

.cmn_pager_move>a:hover::before,
.cmn_pager_move>a:hover::after {
  background-color: #fff;
}

.cmn_pager_move>span::before,
.cmn_pager_move>span::after {
  background-color: #6d6d6d;
}

.cmn_pager_move>a {
  background-color: #fff;
  border: 1px solid #1d558d;
  color: #4250dc;
}

.cmn_pager_move>a:hover {
  background-color: #4250dc;
  color: #fff;
}

.cmn_pager_move>span {
  background-color: #ccc;
  color: #8e8e8e;
  text-shadow: 1px 1px 0 rgba(255,255,255,1);
}

/* page number btn */
.cmn_pager_number>a,
.cmn_pager_number>span {
  border: 1px solid #1d558d;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .9375rem;
  height: 34px;
  letter-spacing: .01em;
  line-height: 1;
  width: 34px;
}

.cmn_pager_number>span {
  background-color: #4250dc;
  color: #fff;
}

.cmn_pager_number>a {
  background-color: #fff;
  color: #4250dc;
}

.cmn_pager_number>a:hover {
  background-color: #4250dc;
  color: #fff;
}

/* page jump btn */
.cmn_pager_select_row {
  background-color: #fff;
  border: 1px solid #1d558d;
  border-radius: 2px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .9375rem;
  height: 34px;
  letter-spacing: .01em;
  line-height: 1;
  position: relative;
  width: 155px;
}

.is_open .cmn_pager_select_row {
  border-bottom: 1px dotted #1d558d;
  border-radius: 2px 2px 0 0 / 2px 2px 0 0;
}

.cmn_pager_select_title {
  color: #1d558d;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.cmn_pager_select_title_txt {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: .312rem;
  width: auto;
}

.cmn_pager_select_arrow {
  background-color: #4250dc;
  border-radius: 0 2px 2px 0;
  display: flex;
  font-size: 0;
  position: relative;
  height: 34px;
  width: 30px;
}

.is_open .cmn_pager_select_arrow {
  border-radius: 0 2px 0 0;
}

.cmn_pager_select_arrow>span {
  background-color: #fff;
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: 16px;
  width: 16px;
}

.is_open .cmn_pager_select_arrow>span {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.cmn_pager_select_arrow>span::before {
  border-color: #4250dc transparent transparent transparent;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  top: 6px;
  left: 4px;
  width: 0;
}

.cmn_pager_select_menu {
  border-bottom: 1px solid #1d558d;
  border-left: 1px solid #1d558d;
  border-right: 1px solid #1d558d;
  color: #1d558d;
  display: none;
  left: -1px;
  position: absolute;
  top: calc(100% + 1px);
  width: calc(100% + 2px);
}

.cmn_pager_select_list {
  display: flex;
  height: 34px;
  width: 100%;
}

.cmn_pager_select_list:not(:first-of-type) {
  border-top: 1px dotted #1d558d;
}

.cmn_pager_select_list>a {
  background-color: #fff;
  border-right: solid .75rem #ccc;
  color: #4250dc;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  padding-left: .312rem;
  width: 100%;
}

.cmn_pager_select_list>a:hover {
  background: #ffe6eb;
  color: #ff0000;
}

@media (max-width: 767px) {
  .cmn_pager_wrap {
    margin-top: 2.5rem;
  }

  .cmn_pager_move>a,
  .cmn_pager_move>span {
    font-size: .6875rem;
    height: 31px;
    width: 90px;
  }

  /* page number btn */
  .cmn_pager_number.sp_hide {
    display: none;
  }

  .cmn_pager_number>a,
  .cmn_pager_number>span {
    font-size: .6875rem;
    height: 31px;
    width: 31px;
  }

  /* page jump btn */
  .cmn_pager_select_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .625rem;
    width: 100%;
  }

  .cmn_pager_select_row {
    font-size: .6875rem;
    height: 31px;
    width: 126px;
  }

  .cmn_pager_select_list {
    height: 31px;
  }

  .cmn_pager_select_arrow {
    height: 31px;
    width: 31px;
  }

  .cmn_pager_last {
    font-size: .6875rem;
  }
}