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

body{
	/*background: #fff9d7;*/ 
	background: #fff;
    margin:0;
	padding:0;
	/*font-size: 15px;*/
	font-size: 14px;
	color: #333;
}
/* 個別設定しないときのリンク */
a{
	color: #572d24;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

/* ヘッダー */
header{
	background: #ffd13d;
	background: url("../img/top_obi.png");
	width: 100%;
    height: 100px;
    clear: both;
    position: fixed;
    margin-top: 0;
    z-index: 1;
}
/* ヘッダータイトル(社名) */
.toparea{
	width: 980px;
	display: flex;
	margin: 0 auto;
}
.maintitile{
	/*width: 980px;*/
	width: 200px;
	height: 57px;
	/*margin: 0 auto;*/
	padding-top: 10px;
	box-sizing: border-box;
	text-align: left;
}
.neko{
	width:780px; 
	height: 57px;
	padding-top: 7px;
    padding-right: 2px;
	box-sizing: border-box;
	text-align: right;
}
.neko img{
	width: 36px;
}

/* ヘッダーメニュー */
.headermenu{
	background: #feec98;
	padding: 10px 0;
	height: 43px;
	box-sizing: border-box;
}
.headermenu ul{
	width: 980px;
	margin: 0 auto;
	padding-left: 0;
	display: flex;
	text-align: center;
}
.headermenu ul li{
	display: inline-block;
	list-style: none;
	flex-grow: 1;
 	text-align: center;
}
.headermenu li +  li {
  border-left: 1px dashed #572d24;
}
.headermenu a{
	text-decoration: none;
	color: #572d24;
	transition: all 0.3s ease 0s;
	display: block;
}
.headermenu a:hover{
	color:  #ffbf37;
}
/* ドロップダウンメニュー */
.headermenu ul.drop li ul{
	width: 200px;
	position: absolute;
    top: 84px;
	display: none;
	background: #feec98;
}
.headermenu ul.drop li:hover ul{
	display: block;
	box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.3);
}
.headermenu ul.drop li ul li{
	display: block;
	text-align: left;
	padding: 10px;
	border-left: none;
	color: #572d24;
	border-bottom: 1px dotted  #c66e02;
}
.headermenu ul.drop li ul li.drop_last{
	border-bottom: none;
}
a.bookset{
	padding-left: 1em;
}

/*チェックボックス非表示*/
.nav-unshown {
  display:none;
}

/*  PC閲覧時の左右影用 */
.pcboxshadow{
	width: 980px;
	margin: 0 auto;
	
    /* ヘッダーのぶんあける */
	/*padding: 120px 0 0;*/ 
	padding: 110px 0 0; 
    
	background: #fff;
}
/* topだけスライド天に付けるから減らす */
#toppage .pcboxshadow{
    padding: 100px 0 0;
}
/* トップ絵 */
.topill{
	background: #fff;
	/*width: 980px;*/
	width: 100%;
	/*height:235px;*/ /* 画像の高さ＋ページネーションの高さ */
	/*height: 231px;*/
    
	margin: 0 auto;	
	/*padding-top: 100px;*/
    transition: all 0.3s ease 0s;
}
.topill:hover{
    opacity: 0.6;
    transition: all 0.3s ease 0s;
}


ul.slider{
    margin: 0 auto;
	/*width: 980px;*/
	width: 721px;
	padding-left: 0;
}
.slider img{
	width: 721px;
    height: auto;
}

/*slick setting*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}

/* TOPのフェア系 */
.toplinkarea, .toplinkarea_fair{
    margin: 1em 0;
    
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    width: 100%;
}
.toplink{
    /*background: #fafafa;
    margin-bottom: 1%;
    border-left: 30px solid #ff9600;
    transition: all 0.3s ease 0s;
    */
    width: 49.5%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    transition: all 0.3s ease 0s;
}
.toplink_fair{
    width: calc(98% / 3);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    transition: all 0.3s ease 0s;
    margin-left: 1%;
}
.topakaboo{
    transition: all 0.3s ease 0s;
    margin: 1em auto;
}
.toplink img{
    width: 100%;
    max-width: 378px;
}
.toplink:nth-child(2n){
    margin-left: 1%;
}
.toplink:hover,.toplink_fair:hover,.topakaboo:hover{
    opacity: 0.6;
    transition: all 0.3s ease 0s;
    /*border-left: 30px solid #feec98;
    color: #ff9600;*/
}
.toplink_fair img{
    width: 100%;
    max-width: 249px;
}
.toplink_fair:first-child{
    margin-left: 0;
}
.top_midashi{
    font-size: 150%;
    font-weight: bold;
    text-align: center;
    color: #572d24;
}

/* メイン部分の設定 */
#main{
	width: 980px;
	background: #FFF;
	margin: 0 auto;
	/*min-height: 100vh;*/
	height: auto;
	overflow:hidden;
	display:flex;
    flex-wrap:wrap;
	padding-bottom: 30px;
}
.notop{
	padding-top: 100px;
}

/* 左メニュー */
.leftmenu{
	width: 200px;
	/*width: 235px;*/
	/*margin-left: 15px;*/
	/*padding-top: 5px*/;
}
/*
#toppage .leftmenu{
    width: 200px;
}
*/

.link_my,.link_create,.link_my_shime{
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    background: #ff9600;
    color: #fff;
    border-radius: 5px;
    margin-top: 5px;
    font-weight: bold;
    transition: all 0.3s ease 0s;
}
.link_my{
    background: #4bcd61;
}
.link_create{
    background: #ffa664;
    padding: 5px;
}
.link_my_shime{
    background: #339dff;
}
.link_mypagebtn{
    width: 100%;
    /*padding: 15px;
    box-sizing: border-box;
    text-align: center;
    background: #ff5400;
    color: #fff;
    border-radius: 5px;
    font-weight: bold;*/
    transition: all 0.3s ease 0s;
}
.link_mypagebtn img,.link_nouki img{
    width: 100%;
    max-width: 400px;
}
.link_nouki{
    width: 100%;
    /*padding: 15px;
    box-sizing: border-box;
    text-align: center;
    background: #279dfc;
    color: #fff;
    margin-top: 5px;
    border-radius: 5px;
    font-weight: bold;*/
    transition: all 0.3s ease 0s;
}

#toppage .link_mypagebtn{
    margin-top: 5px;
}
.link_mypagebtn:hover,.link_nouki:hover{
    opacity: 0.6;
}
.link_my:hover{
    background: #a4f0ba;
}
.link_create:hover{
    background: #feec98;
    color: #ff9600;
}
.link_my_shime:hover{
    background: #7bc0ff;
}
.leftmenu .menubtn a:hover{
    opacity: 1;
}


/* 『印刷商品MENU』の見出し */
p.menutitle{
	display: flex;
	align-items: center;
	color: #572d24;
}
p.menutitle:before, p.menutitle:after {
	content: "";
	flex-grow: 1;
	height: 2px;
	background: #572d24;
	display: block;
}
p.menutitle:before{
	margin-right: .4em;
}
p.menutitle:after{
	margin-left: .4em;
}
.leftmenu .menutitle{
	color: #572d24;
	text-align: center;
}

/* TOPの左用のmenutitle */
p.menutitle_top{
    margin-bottom: 0;
}
.menutitle_top{
    color: #fff;
    background: #ff9600;
    font-weight: bold;
    padding: 5px 10px 0;
    border-radius: 5px 5px 5px 0;
    width: 200px;
    box-sizing: border-box;
}

/* メニュー */
.leftmenu ul{
	padding-left: 0;
	/*margin: 10px 0 0;*/
	margin: 0;
}
.leftmenu ul li{
	list-style: none;
	padding-left: 0;
	/*margin-bottom: 10px;*/
}
.leftmenu ul.m_print{
    margin-top: 20px !important;
}
.leftmenu ul li img{
    vertical-align: bottom;
    padding-top: 5px;
}
.leftmenu ul li .link_mypagebtn img{
    padding-top: 0;
}
.leftmenu .menubtn a{
	/*
	width: 225px;
	border-radius: 10px;
	*/
	text-decoration: none;
	display: block;
	transition: all 0.3s ease 0s;
}
.leftmenu  a:hover{
	opacity: 0.6;
}

/* snsarea */
.snsarea{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin: 0 10px;
}
.snsarea a{
    transition: all 0.3s ease 0s;
}


/* Twitter埋め込み */
.twarea{
	margin: 10px auto 0;
	max-width: 460px;
}
.twarea a{
	transition: all 0.3s ease 0s;
}

/* facebook */
.fb{
	margin: 30px auto 0;
}
.fb img{
	width: 100%;
	max-width: 200px;
}
.fb a{
	transition: all 0.3s ease 0s;
}
/* youtube */
.yt{
	margin: 30px auto 0;
}
.yt img{
	width: 100%;
	max-width: 200px;
}
.yt a{
	transition: all 0.3s ease 0s;
}
/* 選挙 */
.senkyo{
	margin: 10px auto 0;
}
.senkyo img{
	width: 100%;
	max-width: 235px;
}
.senkyo a{
	transition: all 0.3s ease 0s;
}
/* 書店 */
.shoplink{
    margin:  30px auto 0;
}
.shoplink img{
	width: 100%;
	max-width: 200px;
}
.shoplink a{
	transition: all 0.3s ease 0s;
}


/* エアイベント */
.airevent{
	margin: 30px auto 0;
}
.airevent img{
	width: 100%;
	max-width: 350px;
}
.airevent a{
	transition: all 0.3s ease 0s;
}

/* 左メニューのテキストバナー */
.leftmenu ul.other{
    margin: 20px 0 !important;
}
.leftmenu ul li.link_or{
    border: 1px solid #a8a8a8;
    border-radius: 5px;
    padding: 5px;
    margin-bottom: 5px;
    transition: all 0.3s ease 0s;
}
.leftmenu .menubtn ul li.link_or a{
    color: #333;
}
.leftmenu ul li.link_or:hover{
    border: 1px solid #ff9600;
    background: #ffe888;
}
.leftmenu .menubtn ul li.link_or a{
    opacity: 1;
}

/* メインコンテンツ表示部分 */
.rightcontents{
	/*width: 700px;*/
	width: 765px;
	margin-left: 15px;
	/*margin-right: 15px;*/
}
/*
#toppage .rightcontents{
    width: 765px;
}
*/

/* メインの見出し */
.rightcontents .titlebrown{
background: url("../img/nikukyu.png")  no-repeat left / 34px 34px,
url("../img/white.png") left no-repeat,
url("../img/line_brown.png") repeat-x center; 
margin: 15px 0;
padding-left: 35px;
}
.rightcontents h2{
	color: #572d24;
	background: #fff;
	display: inline-block;
	height: 32px;
	margin: 0;
	line-height: 1.6em;
}

/* フェア・新着のバナー */
.rightcontents .fairarea a,.rightcontents .newsbanner a,.atbanner a{
	transition: all 0.3s ease 0s;
	margin-bottom: 10px;
}
.rightcontents .fairarea a:hover, .rightcontents .newsbanner a:hover,.atbanner a:hover{
	opacity: 0.6;
}
.rightcontents .fairarea{
	margin-top: 15px
}
.rightcontents .fairarea .faira1{
	background: #E4B05B;
	color: #FFFFFF;
}

/* 新着情報 */
.rightcontents .informationbox h3{
	/*color: #572d24;*/
	color: #27408B;
	background: #fff9d7;
	display: inline-block;
	font-size: 150%;
	margin: 0;
	padding-right: 5px;
	padding-left: 5px;
	line-height: 1.6em;
}
.rightcontents .titleinfo{
	/*background: url("../img/dot_brown.png") repeat-x center;*/
	background: url("../img/dot_blue.png") repeat-x center;
	padding-left: 32px;
}
/*.rightcontents .informationbox{*/
#infolist{
	position: relative;
	/*height: 170px;*/
	height: 100px;
	padding: 10px;
	overflow: auto;
	/*border: #572d24 1px dashed;*/
   	background-color: #fff9d7;
	font-size: 85%;
	margin-bottom: 1em;
	/* FireFoxだとスクロールバーに色が付く　他ブラウザは調査 */
	/*scrollbar-color: #ffd13d #feec98; */
}
#infolist a{
	color: #27408B;
}
.simplebar-scrollbar:before {
	background: #572d24 !important;
	opacity: 0.6 !important;
}
.simplebar-track{
	z-index: 0 !important;
}

.current{
	background: #ffe888;
}


/* 更新履歴のリンク */
.rightcontents .infoarchive{
	text-align: right;
}


/* お問い合わせ・カレンダー */
.rightcontents .contactbanner{
	box-sizing: border-box;
	width: 763px;
	padding: 10px;
	/*border: 1px dashed #572d24;*/
	background: #fff9d7;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
    margin-bottom: 1em;
}
.rightcontents .continfo{
	/*display: table;*/
	/*width: 34%;
	padding-left: 33%;
	height: 150px;
	text-align: center;*/
}
.rightcontents .continfo .infoinline{
	width: 330px;
	color: #572d24;
	font-size: 85%;
	box-sizing: border-box;
}
.rightcontents .contlink{
	width: 400px;
	height: 194px;
	text-align: right;
	box-sizing: border-box;
}
.rightcontents .calendarTtl{
	font-size:x-large;
	font-weight: bold;
}
.kyugyou{
	color: #ffb2d9;
	font-size:110%;
}
.hensoku{
	color: #18b18b;
	font-size:110%;
}
.c_setumei{
	/*font-size:130%;*/
}

.rightcontents .contlink a{
	margin: 0 auto;
	transition: all 0.3s ease 0s;
}
.rightcontents .contlink a:hover{
	opacity: 0.6;
}
.rightcontents .sp_contact{
	display: none;
}
#topcalendar{
	display: block;
	padding-top: 100px;
	margin-top: -100px;
}

/* オリジナルコンテンツ */
.rightcontents .originalCnt ul{
	width: 100%;
	padding-left: 0;
	margin: 0;
	display:flex;
    flex-wrap:wrap;
    justify-content: space-around;
}
.rightcontents .originalCnt ul li{
    width: calc((100% - 20px) / 5);
	margin-bottom: 10px;
	padding-left: 0;
    margin-right: 5px;
	list-style-type: none;
	text-align: center;
	box-sizing: border-box;
    position: relative;
}
.rightcontents .originalCnt ul li:nth-child(5n){
	margin-right: 0;
}
.rightcontents .originalCnt ul li .oc_text{
    position: absolute;
    color: #000;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin:0;
    padding:0;
    font-size: 90%;
    font-weight: bold;
    transition: all 0.3s ease 0s;
}
.rightcontents .originalCnt ul li:hover .oc_text{
    color: transparent;
    transition: all 0.3s ease 0s;
}

.rightcontents .originalCnt a{
	display: block;
	text-decoration: none;
	transition: all 0.3s ease 0s;
	/*
	padding: 30px 5px;
	background: #ffd490;
	color: #c03701;
	border-radius: 10px;
	*/
}
.rightcontents .originalCnt ul li img{
    vertical-align: bottom;
    width: 100%;
    max-width: 157px;
    /*filter: brightness(40%);*/
    filter:opacity(30%);
    transition: all 0.3s ease 0s;
}
.rightcontents .originalCnt ul li:hover img{
    /*filter: brightness(100%);*/
    filter:opacity(100%);
    transition: all 0.3s ease 0s;
}


/* ★中のページ共通 */
.contents{
	padding: 15px;
}
h1.h1Title{
	color: #FFF;
	background: url("../img/nikukyu_h1.png") no-repeat 15px 25px #572d24;
	background-size: 34px;
	padding: 25px 60px;
	font-size: 25px;
	margin: 15px 0 0;
}


/* float解除 */
.clear{
	clear: both;
}

/* footer関連 */
.footer{
	background: #fff;
	font-size: 80%;
}
.footercontents1{
	width: 980px;
	margin: 0 auto 10px;
	display:flex;
    flex-wrap:wrap;
}

.footercontents1 ul{
	margin: 0;
}

/* フッターのバナーエリア */
.footercontents1 .footerbannerArea{
	width: 520px;
}
.footercontents1 .footerbannerArea ul{
	width: 520px;
	padding-left: 0;
	margin: 0;
	display:flex;
    flex-wrap:wrap;
}
.footercontents1 .footerbannerArea ul li{
	width: 250px;
	margin-top: 10px;
	padding-left: 0;
	list-style-type: none;
	text-align: center;
	box-sizing: border-box;
}
.footercontents1 .footerbannerArea ul li:nth-child(odd){
	margin-right: 20px;
}
.footercontents1 .footerbannerArea a{
	display: block;
	text-decoration: none;
	transition: all 0.3s ease 0s;
	padding:  5px;
	background: #fff;
	color: #572d24;
	border: 1px dashed #572d24;
}
.footercontents1 .footerbannerArea a:hover{
	opacity: 0.6;
}

/* ISMS表示 */
.footercontents1 .ismsArea{
	width: 445px;
	margin-right: 15px;
	margin-top:10px;
	display:flex;
    flex-wrap:wrap;
}
.footercontents1 .ismsArea .ismsL{
	width: 255px;
	padding-right: 10px;
	text-align: right;
	line-height: 15px;
	font-size: 120%;
}
.footercontents1 .ismsArea .ismsR{
	width: 180px;
	text-align: center;
	line-height: 12px;
}
.footercontents1 .ismsArea .ismsR img{
	width: 100%;
}
.footercontents2{
	background: #937250;
	color: #fff;
}
.footercontents2 ul{
	width: 980px;
	margin: 0 auto;
	padding :5px 0;
	display: flex;
	text-align: center;
}

.footercontents2 ul li{
	display: inline-block;
	list-style: none;
	flex-grow: 1;
    text-align: center;
}
.footercontents2 li +  li {
  border-left: 1px dashed #fff;
}

.footercontents2 a{
	text-decoration: none;
	color: #fff;
	transition: all 0.3s ease 0s;
}
.footercontents2 a:hover{
	color:  #ffbf37;
}

/* インボイス対応 */
.invoice{
    font-weight: bold;
    width: 370px;
    box-sizing: border-box;
    padding-right: 15px;
    margin-left: auto;
    margin-top: 5px;
    text-align: center;
    font-size: 110%;
}

/* copyright */
.copy{
	text-align: center;
	background: #572d24;
	color: #fff;
	font-size: 70%;
	padding :5px 0;
}

/* 共通 */
/* 文字小さく */
.font-s{
	font-size: 70%;
}
/* ページトップボタン */
#page-top {
	display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    text-decoration: none;
    color: #fff;
    text-align: center;
    display: block;
}
#page-top a:hover {
    text-decoration: none;
	opacity: 0.6;
}

/* top以外の上部調整 */
.shinchaku, .recruit, .no-top{
	/*padding: 120px 0 0;*/
    padding: 110px 0 0;
	background: #fff;
}
/* 新着情報単ページ他同デザイン系 */
.shinchaku .leftmenu ul,.recruit .leftmenu ul{
	margin-top:0;
}
.shinchaku .leftmenu, .recruit .leftmenu{
	padding-top:0
}
.title{
	color: #fff;
	background: #572d24;
	/*margin: 15px 0 10px;*/
	margin: 0 0 10px;
	padding:10px;
	font-weight: bold;
	font-size: large;
	border-radius: 10px;
}
.recruit .title{
	margin:  0 0 10px;
}
.shinchaku .shin_date{
	text-align: right;
	font-size: 85%;
}
.shinchaku .shin_honbun{
	margin:1em;
}
.shinchaku .shin_honbun a{
	color: #096bef;
}
.shinchaku .shin_honbun img{
	width: 100%;
}
/* 採用情報テーブル */
table.syain,table.part{
	border-collapse: collapse;
	width: 100%;
	box-sizing: border-box;
	font-size: 90%;
}
table.syain th, table.syain td{
	border: 1px solid #0039FF;
	text-align: left;
	padding: 10px;
}
table.part th, table.part td{
	border: 1px solid #00868B;
	text-align: left;
	padding: 10px;
}
table.syain th{
	background: #436EEE;
	color: #fff;
}
table.part th{
	background: #20B2AA;
	color: #fff;
}
table.syain ul,table.part ul{
	margin-top: 2px;
	margin-bottom: 0;
}
/* リストの表示・非表示 */
/* チェックボックス消す */
.hidden_box_rec input {
    display: none;
}
/*中身を非表示にしておく*/
.hidden_box_rec .hidden_show_rec {
    height: 0;
    padding: 0 0 20px;
    overflow: hidden;
    opacity: 0;
    transition: 0.3s;
}
/*クリックで中身表示*/
.hidden_box_rec input:checked ~ .hidden_show_rec {
	padding-top: 10px;
    height: auto;
    opacity: 1;
}
.hidden_box_rec .lbltxt{
	background: #436EEE;
	box-sizing: border-box;
	padding: 10px;
	transition: all 0.3s ease 0s;
	color: #fff;
	text-align: left;
	display: block;
	font-weight: bold;
	border-radius: 10px;
}
.hidden_box_rec .lbltxtp{
	background: #20B2AA;
	box-sizing: border-box;
	padding: 10px;
	transition: all 0.3s ease 0s;
	color: #fff;
	text-align: left;
	display: block;
	font-weight: bold;
	border-radius: 10px;
}
.hidden_box_rec label:hover{
	opacity: 0.6;
}

/* 会社概要関連 */
.company img.pop{
	width: 100%;
}
.com_title{
	margin: 1em 0;
	font-size: 120%;
	font-weight: bold;
	color: #572d24;
	border-top: 3px double #572d24;
	border-bottom: 3px double #572d24;
	padding: 5px 10px;
}
.company table.com_Tbl,.shinchaku table.com_Tbl{
	border-collapse: collapse;
	width: 100%;
	box-sizing: border-box;
	font-size: 90%;
	margin: 0 0 1em;
}
.company table.com_Tbl th,.shinchaku table.com_Tbl th{
	font-weight: normal;
	vertical-align: top;
	text-align: left;
	background: #fff9d7;
	color: #572d24;
	width: 25%;
}
.company table.com_Tbl th,.company table.com_Tbl td,.shinchaku table.com_Tbl th,.shinchaku table.com_Tbl td{
	border: 1px solid #937250;
	padding: 5px 10px;
	box-sizing:border-box;
}
.company table.com_Tbl td a{
	color: #096bef;
}
#pcenter{
	display: block;
	padding-top: 80px;
	margin-top: -80px;
}
.shozai{
	font-weight: bold;
	color: #572d24;
}
.isms_bun{
	margin-left: 1em;
}
.isms_bun ol li{
	margin-bottom: 1em;
}
table.childcareT{
    border-collapse: collapse;
    width: 100%;
    border: 0;
    box-sizing: border-box;
}
table.childcareT td{
    padding: 15px 10px 10px 0;
    vertical-align: top;
}   

/* お受けできない制作物 */
.attention .title{
	background: #FF0039;
}
.attention .redbk{
	background: #FF0039;
	color: #fff;
	font-weight: bold;
	padding: 10px;
	margin: 1em 0;
	display: inline-block;
	border-radius: 10px;
}
.update{
	text-align: right;
	font-size: 85%;
}

/* 資料請求 */
.sample table{
	border-collapse: collapse;
	width: 100%;
	box-sizing: border-box;
	font-size: 90%;
	margin: 1em 0;
}
.sample table td{
	border: 1px solid #937250;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
}
.sample table td.sTitle{
	width: 35%;
	background: #fff9d7;
}
.sample table td.sSetsumei{
	background: #fffdf1;
}
.sample .rightcontents img.set{
	width: 100%;
	max-width: 529px;
	display: block;
}
.sample .sample_top{
	max-width:  529px;
	margin: 0 auto;
}
.sample .siryoseikyu{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	
	box-sizing: border-box;
	background: #fffcec;
	border: 2px solid #ff7fa3;
	border-radius: 10px;
	padding: 15px;
}
.sample .siryoseikyu .ss_r{
	margin-left: 1em;
}
.sample .haku_kakaku{
	color:#057bff;
	font-weight: bold;
	font-size: 200%;
}
.sample .method,.sample .haku_m{
	font-size: 110%;
	font-weight: bold;
	margin: 1em auto;
	box-sizing: border-box;
	border: 2px solid #ff7fa3;
	border-radius: 10px;
	padding: 10px 15px;
	text-align: center;
	display: inline-block;
}
.sample .haku_m{
	background: #ffe0e7;
}

/* 送料 */
.souryou .title{
	display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.so_t{
	width: 400px;
}
.souryou .update{
	font-weight: normal;
	width: 345px;
	text-align: right;
	font-size: 65%;
}
.so_title{
	margin: 1em 0;
	font-size: 120%;
	font-weight: bold;
	color: #fff;
	padding: 5px 10px;
	background: #CD3700;
}
.souryou #chui,.souryou #hon,.souryou #cd,.souryou #flyer,.souryou #goods,.souryou #change, .souryou #fair{
	display: block;
	padding-top: 90px;
	margin-top: -90px;
}
ul.souryou_menu{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding-left: 0;
	margin-top: 0;
}
ul.souryou_menu li{
	list-style-type: none;
	width: 100px;
	box-sizing: border-box;
}
ul.souryou_menu li a{
	display: block;
	transition: all 0.3s ease 0s;
	font-weight: bold;
	margin: 5px;
	box-sizing: border-box;
	background: #FFD9BB;
	border: 1px solid #CD3700;
	text-align: center;
	font-size: 95%;	
	padding: 5px;
}
ul.souryou_menu li a:hover{
	opacity: 0.6;
	text-decoration: none;
}
table.ye_Tbl th.h25{
	width: 25%;
}
/* フェア */
.fairbanner{
	color: #00369e;
	font-weight: bold;
	font-size: 120%;
	/*margin-top: 2em;*/
    margin-bottom: 10px;
    text-align: right;
}
.fairbanner img{
	width: 100%;
	max-width: 620px;
}
.fairbanner a{
	transition: all 0.3s ease 0s;
}
.fairbanner a:hover{
	opacity: 0.6;
}
table.fairTbl{
	border-collapse: collapse;
	width: 100%;
	margin-top:1em;
	font-size: 85%;
	background: #e3e3e3;
}
table.fairTbl th,table.fairTbl td{
	border-right:3px solid #fff;
	border-bottom:3px solid #fff;
	box-sizing: border-box;
	text-align: center;
	padding: 7px;
	color: #00369e;
}
table.fairTbl td.fairtitle{
	text-align: left;
	background: #dbf5ff;
}
table.fairTbl tr:nth-child(2n+1) td.fairtitle{
	background: #abe8ff;
}
table.fairTbl td.fairtitle a{
	font-weight: bold;
	color: #00369e;
}
table.fairTbl td.fairtitle a:hover{
	color: #ff4e67;
}
table.fairTbl th{
	background: #2d5ab0;
	color: #fff;
}
table.fairTbl td.fairkikan{
	background: #feeC98;
	font-weight: bold;
	color: #ff4e67 !important;
}
table.fairTbl tr:nth-child(2n+1) td.fairkikan{
	background: #ffc85e;
}

.fairendmsg{
    max-width: 620px;
    font-size: 1.2em;
    background: #ff0048;
    color: #fff;
    font-weight: bold;
    margin: 1em 0;
    padding: 1em 1em 1em 2em;
    /*border: 2px solid #ff0048;*/
    box-sizing: border-box;
    text-indent: -1em;
}

.fairattention{
    max-width: 620px;
    font-weight: bold;
    margin: 1em 0 2em;
    padding: 1em;
    border: 2px solid #FF1493;
    box-sizing: border-box;
    color: #FF1493;
}
.fairattention ul.maru,.fairattention2 ul.dotted{
    margin: 0;
}
.fairattention2{
    padding: 1em;
    border: 2px solid #FF1493;
    border-radius: 10px;
    box-sizing: border-box;
}
.faircon{
    margin-left: 1em;
    padding: 15px;
}
.fairmenutop{
    display: none;
}
 table.fairhakuc img{
        width: 100%;
        max-width: 199px;
    }

/* テンプレート */
.temp{
	margin-left: 1em;
}
.temp_waku{
	width: 95%;
	border: dashed 2px #008532;
	background: #deffdc;
	border-radius: 10px;
	padding: 10px;
	margin: 2em auto;
	box-sizing: border-box;
}
.temp ul.kome{
	margin: 0;
}
table.temp_list{
	border-collapse: collapse;
	width: 100%;
}
table.temp_list tr:nth-child(2n+2) {
	background: #deffdc;
}
table.temp_list th{
	font-weight: normal;
	background: #fff;
	padding: 10px;
}
table.temp_list th, table.temp_list td{
	border:  1px solid #008532;
	padding: 6px;
}
table.temp_list td a{
	color: #096bef;
	transition: all 0.3s ease 0s;
}
table.temp_list td a:hover{
	opacity: 0.6;
}
table.temp_list td.up{
	text-align: center;
	background: #fff;
}
table.temp_list td.bikou{
	background: #fff;
}

/* 納期トップ */
.nouki_header {
    background: #fff;
    width: 980px;
}
.noukibook .nou_menu li a.bk_n,.noukigoods .nou_menu li a.gd_n, .noukicd .nou_menu li a.cd_n{
	background: #c0f3ff;
}
.nouki img{
	width: 100%;
}
.nouki a{
	transition: all 0.3s ease 0s;
}
.nouki a:hover{
	opacity: 0.6;
}
.n_event img{
	max-width: 668px;
}
.n_book img,.n_goods img,.n_cdvd img,.n_figure img{
	max-width: 327px;
}
.n_book,.n_goods,.n_cdvd,.n_figure{
	width: 49%;
	box-sizing: border-box;
}

.noukimemu{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 668px;
}

.nou_menu{
	width: 235px;
	margin-left: 15px;
}
.nou_menu ul{
	padding-left: 0;
	margin-bottom: 35px;
	list-style: none;
}
.nou_menu li{
	list-style: none;
	padding-left: 20px;
	margin-bottom: 5px;
	line-height: 1.6em;
	background: url("../img/menuicon_nouki.png") left 0px top 6px no-repeat;
}
.nou_menu a{
	transition: all 0.3s ease 0s;
	display: block;
	padding-left: 5px;
}
.nou_menu a:hover{
	text-decoration: none;
	background: #c0f3ff;
}
.noukimenutop{
	display: none;
}
table.cdvd_nouki_Tbl{
	border-collapse: collapse;
	width: 100%;
	box-sizing: border-box;
}
table.cdvd_nouki_Tbl th{
	color: #fff;
	background: #666;
	padding: 10px;
	border: 1px solid #333;
}
table.cdvd_nouki_Tbl td{
	border: 1px solid #333;
	padding: 10px;
}
/*
td.bulk,td.pcase,td.dvdcase{
	background: #d6e0ff;
}
td.bulk a, td.pcase a, td.dvdcase a{
	font-weight: bold;
	font-size: 120%;
}
td.bulk a:hover, td.pcase a:hover, td.dvdcase a:hover{
	opacity: 1;
}*/
.notice,.tannouki{
	background: #9f8f88;
	color: #fff;
	padding: 5px 10px;
	font-weight: bold;
	font-size: 120%;
	margin: 0 0 15px;
	box-sizing: border-box;
	border-radius: 5px;
}
.noukigoods .notice{
	background: #ff95ca;
}
.noukibook .notice{
	background: #ff9600;
}
.noukicd .notice{
	background: #00a0e9;
}
.tannouki{
	background: #00aab2;
}
.syotentitle{
	background:#53ac5d;
	font-size: 120%;
	font-weight: bold;
	padding: 5px 10px;
	color: #fff;
	margin-bottom: 15px;
	border-radius: 5px;
}
.n_setumei{
	margin-left: 1em;
	margin-bottom: 2em;
}
table.kamigen{
	border-collapse: collapse;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 1em;
	text-align: center;
}
table.kamigen th,table.kamigen td{
	padding: 10px;
	box-sizing: border-box;
	border:1px solid #8c5b5b;
	width: calc(100% / 3);
}
table.kamigen th.mono{
	color: #fff;
	background: #939393;
}
table.kamigen td.mono{
	background: #E8E8E8;
}
table.kamigen th.color{
	color: #fff;
	background: #FF5E9A;
}
table.kamigen td.color{
	background: #FFE6F0;
}
table.kamigen th.kaminouki{
	color: #fff;
	background: #572d24;
}
table.kamigen td.kaminouki{
	background: #fbe0da;
}

table.op_nouki,table.set_noukiTbl,table.goodsTbl{
	border-collapse: collapse;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 1em;
	font-size: 90%;
}
table.set_noukiTbl th,table.set_noukiTbl td{
	padding: 10px;
	box-sizing: border-box;
	border:1px solid #8c5b5b;
}
table.goodsTbl th,table.goodsTbl td{
	padding: 10px;
	box-sizing: border-box;
	border:1px solid #cf3281;
}
.gTbg{
    background: #fff5fa;
}
.bTbg{
	background: #FFEFD7;
}
.cTbg{
	background: #ebf9ff;
}
table.op_nouki th,table.op_nouki td{
	padding: 10px;
	box-sizing: border-box;
	border:1px solid #8c5b5b;
	width: 50%;
}
table.set_noukiTbl td a,
table.op_nouki td a,
table.goodsTbl td a,
table.cdvd_nouki_Tbl td a{
	color: #3c3c3c;
	text-decoration: underline;
}
table.op_nouki td.op_eigyo img{
	width: 36px;
	height: 36px;
}
table.op_nouki td.op_eigyo{
	text-align: center;
	font-weight: bold;
}
table.op_nouki td.op_eigyo ul{
	margin-top:0;
	margin-bottom: 0;
}
table.op_nouki td.op_eigyo ul li{
	font-weight: normal;
	font-size: 85%;
}
table.goodsTbl td.goodshead{
	background: #ffe7f3;
	text-align: center;
	font-weight: bold;
	font-size: 120%;
}
table.goodsTbl td{
	width: calc( 100% / 3);
}
.op_flex,.set_flex{
	display: flex;
	align-items: center;
}
table.op_nouki td.op_set img{
	max-width: 15px;
	vertical-align: middle;
	margin-left: 3px;
}
td.nouki_noop{
	width: 65%;
	box-sizing: border-box;
	text-align: center;
}
td.nouki_set{
	width: 35%;
	box-sizing: border-box;
}
td.nouki_set img{
	max-width: 15px;
	vertical-align: middle;
	margin-left: 5px;
}
table.set_noukiTbl th,table.op_nouki th{
	background: #9f8f88;
	color: #fff;
}
.meyasu{
	color: #FF0060;
	font-weight: bold;
	font-size: 160%;
}
.chokuawase{
	font-size: 150%;
}
.mono_waku{
	border: 3px solid #7eb5ff;
	border-radius: 10px;
	padding: 10px;
	box-sizing: border-box;
	background: #F1F8FF;
}
.pagejump {
    display: block;
    padding-top: 100px;
    margin-top: -100px;
}
.noukibook .contents{
	border-right: 4px solid #ff9600;
}
.noukigoods .contents{
	border-right: 4px solid #ff95ca;
}
.noukicd .contents{
	border-right: 4px solid #00a0e9;
}


/* ポプルスへのリンクについて */
.linkbun{
	margin: 0 0 180px 1em;
}
table.linkTbl{
	border-collapse: collapse;
	width: 100%;
}
table.linkTbl td{
	border:1px solid #333;
	padding: 10px;
	box-sizing: border-box;
	vertical-align: middle;
	word-break: break-all;
}


/* 装飾用 */
.red{
	color: #FF0039;
}
.pink{
	color: #FF0060;
}
.brown{
	color: #572d24;
}
.blue{
	color: #096bef;
}
.bold{
	font-weight: bold;
}
.dash{
	border-bottom: 2px dashed;
	margin: 1em 0;
}
.link_b{
	color: #096bef;
}
ul.maru, ul.kome,ul.dotted, ul.sq,ul.star{
	/*padding-left: 20px;*/
	padding-left: 1em;
}
ul.maru li, ul.kome li, ul.dotted li,ul.sq li,ul.star li{
	list-style-type: none;
  	text-indent: -1em;
}
ul.maru_shin{
	list-style-type: none;
	padding-left: 0;
	margin: 0;
}
.maru li:before{
	display: inline;
  	content: "●";
}
ul.kome li:before{
	display: inline;
  	content: "※";
}
ul.dotted li:before{
	display: inline;
  	content: "・";
}
ul.sq li:before{
	display: inline;
  	content: "■";
}
ul.star li:before{
	display: inline;
  	content: "★";
}
/* 黄色いテーブルスマホ対応する方 */
table.ye_Tbl{
	border-collapse: collapse;
	width: 100%;
	box-sizing: border-box;
	font-size: 90%;
	margin: 0 0 1em;
}
table.ye_Tbl th{
	font-weight: normal;
	vertical-align: top;
	text-align: left;
	background: #fff9d7;
	color: #572d24;
	width: 20%;
}
table.ye_Tbl th,table.ye_Tbl td{
	border: 1px solid #937250;
	padding: 5px 10px;
	box-sizing:border-box;
}
table.ye_Tbl td a{
	color: #096bef;
}
/* 黄色いテーブルスマホ対応なし */
table.ye_Tbl_nosp{
	border-collapse: collapse;
	width: 100%;
	box-sizing: border-box;
	font-size: 90%;
	margin: 0 0 1em;
}
table.ye_Tbl_nosp th{
	font-weight: normal;
	vertical-align: top;
	text-align: left;
	background: #fff9d7;
	color: #572d24;
}
table.ye_Tbl_nosp th,table.ye_Tbl_nosp td{
	border: 1px solid #937250;
	padding: 5px 10px;
	box-sizing:border-box;
}
table.ye_Tbl_nosp td a{
	color: #096bef;
}

.souryou table.ye_Tbl th,.souryou table.ye_Tbl td,.souryou table.ye_Tbl_nosp th,.souryou table.ye_Tbl_nosp td{
	border: 1px solid #CD3700;
}
.souryou table.ye_Tbl th , .souryou table.ye_Tbl_nosp th{
	background: #FFD9BB;
}
/* フォントサイズ90% */
.font_90{
	font-size: 90%;
}
/* フォントサイズ85% */
.font_85{
	font-size: 85%;
}
/* 左寄せ */
.left{
	text-align: left !important;
}
/* 中央寄せ */
.center{
	text-align: center;
}

/* PC表示時消したい部分に適用する */
@media screen and (min-width: 980px){
	.pcnone{
			display: none !important;
		}
}

/* トップページ変則的営業日 */
.hensoku_bun{
	width: 100%;
	padding:5px 0 0 0;
	font-weight: bold;
	/*font-size: 110%;*/
	color: #FF0060;
	/*text-align: center;*/
}

/* 税込みのバナー */
.zeikomiBn{
	margin-left: 25px;
	margin-bottom: 1em;
}
.zeikomiBn img{
	width: 100%;
	max-width: 640px;
}
.zeikomiBn a:hover{
	opacity: 0.6;
	text-decoration: none;
}
	
/* スマホ対応 */
@media screen and (max-width: 979px){
	body{
		background: #fff;
	}
	
	/* ヘッダー */
	header{
        background: #ffd13d;
		height: auto;
		position: static;
		box-shadow: none;
	}
	.maintitile{
		/*width: 100%;
		text-align: center;
		*/
		width: 50%;
	}
	.maintitile img{
		max-width: 100%;
	}
	.toparea{
		width: 100%;
		padding-left: 50px;
		box-sizing: border-box;
	}
	.neko{
		width: 50%;
	}
	.neko img{
		width: 100%;
		max-width: 36px;
	}
	.headermenu{
		padding: 0;
	}
	.headermenu ul{
		width: 100%;
		flex-direction: column;
	}
	.headermenu li{
		border-bottom: 1px dashed #c66e02;
	}
	.headermenu li + li{
		border-right: none;
		border-left: none;
	}
	.headermenu li a{
		padding: 10px 0;
	}
	.headermenu li a:hover{
		background: #ffd13d;
		color: #000;
	}
	
	/*  PC閲覧時の左右影を削除 */
	.pcboxshadow{
		width: 100%;
		box-shadow: none;
		padding: 0;
	}
    #toppage .pcboxshadow{
        padding: 0;
    }

	/* トップ絵 */
	.topill{
		height: auto;
		padding-top: 0;
		width: 100%;
	}

	ul.slider{
		width: 100%;
	}
	.slick-slide img{
		width: 100%;
		max-width: 715px;
		margin: 0 auto;
	}
	
	/* 縦積み */
	#main{
		width: 97%;
		flex-direction: column;
	}
	.notop{
		padding-top: 0;
	}
	
	/* サイドバーだったところ */
	.leftmenu,#toppage .leftmenu{
		width: 100%;
		margin: 0;
	}
	.leftmenu ul li{
		width: 100%;
		margin-bottom: 1px;
	}
	.leftmenu .menubtn a{
		width: 100%;
		margin: 0 auto;
		border-radius: 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.leftmenu ul.m_my{
		padding-left: 0;
		margin: 0 0 3px;
		display: flex;
		flex-wrap: wrap;
	}
	.leftmenu ul.m_guide,.leftmenu ul.m_print, .leftmenu ul.other{
		padding-left: 0;
		margin: 0 0 3px;
		display: flex;
		flex-wrap: wrap;
	}
	.leftmenu ul.m_guide li , .leftmenu ul.m_my li{
		/*width: calc(100% / 3) ;*/
		width: 49.5%;
		display: flex;
	}
	.leftmenu ul.m_guide li:nth-child(3) {
		display: flex;
		margin-right: 0 !important;
	}
	.leftmenu ul.m_guide li:nth-child(2n) a{
		/*background: #8adfa4;*/
	}
	.leftmenu ul.m_print li{
		/*width: 25%;*/
		width: 49.5%;
		display: flex;
	}
	.leftmenu ul.other li{
		width: 49.5%;
		display: flex;
	}
	.leftmenu ul.other li:nth-child(2n) a{
		/*background: #ffc974;*/
	}
	.leftmenu ul li img{
		width: 100%;
		/*max-width: 100%;*/
		max-width: 379px;
        padding-top: 0;
	}
	/* サイドメニューの余白調整 */
	.leftmenu .menubtn a{
		padding: 1px 0;
	}
	.leftmenu ul li:nth-child(2n+1){
		margin-right: 1%;
	}
	
	.leftmenu .menubtn{
		/*max-width: 460px;*/
		margin: 0 auto;
	}
    .snsarea{
        display: none;
    }
	/* Twitter */
	.twarea .tw_head img{
		display: block;
		margin: 0 auto;
		max-width: 100%;
	}
	.twarea .tw_head{
		padding: 0;
		text-align: center;
	}
	.twarea .tw_head a{
		padding: 0;
		background: #1f1f1f;
		width: 100%;
		display: block;
		border-radius: 5px;
	}
	.twarea .tw_head a:hover,.fb a:hover,.yt a:hover{
		opacity: 0.6;
	}
	
	/* facebook */
	.fb{
		margin: 10px auto 0;
		max-width: 460px;
	}
	.fb img{
		display: block;
		margin: 0 auto;
	}
	.fb a{
		padding: 0;
		background: #44679b;
		width: 100%;
		display: block;
		border-radius: 5px;
	}
    /* youtube */
	.yt{
		margin: 10px auto 0;
		max-width: 460px;
	}
	.yt img{
		display: block;
		margin: 0 auto;
	}
	.yt a{
		padding: 0;
		background: #ff0000;
		width: 100%;
		display: block;
		border-radius: 5px;
	}
	/* 選挙 */
	.senkyo{
		margin: 10px auto 0;
		max-width: 845px;
	}
	.senkyo img{
		display: block;
		margin: 0 auto;
        max-width: 845px;
	}
	.senkyo a{
		padding: 0;
		width: 100%;
		display: block;
	}
    /* 書店 */
	.shoplink{
		margin: 10px auto 0;
		max-width: 845px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
	}
    .shoplink div{
        width: 49.5%;
        box-sizing: border-box;
        margin-bottom: 5px;
        text-align: center;
    }
    .shoplink div:nth-child(2n+1) {
      margin-right: 1%;
    }
	.shoplink img{
		margin: 0 auto;
        max-width: 200px;
	}
	.shoplink a{
		padding: 0;
	}
    
    
	/* エアイベント */
	.airevent{
		margin: 10px auto 10px;
		max-width: 320px;
	}
	.airevent img{
		display: block;
		margin: 0 auto;
	}
	/*.airevent a{
		padding: 0;
		background: #44679b;
		width: 100%;
		display: block;
		border-radius: 5px;
	}*/
	
	/* コンテンツ表示部分 */
	.rightcontents,#toppage .rightcontents{
		width: 100%;
		margin: 0;
	}
	
	/* メインの見出し */
	.rightcontents .titlebrown{
		background: url("../img/nikukyu.png") no-repeat left / 34px 34px,
		url("../img/white.png") left no-repeat;
		/*background-size: contain;*/
		margin: 15px 0;
		padding-left: 35px;
	}
	
	/* カレンダー・お問い合わせ */
	.rightcontents .contactbanner{
		width: 100%;
		height: auto;
		flex-direction: column;
		background: #fff9d7;
		margin-top: 10px;
	}
	.rightcontents .continfo{
		width: 100%;
		height: auto;
		display: block;
	}
	.rightcontents .continfo .infoinline{
		width: 100%;
		text-align: center;
		display: block;
		margin: 0 auto;
	}
	.c_setumei_box{
		display: block;
	}
	.rightcontents .contlink{
		width: 100%;
		height: 100%;
		text-align: center;
	}
	.rightcontents .contlink .calendar a{
		text-align: center;
	}
	.rightcontents .contlink img{
		max-width: 45%;
	}
	
	.rightcontents .sp_contact{
		display: block;
		text-align: center;
		background: #572d24;
    	font-size: 90%;
		color: #fff;
		padding: 10px;
	}
	#topcalendar{
		padding-top: 0;
		margin-top: 0;
	}
    .calendar_flex{
        display: flex;
        justify-content: space-around;
    }
    .calendar_flex img{
        width: 100%;
        max-width: 197px;
    }
	.originalCnt{
		width: 100%;
	}
    .rightcontents .originalCnt ul li .oc_text{
        font-size: 70%;
    }
    
	/* フェアと新着バナー */
	.rightcontents .newsbanner img,.rightcontents .fairarea img{
		width: 100%;
	}
	.rightcontents .newsbanner img{
		width: 100%;
		max-width: 700px;
	}
	.rightcontents .newsbanner{
		text-align: center;
	}
	.gentei_fair{
		max-width: 700px;
		margin: 0 auto;
	}
	

	
	/* フッター */
	.footercontents1{
		width: 97%;
	}
	.footercontents1 .footerbannerArea{
		width: 100%;
	}
	.footercontents1 .footerbannerArea ul{
		width: 100%;
		flex-direction: column;
	}
	.footercontents1 .footerbannerArea ul li{
		width: 100%;
	}
	.footercontents1 .ismsArea{
		width: 100%;
		/*margin: 20px auto;*/
        margin: 20px auto 5px;
		flex-direction: column;
	}
	.footercontents1 .ismsArea .ismsL, .footercontents1 .ismsArea .ismsR{
		width: 100%;
	}
	.footercontents1 .ismsArea .ismsL{
		padding: 0;
		text-align: center;
	}
	.footercontents1 .ismsArea .ismsR img{
		max-width: 180px;
	}
	.footercontents2 ul{
		width: 97%;
	}
	.footercontents2 ul li{
		font-size: 80%;
	}
    
    .invoice{
        width: 100%;
        padding-right: 0;
        margin-left: 0;
        margin-top: 0;
        font-size: 110%;
    }
    .isms-invoice{
        margin: 0 auto;
    }
	
	/* スマホ表示時消したい部分に適用する */
	.spnone{
		display: none !important;
	}
	/* スマホ表示時の上部メニュー */
	#nav-drawer {
	  /*position: relative;*/
	  position: absolute;
	  padding: 10px 0 10px 15px;
	  top:10px;
	}
	/*チェックボックス非表示*/
	.nav-unshown {
	  display:none;
	}
	/*アイコンのスペース*/
	#nav-open {
	  display: inline-block;
	  width: 30px;
	  height: 22px;
	  vertical-align: middle;
	}
	/*ハンバーガーアイコンをCSSだけで表現*/
	#nav-open span, #nav-open span:before, #nav-open span:after {
	  position: absolute;
	  height: 3px;/*線の太さ*/
	  width: 25px;/*長さ*/
	  border-radius: 3px;
	  background: #000;
	  display: block;
	  content: '';
	  cursor: pointer;
	}
	#nav-open span:before {
	  bottom: -8px;
	}
	#nav-open span:after {
	  bottom: -16px;
	}
	/*閉じる用の薄黒カバー*/
	#nav-close {
	  display: none; /*はじめは隠しておく*/
	  position: fixed;
	  z-index: 99;
	  top: 0; /*全体に広がるように*/
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background: black;
	  opacity: 0;
	  transition: .3s ease-in-out;
	}
	/*中身*/
	#nav-content {
	  z-index: 9999; /*最前面*/
	  width: 90%;
	  max-width: 235px; /*最大幅*/
	  height: 100%;
	  overflow: auto;
	  position: fixed;
	  top: 0;
	  left: 0;
	  background: #feec98;
	  transform: translateX(-105%); /*左に隠しておく*/
	}
	/*チェックが入ったらもろもろ表示*/
	#nav-input:checked ~ #nav-close {
	  display: block; /*カバーを表示*/
	  opacity: .5;
	}
	#nav-input:checked ~ #nav-content {
	  -webkit-transform: translateX(0%);
	  transform: translateX(0%); /*中身を表示（右へスライド）*/
	  box-shadow: 6px 0 25px rgba(0,0,0,.15);
	  transition: .3s ease-in-out; /*滑らかに表示*/
	}
	.ham_menuT{
		background: #ff9c00 url("../img/po_mini.png") no-repeat 5px;
		color: #fff;
		font-size: 110%;
		font-weight: bold;
		padding: 10px 0;
		text-align: center;
	}
	/* ドロップダウンスマホで解除 */
	.headermenu ul.drop li ul{
		position: static;
		display: block;
		width: 100%;
	  	max-width: 235px;
	}
	.headermenu ul.drop li:hover ul{
		box-shadow: none;
	}
	.headermenu ul.drop li ul li{
		padding: 0;
		border-left: none;
		color: #572d24;
		text-align: center;
	}
	/* 本のメニューの子要素 */
	a.bookset{
		padding-left: 0;
		font-size: 95%;
	}
	.booksetB{
		border-top: 1px dotted #c66e02;
		border-bottom: 1px dotted #c66e02;
	}
	.booktop{
		padding: 10px 0;
	}
	/* スマホは太字 */
	.menuspbold{
		font-weight: bold;
	}
	
	/* ページトップボタン */
	#page-top-sp{
		text-align: center;
		margin: 0;
	}
	#page-top-sp a{
		display: block;
		background: #60401f;
		color: #fff;
		padding: 10px;
		transition: all 0.3s ease 0s;
	}
	#page-top-sp a:hover{
		text-decoration: none;
		opacity: 0.6;
	}
	
	.shinchaku,.recruit,.no-top{
		padding: 5px 0 0;
	}
	.shinchaku #main,.recruit #main, .no-top #main{
		flex-direction: column-reverse;
	}
	/* タイトル部分 */
	.title,.recruit .title{
		margin-top: 10px;
	}
	
	/* 会社概要 */
	.company table.com_Tbl{
		width: 100%;
		table-layout: fixed;
		word-break: break-all;
		word-wrap: break-word;
	}
	.company table.com_Tbl th,.company table.com_Tbl td{
		display: block;
		width: 100%;
		border-bottom: none;
	}
	.company table.com_Tbl td.last{
		border-bottom: 1px solid #937250;
	}
	.company table.com_Tbl td{
		padding: 5px 10px 5px 25px;
	}
	.isms_bun{
		margin-left: 0;
	}
	#pcenter{
		padding-top: 0;
		margin-top: 0;
	}
	/* 資料請求 */
	.sample table td, .sample table td.sTitle, .sample table td.sSetsumei{
		display: block;
		width: 100%;
		box-sizing: border-box;
		border-bottom: 0;
	}
	.sample table td.last{
		border-bottom: 1px solid #937250;
	}
	.sample .siryoseikyu{
		max-width: 529px;
		margin: 0 auto;
		justify-content: center;
	}
	.sample .siryoseikyu .ss_r{
		margin-left: 0;
	}
	/* 送料 */
	.souryou #chui,.souryou #hon,.souryou #cd,.souryou #flyer,.souryou #goods,.souryou #change,.souryou #fair{
		padding-top: 0;
		margin-top: 0;
	}
	table.ye_Tbl th.h25{
		width: 100%;
	}
	.souryou .title{
		justify-content: center;
	}
	.so_t,.souryou .update{
		width: 50%;
	}

	/* 黄色いテーブル */
	table.ye_Tbl{
		width: 100%;
		table-layout: fixed;
		word-break: break-all;
		word-wrap: break-word;
	}
	table.ye_Tbl th,table.ye_Tbl td{
		display: block;
		width: 100%;
		border-bottom: none;
	}
	.souryou table.ye_Tbl th,.souryou table.ye_Tbl td{
		border-bottom: none;
	}
	table.ye_Tbl td.last{
		border-bottom: 1px solid #937250;
	}
	.souryou table.ye_Tbl td.last{
		border-bottom: 1px solid #CD3700;
	}
	table.ye_Tbl td{
		padding: 5px 10px 5px 25px;
	}
	/* テンプレート */
	.temp{
		margin-left: 0;
	}
	table.temp_list{
		font-size: 80%;
	}
	/* 納期トップ */
	.nouki_header{
		width: 100%;
		height: auto;
	}
	.nouki_header img{
		width: 100%;
	}
	.noukipage #main{
		width: 100%;
		padding: 0 1.5%;
		box-sizing: border-box;
	}
	.nouki{
		max-width: 668px;
		margin:  0 auto;
	}
	.nou_menu{
		width: 90%;
		margin: 0 auto;
	}
	.noukimenutop{
		display: block;
		background: #572d24;
		margin: 15px -200%;
		padding: 10px 200%;
		width: 100%;
		overflow: hidden;
	}
	.noukimenutop p{
		color: #fff;
		font-size: 110%;
		font-weight: bold;
		margin: 0;
	}
	table.op_nouki td.op_set img.first{
		margin-left: 0;
	}
	.op_flex div{
		width: 100%;
	}
	.op_flex{
		flex-wrap: wrap;
	}
	.pagejump {
		padding-top: 0;
		margin-top: 0;
	}
	.meyasu{
		font-size: 130%;
	}
	table.op_nouki td.op_eigyo img{
		width: 25px;
		height: 25px;
	}
	.chokuawase{
		font-size: 120%;
	}
	
	/* 税込みのバナー */
		.zeikomiBn{
		max-width: 640px;
		margin: 0 auto 1em;
	}
	/* ポプルスへのリンクについて */
	.linkbun{
		margin: 0 0 180px 0;
	}
    /* フェア */
    .faircon{
        margin: 0 auto;
        width: 100%;
        max-width: 620px;
        box-sizing: border-box;
        padding: 15px;
    }
    .fairmenutop{
        display: block;
		background: #153f65;
		margin:15px -200%;
		padding:10px 200%;
		width: 100%;
		overflow: hidden;
    }
    .fairmenutop p{
		color: #fff;
		font-size: 110%;
		font-weight: bold;
		margin: 0;
	}
    table.fairTbl{
        font-size: 60%;
    }
	table.fairTbl th,table.fairTbl td{
        padding: 5px;
    }
    
    /* TOPフェア */
    .toplinkarea,.toplinkarea_fair,.topakaboo{
        width: 98%;
        margin: 1em auto;
        font-size: 85%;
    }
    .top_midashi{
        font-size: 120%;
        margin-top: 1em;
    }
    
    /* スマホのときはマイページの上マージン復活 */
    #toppage .link_mypagebtn,.link_mypagebtn,.link_nouki{
        margin-top: 5px;
    }
}

/* 背景画像固定　*/

.haikeikotei {
background-size: contain;
background-image: url('../shinchaku/img/50th/50th_rogo8_mini.png');
background-repeat: no-repeat;
background-position: center;
}