@charset "utf-8";

/*
Theme Name:     daikoku_main
Theme URI: http://daikokudrug.com/
*/

/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, select, summary,
time, mark, audio, video {
	color: #333;
	font-size: 14px;
	font-family: sans-serif;
}
a {
	text-decoration: none;
}

a:hover {
	opacity: 0.7;
}

button {
	background: none;
	border: none;
}

li {
	display: block;
}

i {
	padding: 0 0.6em 0 0;
}

img {
	vertical-align:bottom;
}

/* wordpressの管理バー用 */
.display-name {
	color: #eee;
}

/* TOP　スライドバー マーカー位置修正 */
.flex-control-nav.flex-control-paging {
	bottom: 5px !important;
	z-index: 100;
}

.metaslider .flexslider {
	margin: 0 0 1em !important;
}

.to_job_select, 
.newshops_banner {
    width: 95%;
    display: block;
    margin: 0 auto 1em;
}


.to_newyear {
	width: 95%;
	margin: 0 auto 1em;
	display: block;
}

/* PCモバイル共通 */
/* header */

.logo img {
	max-width: 100%;
	max-height: 56px;
	width: auto;
	height: auto;
}

/* page-navigation */
.page_navigation {
	overflow: hidden;
}

.taxfree .page_navigation .nav_title {
	background: #666;
	line-height: 40px;
	padding: 0 0 0 20px;
	color: #fff;
}

.page_navigation li {
	border-bottom: dotted 1px #999;
}

.page_navigation .border-bottom {
	border-bottom: solid 1px #333;
}

.page_navigation li:last-child {
	border-bottom: solid 1px #999;
}

.page_navigation li a,
.page_navigation li button {
	display: block;
	padding: 13px 0 13px 20px;
	width: 100%;
}

.page_navigation li button {
	text-align: left;
}

.page_navigation .home_link {
	padding: 13px 0 13px 20px;
	display: flex;
	align-items: center;
	border-bottom: solid 1px #999;
}

.page_navigation .home_link i{
	color: #f60;
}

.page_navigation address {
	padding: 13px 20px;
	line-height: 18px;
}

.page_navigation address a {
	padding: 5px 0 !important;
	font-size: 24px;
	color: #009;
}

.page_navigation .stuff>h1:before {
	font-family: 'FontAwesome';
	content: "\f0da";
	color: #009;
	padding-right: 10px;
}

.page_navigation .stuff>h1 {
	padding: 13px 20px;
	border-bottom: dotted 1px #999;
	background: #c7c7e9;
	color: #009;
}

.page_navigation .side_newshops {
    padding: 10px 0 0 15px;
}

.page_navigation .side_newshops li {
    line-height: 1.4em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: none !important;
    width: 90%;
    font-size: 13px;
}

.page_navigation .other li {
	border-bottom: solid 1px #999;
}

.page_navigation .other li a {
	background: #f5f5f5;
}

.page_navigation button .japanese{
	font-size: 12px;
	font-weight: normal;
	padding: 0 0.5em;
}

/* footer */
footer {
	display: none;
	position: fixed;
	width: 100%;
	bottom: 0em;
	left: 0;
	background: #fff;
	border-top: solid 1px #ccc;
}

footer.visible {
	display: block;
}

.copyright_wrapper {
	background: #009;
	border-top: solid 3px #f60;
	line-height: 29px;
}

.copyright,
.site_guide {
	display: block;
	margin: 0 auto;
}

.copyright {
	color: #fff;
	text-align: right;
}

.site_guide {
	line-height: 120%;
	padding: 5px 0;
	background: #fff;
}

.site_guide li {
	padding: 0 14px;
	display: inline-block;
}

.site_guide li+li {
	border-left: solid 1px #000;
}

/* 汎用パーツ */
.title {
	border-bottom: solid 3px #fc0;
	color: #fff;
	background: #f60;
	font-size: 18px;
	padding: 8px 0 8px 20px;
	line-height: 24px;
}

.title.gray {
	background: #f0f0f0;
	color: #333;
	border-bottom-color: #009;
}

.subtitle {
	padding: 25px 0 5px 20px;
	color: #333;
	font-size: 16px;
	border-bottom: solid 1px #f60;
	box-sizing: border-box;
}

.subtitle:before,
.subtitle i {
	font-family: 'FontAwesome';
	padding-right: 6px;
	color: #f60;
}

.job .subtitle i {
	color: #009;
}

.common_text {
	padding: 10px 20px 15px;
	line-height: 1.3em;
}

.comment {
	font-size: 12px;
}

.common_link {
	display: block;
	width: 95%;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 10px 0;
	position: relative;
	line-height: 18px;
	background: #fafafa;
	border: solid 1px #ccc;
	border-radius: 5px;
	color: #333;
	text-align: center;
	box-sizing: border-box;
}

.common_link:after {
	font-family: 'FontAwesome';
	content: "\f054";
	color: #333;
	right: 20px;
	position: absolute;
	height: 100%;
	top: 0;
	display: flex;
	align-items: center;
}

.common_link.pink {
	background: #ffd9d9;
}
/* ホーム（TOPページ） */

.job_information .title {
	background: #009;
	border-bottom-color: #069;
}

.job_information li+li, 
.store_information li+li {
	border-top: dotted 1px #ccc;
}

.job_information li a, 
.store_information li a {
	line-height: 40px;
	width: 100%;
	display: inline-block;
	text-indent: 20px;
}

.job_information li a:before,
.store_information li a:before {
	font-family: 'FontAwesome';
	content: "\f10c";
	padding-right: 6px;
}

.store_information li a:before {
	color: #f60;
}

.job_information li a:before {
	color: #009;
}

.store_information .multiline {
	line-height: 1em;
	text-indent: 0;
	padding: 6px 0 6px 20px;
	box-sizing: border-box;
}

.store_information .multiline i {
	display: inline-block;
	float: left;
	line-height: 28px;
	color: #f60;
}

.store_information .multiline:before {
	display: none;
}

.store_information .multiline:after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
}

/* ニュース */
.news {
	clear: both;
}

.main .news .title {
	background: #f0f0f0;
	border-bottom-color: #f60;
	color: #333;
}

.main .news .title .english {
	color: #333;
}

.news li {
	line-height: 20px;
	padding: 5px 20px;
	border-bottom: dotted 1px #ccc;
}
.news time,
.news li a {
	display: block;
}

.news .btn_wrapper {
	text-align: right;
}

.news .btn {
	display: inline-block;
	margin: 10px 20px;
	line-height: 20px;
	border: solid 1px #000;
	background: #f0f0f0;
	padding: 5px 20px;
	border-radius: 5px;
}

/* 関連事業 */
.related_business {
	clear: both;
}

.related_business ul {
	padding: 10px 0;
}

.related_business li {
	display: inline-block;
	padding: 5px 11px;
}

/* 100円均一 */
.shop100 li {
	line-height: 22px;
	border-top: solid 1px #ccc;
}

.shop100 li a {
	display: inline-block;
	height: 100%;
	width: 100%;
	padding: 10px 0 10px 20px;
	box-sizing: border-box;
}

.shop100 .shop_title {
	text-decoration: underline;
	display: inline-block;
	color: #f60;
	font-size: 16px;
	width: 100%;
}

/* チラシ */
.flier .subtitle {
	display: inline-block;
	width: 100%;
}

.flier .subtitle:before {
	content: "\f041";
}

.flier section {
	padding: 0 0 20px;
}

.flier li {
	border-bottom: dotted 1px #ccc;
}

.flier li a {
	display: inline-block;
	width: 100%;
	line-height: 40px;
	text-decoration: underline;
	text-indent: 20px;
}

.flier .new:after {
	content: "NEW";
	display: inline-block;
	margin: 0 10px 0;
	padding: 0 5px;
	line-height: 18px;
	background: #f60;
	color: #fff;
	text-decoration: none !important;
	text-indent: 0;
}

/* 店舗検索 */
.news.shop .title {
	background: #f60;
	border-bottom-color: #fc0;
	color: #fff;
}

.keyword_search {
    display: flex;
    border-bottom: dotted 1px #ccc;
}

.keyword_search .submit_btn {
    -webkit-appearance: none;
    background: #fafafa;
    border: solid 1px #ccc;
}

/* 地域・路線での店舗検索 */

.shop_list>li {
	box-sizing: border-box;
}

.shop_list>li a{
	display: inline-block;
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
}
.shop_list h3 {
	font-size: 16px;
	color: #f60;
	text-decoration: underline;
}

.shop_list .attr {
	text-align: right;
	margin: 10px 0 0;
}

.shop_list .attr li {
	font-size: 12px;
	text-align: center;
	line-height: 40px;
	margin: 0 0 0 10px;
	display: inline-block;
}

.shop_list .attr .taxfree {
	border: solid 1px #e50012;
	color: #e50012;
}

.shop_list .attr .shop100 {
	border: solid  1px #063;
	color: #063;
}

.shop_list .attr .cless {
	border: solid  1px #ebca00;
	color: #e71312;
}

.shop_list .attr .emoney {
	border: solid  1px #063;
	color: #EBCA00;
}

.shop_list .attr .emoney img{
	width: 60px;
	height: 20px;
}

/* 地域・路線での店舗検索　大阪のみ */
.osaka_shop_search .area:after,
.osaka_shop_search .route:after {
	content: ".";
	display: block;
	font-size: 0;
	clear: both;
}

.osaka_shop_search .subtitle {
	border: none;
}

.osaka_shop_search dl {
	display: inline-block;
}

.osaka_shop_search .area dl,
.osaka_shop_search .route dl {
	float: left;
}

.osaka_shop_search .area dl:nth-of-type(2n) {
	margin: 0;
}

.osaka_shop_search .route dl:nth-of-type(4n) {
	margin: 0;
}

.osaka_shop_search dl {
	float: left;
}

.osaka_shop_search dl+dl {
	float: right;
}

.osaka_shop_search dt {
	border: solid 1px #ccc;
	text-indent: 20px;
	line-height: 40px;
}

.osaka_shop_search dd {
	border: solid 1px #ccc;
	display: none;
	background: #fafafa;
}

.osaka_shop_search a {
	display: inline-block;
	width: 100%;
	line-height: 40px;
	border-bottom: solid 1px #ccc;
	text-indent: 20px;
}

/* 店舗個別ページ */
.shop_notes {
	color: #000;
	background: #CDDC39;
	font-size: 18px;
	padding: 8px 20px 8px 20px;
	line-height: 24px;
}

.header_info {
	/*display: flex;
	padding: 10px 0;
	-webkit-justify-content: space-between;
	justify-content: space-between;*/
}

.header_info .attr {
	display: flex;
	line-height: 100%;
	margin-bottom: 10px;
}

.header_info .attr>li {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	border: solid 1px #ccc;
	width: 60px;
	height: 50px;
	box-sizing: border-box;
	font-size: 10px;
}

.header_info .attr .s100 {
	border-color: #063;
	color: #063;
}

.header_info .attr .tax-free {
	border-color: #e50012;
	color: #e50012;
}

.header_info .attr .e-money {
	border-color: #EBCA00;
}

.header_info .attr .e-money img {
	width: 58px;
	height: 48px;
}

.header_info .links {
	display: flex;
	margin-bottom: 10px;
}

.header_info .links li {
	margin: 0 10px 0 0;
}

.header_info .links li a {
	border: solid 1px #ccc;
	text-align: center;
	background: #fafafa;
	line-height: 50px;
	display: inline-block;
	box-sizing: border-box;
	border-radius: 5px;
}

.map_link {
	text-align: right;
	text-decoration: underline;
	line-height: 30px;
}

.shop address {
	padding: 5px 0 15px;
	line-height: 20px;
}

.shop dl {
	padding: 0 0 20px;
}

.shop dl:after {
	content: ".";
	display: block;
	clear: both;
	font-size: 0;
}

.shop dt,
.shop dd {
	line-height: 140%;
}

.shop dt {
	float: left;
	width: 140px;
	padding: 5px 0 0;
	clear: both;
}

.shop dd {
	width: 100%;
	padding: 5px 10px 5px 140px;
	box-sizing: border-box;
}



.shop .emoney_list img {
	width: 80px;
	margin:0 5px 5px 0;
	float: left;
}

.shop dd:nth-of-type(n+2) {
	border-top: dotted 1px #333;
}

/*フリーエリア*/
.free_area .newshin {
	width: 95%;
	margin: 0 auto 30px;
	display: block;
}


.shop .back {
	clear: both;
}
.shop .back .common_link{
	text-align: center;
	margin: 0 0 5px;
}

/* 湊町のみ大量購入へのリンク */
.to_bulk_buying {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: solid 4px #f60;
	padding: 8px;
}

.to_bulk_buying img {
	width: auto;
	height: 100%;
}

/* 地域・路線の店舗検索 */
.child_area_list {
	padding: 15px;
	width: 95%;
	display: block;
	background: #fafafa;
}

/* ボーナスポイント */
.bonusp .headline {
    text-align: center;
    padding: 0 0 30px;
}

.bonusp .description .small {
    font-size: 20px;
    line-height: 1em;
    color: #009;
}

.bonusp .description {
    font-size: 24px;
    border-top: solid 2px #009;
    border-bottom: solid 2px #009;
    margin: 40px 0 5px;
    padding: 5px 0 10px;
    color: #009;
}

.bonusp .orange,
.bonusp .blue {
    line-height: 1.5em;
}

.bonusp .orange {
    color: #f60;
}
.bonusp .blue {
    color: #009;
}
.bonusp .monthly {
    margin: 0px 10px 20px;
    border: solid 2px #009;
    padding: 0 0 10px;
}

.bonusp .monthly h3 {
    background: #009;
    color: #fff;
    line-height: 2.5em;
    text-align: center;
}

.bonusp .monthly .monthly_inner {
    padding: 20px 20px 0;
    text-align: center;
}

.bonusp .monthly a {
    border: solid 1px #ccc;
    background: #fafafa;
    width: 80%;
    display: inline-block;
    line-height: 1.5em;
    margin: 0 0 10px;
    padding: 15px 0;
}

.bonusp .monthly img {
    margin: 0 0 20px;
}


/* お菓子ランキング一覧ページ */
.title_okashiranking{
	width: 90%;
	text-align: center;
	margin:0 auto;
	padding:20px 0 0;
}

.title_okashiranking img{
	width: 100%;
	height: auto;
	margin:0 0 15px;
}

.ranking_list{
	text-align: center;
	width: 95%;
	margin:0 auto;
}


.ranking_list dl{
	text-align: left;
	vertical-align: middle;
	border: 1px solid #ccc;
	display:block;
	height: 120px;
	margin: 0 8px 6px 0;
	padding: 10px 10px 5px 5px;
	clear: both;
}





.ranking_list .rank_1{
	background-image: url(http://daikokudrug.com/wp/wp-content/themes/main/images/okashi/bg_rank1.png) ;
}

.ranking_list .rank_2{
	background-image: url(http://daikokudrug.com/wp/wp-content/themes/main/images/okashi/bg_rank2.png) ;
}
.ranking_list .rank_3{
	background-image: url(http://daikokudrug.com/wp/wp-content/themes/main/images/okashi/bg_rank3.png) ;
}

.ranking_list .rank_1,
.ranking_list .rank_2,
.ranking_list .rank_3 {
	background-size: 24px 24px;
	background-repeat: no-repeat;
	background-position:16px 34px;
}



.ranking_list dt{
	vertical-align: middle;
	width: 55%;
	display: flex;
	float: left;
}


.list_no{
	text-align: center;
	font-size: 18px;
	line-height: 120px;
	font-weight: bold;
	width: 2.5em;
	margin: 0 5px 0 0;
}




.thum_okashi_img{
	width: 120px;
	height: 90px;
	margin: auto;
	
}

.ranking_star {
	height: 14px;
}

.ranking_list h3{
	color: #333;
	font-size: 14px;
	font-weight: bold;
	margin:0 0 10px 5px;
	padding:16px 0 0 0;
}



/* お菓子商品詳細ページ */
.okashi_detail{
	width: 90%;
	text-align: center;
	margin: 0 auto;
	padding:20px 0 50px;
}

.okashidetail_header{
	text-align: left;
	margin:0 0 40px;
}


.okashidetail_header .rank {
	height: 40px;
}

.okashidetail_header .rank p{
	font-weight: bold;
	font-size: 18px;
	width: 4em;
	line-height: 40px;
	float: left;
}

.okashidetail_header h2,
.okashidetail_header .maker{
	font-size: 18px;
	margin:0 0 10px;
}

.okashidetail_header h2{
	font-weight: bold;
}

.okashidetail_header .okashi_genre{
	font-size: 16px;
	margin:0 0 10px;
}

.okashidetail_header ul{
	display: inline-flex;
}

.okashidetail_header li{
	float: left;
}

.okashidetail_header li img{
	width: 26px;
	height: 26px;
	margin:0 10px 0 0;
}

.okashi_header h2{
	clear: both;
}

.okashidetail_img{
	width: 85%;
	height: auto;
	margin:0 auto 30px;
}

.okashi_evaluation{
	width: 90%;
	margin:0 auto 30px;
	border:1px solid #ccc;
}

.okashi_evaluation th{
	font-weight: bold;
	font-size: 30px;
	border-bottom: 1px solid #ccc;
	padding:10px;
}

.okashi_evaluation .text_sogo{
	font-size: 0.6em;
}

.okashi_evaluation td{
	padding:10px 10px 8px 8px;
}

.okashi_evaluation ul{
	width: 270px;
	margin:0 auto;
	display: block;
}

.okashi_evaluation li{
	text-align: left;
	margin:0 0 10px 0;
	padding:0;
}

.okashi_evaluation .evaluation_items{
	width: 7em;
	display: inline-block;
}

.okashi_evaluation img{
	width: 125px;
	height: 19px;
}

.okashi_comment {
	text-align: left;
	width: 90%;
	margin:0 auto;
	padding: 0 0 10px;
	background: #ffffe0;
	clear: both;
}

.okashi_comment h3 {
	line-height: 180%;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	letter-spacing: 2px;
	text-indent: 20px;
	background: #f60;
}

.okashi_comment dl{
	padding: 0 20px;
}

.okashi_comment dt{
	text-indent: 60px;
	line-height: 40px;
	margin-bottom: 10px;
	padding: 15px 0 0 10px;
	background-image: url(http://daikokudrug.com/wp/wp-content/themes/main/images/okashi/icon_person.png) ;
	background-size: 40px 40px;
	background-repeat: no-repeat;
	background-position:15px 15px;
}

.okashi_comment dd{
	border-bottom: 1px dotted #f60;
	line-height: 140%;
	padding: 0 10px 10px;
}






/* キャッシュレス還元2020年6月末まで */
.about_cashless {
	text-align: center;
}

.about_cashless h2 {
	text-align: left;
	margin:0 0 10px;
}

.about_cashless h3 {
	text-align: left;
    color: #fff;
    background: #e71312;
    font-size: 18px;
    margin:0 0 20px;
    padding: 8px 0 8px 20px;
    line-height: 24px;
}

.about_cashless p{
	text-align: left;
	line-height: 1.4em;
	width: 95%;
	margin:0 auto 20px;
}

.about_cashless img{
	margin: 0 auto 15px;
}

.about_cashless section {
	margin:0 auto 30px;
}

.about_cashless .link_keisan_title{
	color: #fff;
	background: #00a1e9;
}

.about_cashless .link_keisan {
	color: #00a1e9;
	text-decoration: underline;
}

.about_cashless .video_area{
	with:95%;
}

.about_cashless .cashless_table {
	text-align: center;
	width: 80%;
	margin:0 auto 20px;

}

.about_cashless .cashless_table th,
.about_cashless .cashless_table td{
	text-align: left;
	line-height: 1.2em;
	padding: 10px;
	border: solid 1px #ccc;	
}

.about_cashless .cashless_table th{
	font-style: bold;
	background: #f5f5f5;
}

.about_cashless .cashless_table td ul{
	margin-bottom: 15px;
}

.about_cashless .cashless_table td ul li{
	line-height: 1.5em;
	text-indent: 1em;
}

.about_cashless .cashless_table .emoneys{
	display: -webkit-flex;
	display: flex;
}
.about_cashless .cashless_table .emoneys img {
	width:80px;
	margin:0 5px 5px 0;
	float: left;
}

.about_cashless .cashless_attention{
	text-align: left;
	width: 95%;
	padding-left: 2em;
}

.about_cashless .cashless_attention li{
	line-height: 1.2em;
	text-indent: -1em;
	margin-bottom: 0.5em;
}





/* オリジナル商品 */
.original_items h3 {
	color: #f60;
	text-decoration: underline;
	margin: 10px 0;
}

/* ランディングページ　広島クーポン */

.hiroshima_coupon .profile {
	display: flex;
	justify-content: space-between;
	margin: 10px 0;
}

.hiroshima_coupon .profile p {
	width: 50%;
}

.hiroshimahondori_map {
	width: 50%;
	height: 200px;
}

.hiroshima_coupon .shop_image {
	margin: 10px 0;
}

.hiroshima_coupon .shop_image_inner {
	width: 420px;
	margin: 0 auto;
}

.hiroshima_coupon .shop_image_inner img {
	margin: 0 5px;
}

.hiroshima_coupon .profile address {
	padding: 20px;
	line-height: 18px;
	box-sizing: border-box;
}

/* 物件募集 */
.property h3 {
	color: #009;
	padding: 20px;
	line-height: 18px;
}

.property .subtitle {
	border-bottom: solid 1px #009;
	color: #009;
}
.property .introduction {
	padding: 0 20px 20px;
}

.property .links {
	padding: 0 20px 20px;
}

.property .links li:before {
	font-family: 'FontAwesome';
	content: "\f0da";
	padding-right: 6px;
}

.property .links a {
	text-decoration: underline;
	line-height: 18px;
}

.property dt {
	margin: 0 0 20px;
}

.property dd {
	line-height: 22px;
	margin: 0 0 30px;
	padding: 0 20px 0;
}

.property_form {
	line-height: 24px;
}

.property_form .subtitle {
	margin: 0 0 20px;
	border-bottom: solid 1px #009;
}


/* ご利用ガイド */
.guide h4 {
	padding: 10px 20px 0;
}

.guide .links {
	margin: 10px 0 0;
	padding: 0 0 0 20px;
	text-decoration: underline;
	line-height: 20px;
}

/* プライバシーポリシー */
.privacy_policy ul {
	padding: 10px 20px 15px;
	border-top: solid 1px #ccc;
}

.privacy_policy li {
	padding: 6px 0;
	line-height: 18px;
}

.privacy_sig {
	font-size: 16px;
	padding: 0 0 20px 40px;
	line-height: 22px;
}

.privacy_policy .form_link {
	margin: 0 0 20px 20px;
	line-height: 30px;
	background: #fafafa;
	display: inline-block;
	padding: 0 10px;
}

.privacy_policy time {
	padding: 10px 20px;
}

/* 開示請求フォーム */
.privacy_policy .bold {
	line-height: 40px;
}

.download {
	display: flex;
	flex-direction: row;
	margin: 20px 0;
	border: solid 1px #333;
}


.pdf,.word {
	width: 50%;
	display: flex;
	flex-direction: column;
	text-align: center;
	padding: 10px;
}

.pdf {
	border-right: solid 1px #333;
}

.pdf>* {
	display: inline-block;
}

.pdf a {
	margin: 30px 0;
	display: inline-block;
}

.word a {
	margin: 30px 0;
}

.privacy_policy address {
	padding: 10px 20px;
}

.privacy_policy .rakuten_privacy_policy {
	text-decoration: underline;
}

/* 会社概要 */
.company_profile dl {
	display: flex;
	flex-wrap: wrap;
}

.company_profile dt,
.company_profile dd {
	line-height: 20px;
	padding: 5px;
	border-bottom: solid 1px #ccc;
	box-sizing: border-box;
}

.company_profile dd li+li {
	padding: 5px 0 0;
	border-top: solid 1px #ccc;
}

.company_profile dd li {
	padding: 0 0 5px;
}

.group_company ul {
	flex-wrap: wrap;
	display: flex;
}

.group_company ul li {
	border-bottom: solid 1px #ccc;
	line-height: 30px;
}

/* 一般事業主行動計画の公表 */
.ippanjigyounushikoudou {
	width: 100%;
	background: url(images/ippanjigyounushikoudou/kodokeikaku1.jpg) no-repeat;
	background-size: contain;
}

/* 採用サイト */
.job .title {
	background: #009;
	border-bottom-color: #069;
}

.job .title.gray {
	background: #f0f0f0;
	color: #333;
	border-bottom-color: #009;
}

.job .subtitle {
	color: #009;
	border-bottom-color: #069;
}

/* 採用サイト　トップ */

.job .top_banner {
	margin: 0 0 1em;
}

.syokusyuitiran {
	margin: 0 0 40px;
}

.syokusyuitiran:after {
	content: ".";
	font-size: 0;
	display: block;
	clear: both;
}

.syokusyuitiran .subtitle {
	background: #fafafa;
	border-bottom: none;
}

.syokusyuitiran_inner {
	display: inline-block;
	box-sizing: border-box;
	width: 50%;
	float: left;
}

.syokusyuitiran_inner .subtitle {
	padding: 15px 0 15px 20px;
}

.syokusyuitiran_inner .honbu,
.syokusyuitiran_inner .top_other_stuff {
	border-top: solid 1px #ccc;
}

.syokusyuitiran dt:before {
	font-family: 'FontAwesome';
	content: "\f10c";
	color: #009;
	padding-right: 10px;
}

.syokusyuitiran dd {
	border-top: dotted 1px #ccc;
}

.syokusyuitiran a {
	width: 100%;
    display: inline-block;
}

.other_stuff {
	border-top: dotted 1px #ccc;
}

/* 職種選択job_select */
.job_select section {
	padding: 0 0 20px;
}
.job_select .subtitle.kanbukouho,
.job_select .subtitle.honbu,
.job_select  .subtitle.other {
	margin: 0 0 20px;
}

.job_select .common_link {
	text-align: center;
	text-indent: 0;
}

.job_select .common_link.web {
	background: #ffd9d9;
}

.job_select .tel {
	text-align: center;
	padding: 10px;
}

.job_select .tel a {
	font-size: 24px;
	color: #009;
	padding: 0 0 0 20px;
}

.job_select .tel a:before {
	font-family: 'FontAwesome';
	content: "\f095\0020";
}

.job_select .tel .common_text {
	padding: 5px 0 0;
}

/* 職種詳細 */
.big_headline {
	min-height: 80px;
	align-items: center;
	display: flex;
	padding: 10px 20px 10px 120px;
	font-size: 24px;
	color: #009;
}

.big_headline.apron {
	background:
	url(/wp/wp-content/themes/main/images/background/job/apron.png) no-repeat 4% center/70px 70px,
	url(/wp/wp-content/themes/main/images/background/job/big_headline.jpg);
}

.big_headline.whiterobe {
	background:
	url(/wp/wp-content/themes/main/images/background/job/whiterobe.png) no-repeat 4% center/70px 70px,
	url(/wp/wp-content/themes/main/images/background/job/big_headline.jpg);

}

.big_headline .genbasyugi {
	font-size: 28px;
	color: #009;
}

.big_headline .daikokubashira {
	font-size: 28px;
	color: #009;
}

.requirements dl {
	line-height: 20px;
	padding: 0 0 20px;
}

.requirements dt {
	width: 120px;
	float: left;
	clear: both;
	padding: 10px 20px;
}

.requirements dd {
	width: 100%;
	border-bottom: dotted 1px #ccc;
	box-sizing: border-box;
	padding: 10px 20px 10px 160px;
}

.requirements dl dd:last-of-type {
	border: none;
}

.requirements dd .shop_list_link {
	text-decoration: underline;
	color: #009;
}

.requirements dd .tel {
	font-size: 20px;
	color: #009;
	line-height: 24px;
}

.requirements_jiku {
	text-decoration: underline;
}

.contact {
	line-height: 1.8em;
}

.contact section {
	padding: 15px 20px;
}

.contact section+section {
	border-top: dotted 1px #ccc;
}

.contact h4 {
	font-size: 16px;
	color: #009;
}

.contact address a {
	font-size: 26px;
	color: #009;
}

.conscription {
    border-top: dotted 1px #f60;
    border-bottom: dotted 1px #f60;
    padding: 3px 0;
    width: 90%;
    display: block;
    margin: 0 auto;
}

.conscription_inner {
    border-top: dotted 1px #f60;
    border-bottom: dotted 1px #f60;
    padding: 10px;
}

.conscription h3 {
    padding: 5px 20px 8px;
    display: inline-block;
    line-height: 1em;
    margin: 0 0 10px;
    background: #f60;
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.3em;
}

.conscription li {
	display: inline-block;
}

.conscription li a {
	color: #009;
}

.yakuzaishi_area_list li {
	display: inline-block;
}

.yakuzaishi_area_list li a {
	display: block;
	position: relative;
	line-height: 40px;
	background: #fafafa;
	color: #333;
	box-sizing: border-box;
	text-indent: 20px;
}

.yakuzaishi_sp_tel {
	font-size: 24px;
	color: #009;
}

/* 時給一覧 */
.recruitment.joken h3:before {
	font-family: 'FontAwesome';
	content: "\f041";
	padding-right: 6px;
	color: #009;
}

.recruitment.joken h3 {
	margin: 0 0 20px;
}

.recruitment.joken h4 {
	font-size: 14px;
	color: #009;
	display: inline-block;
	line-height: 30px;
	width: 140px;
	text-indent: 20px;
}
.recruitment.joken h4+p {
	display: inline-block;
	line-height: 30px;
}

.recruitment.joken table {
	border: solid 1px #999;
	border-collapse: collapse;
	width: 100%;
	line-height: 110%;
	table-layout: fixed;
	margin: 0 0 20px;
}

.recruitment.joken tr:first-child,
.recruitment.joken .high_school_student,
.recruitment.joken .touhan_minarai {
	background: #f0f0f0;
}

.recruitment.joken .trial_period {
	border-top: dotted 1px #999;
}

.recruitment.joken tr th:first-child {
	width: 140px;
}

.recruitment.joken td,
.recruitment.joken th {
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	text-align: center;
	padding: 5px 0;
	vertical-align: middle;
}

.recruitment.joken span{
	font-size: 0.8em;
}



.recruitment.joken .common_link {
	margin: 0 0 20px;
}

.touhan_coution {
	line-height: 120%;
	background: #ff9;
  /*border: solid 1px #ccc;*/
	margin-bottom: 15px;
	padding:10px 20px;
}

.touhan_coution a {
	color: #00f;
	text-decoration: underline;
}

.touhan_coution span {
	color: red;
}



.recruitment.joken.yakuzaishi h4 {
	width: auto;
	padding: 0 30px 0 0;
}

.recruitment.joken.yakuzaishi tr:nth-of-type(2n-1) {
	background: #f0f0f0;
}

/*登録販売者・薬剤師エントリーフォーム*/
.entry {
	line-height: 1.5em;
	background: #fafafa;
}

.entry_form {
	padding: 20px 0px 30px;
}

.entry_form .common_text {
	background: #fff;
	border: solid red 1px;
	margin: 0 20px 20px;
}

.entry .form {
	padding: 0 20px;
}

.entry .kiyaku {
	padding: 0px 20px;
}

.entry .kiyaku section {
	padding: 10px 0;
	border-top: dotted 1px #333;
}

.entry .kiyaku>p {
	margin: 0 0 10px;
}

.entry .caution {
	color: red;
}

.entry .common_text a {
	color: #f60;
}

.entry .hissu {
	color: red;
}

.entry .kiyaku h3,
.entry .kiyaku h4 {
}

/* 各種スタッフ */

.stuff dl {
	padding: 10px 20px 30px;
	line-height: 1.3em;
}

.stuff dt {
	float: left;
	clear: both;
	padding: 10px 0;
}

.stuff dd {
	width: 100%;
	padding: 10px 20px 10px 120px;
	border-bottom: solid 1px #ccc;
	box-sizing: border-box;
}

.stuff .albait {
	background: red;
	color: #fff;
	margin: 0 5px;
	padding: 0 2px;
}

.stuff .entry_tel {
	font-size: 20px;
	color: #009;
	line-height: 1.5em;
}

.stuff .to_website {
	color: #009;
	text-decoration: underline;
}

/* 経営戦略室 */
.senryaku_slogan {
	padding: 20px 0px;
}

.senryaku_slogan h3 {
	font-size: 24px;
	color: #f60;
	padding: 0 20px;
}

/* カット */
.cut_seisyain_bosyu {
	padding: 0 20px 30px;
	line-height: 1.3em;
}

.cut_seisyain_icon {
	background: #009;
	color: #fff;
	margin: 0 5px;
	padding: 0 2px;
}

/* prスタッフ */

.prstuff .headline {
	background: url(images/background/job/prstuff.jpg);
	padding: 20px;
}

.prstuff .headline .text h3 {
	font-size: 20px;
	color: #5dacee;
	line-height: 1.3em;
}

.prstuff .text {
	line-height: 1.5em;
}

.prstuff .strong {
	font-size: 16px;
	color: #5dacee;
}

.prstuff aside {
	padding: 0 20px 20px;
}

.prstuff aside h3 {
	padding: 20px 0 10px;
}
.prstuff section h3:before,
.prstuff aside h3:before {
	content: "●";
}

.prstuff aside li {
	display: inline-block;
	line-height: 40px;
	width: 100px;
	text-align: center;
	background: #5dacee;
	border-radius: 5px;
}

.prstuff aside li a {
	color: #fff;
}

.prstuff h3 {
	font-size: 16px;
	line-height: 30px;
	color: #5dacee;
}

.prstuff .area_name {
	padding: 10px 0 0px 20px;
}

/* 新店求人 */
.job_newshops nav {
    margin: 0 0 40px;
}

.job_newshops nav li {
    line-height: 40px;
    border-bottom: dotted 1px #ccc;
    text-indent: 20px;
}

.job_newshops nav a {
    display: block;
    height: 100%;
    width: 100%;
}

.job_newshops .open_date {
	color: #f60;
	padding: 0 0 0 10px;
}
.job_newshops .to_big_map_link {
    display: block;
    text-align: right;
    line-height: 2em;
    text-decoration: underline;
}

.job_newshops dl {
	padding: 0 0 20px;
}

.job_newshops dl:after {
	content: ".";
	display: block;
	clear: both;
	font-size: 0;
}

.job_newshops dt,
.job_newshops dd {
	line-height: 20px;
}

.job_newshops dt {
	float: left;
	width: 140px;
	padding: 5px 0 0 20px;
	clear: both;
}

.job_newshops dd {
	width: 100%;
	padding: 5px 0 5px 160px;
	box-sizing: border-box;
}

.job_newshops dd {
	border-bottom: dotted 1px #333;
}

.job_newshops .job_newshop_requirements {
	padding: 0 0 40px;
}

.job_newshops h4 {
    margin: 0 0 10px;
    text-align: center;
}

.job_newshops table {
    width: 100%;
    border-top: solid 1px #666;
    border-bottom: solid 1px #666;
    line-height: 1.6em;
	margin: 0 0 10px;
	text-align: center;
    table-layout: fixed;
}

.job_newshops table
 tr:nth-of-type(2n-1) {
    background: #f0f0f0;
}

.job_newshops table td+td {
    border-left: solid 1px #666;
}

.job_newshops table td {
    vertical-align: middle;
    padding: 0.3em;
}

.job_newshops .tohan_caution {
	color: red;
	text-indent: 20px;
}

.job_newshops .common_link.pink {
    margin: 0 0 60px;
}


/* 研修センター */

.kenshu_center li {
	border-bottom: solid 1px #333;
}

.kenshu_center li:first-child {
	border-top: solid 1px #333;
}

.kenshu_center li a {
	display: block;
	padding: 12px 0px 10px 20px;
	line-height: 1.6em;
}

.kenshu_center h3 {
	color: #009;
	text-decoration: underline;
	font-size: 16px;
}
.kenshu_center address {
	border-bottom: dotted 1px #333;
}
.kenshu_center dl:after {
	content: ".";
	display: block;
	clear: both;
	font-size: 0;
}

.kenshu_center dt {
	float: left;
	padding: 10px 0 0 20px;
	width: 110px;
}

.kenshu_center dd {
	width: 100%;
	padding: 10px 0px 10px 130px;
	box-sizing: border-box;
	border-bottom: dotted 1px #333;
	line-height: 18px;
}
.kenshu_center dd a[href^="tel"]{
	padding: 0 5px;
}

.kenshu_center .common_link {
	margin: 15px 0;
}

/* お仕事内容紹介 */
.syoukai .subtitle:before {
	content: "\f007";
	color: #009 !important;
}

.syoukai img {
	margin: 0 auto;
	display: block;
	width: 90%;
	/*max-width: 300px;*/
}

/* 新人の1日 */
.shinjin h3 {
	margin: 0 0 20px;
}

.shinjin img {
	padding: 0 20px 0;
}
/* 免税店 */

.taxfree .subtitle {
	border-bottom: solid 1px #e50112;
	color: #e50012;
}

.taxfree .subtitle i {
	color: #e50112;
}

.taxfree .subtitle.top {
	border: none;
}

.taxfree .subtitle:before {
	content: "\f041";
	color: #e50012;
}

.taxfree .common_link {
	margin: 10px 0 20px;
}
/* 免税店地図操作関連 */

.dropdown_wrap {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 0 0 10px;
}

.area_list {
	width: 95%;
	display: block;
	margin: 10px auto;
	height: 40px;
	background: #fafafa;
	border: solid 1px #ccc;
	text-indent: 20px;
	border-radius: 5px;
}

.area_list.dropdown {
	width: 360px;
}

.area_list.mobile_list {
	margin: 10px auto;
}

.area_list.list2 {
	width: 100%
}

.search_locate_btn{
    width: 95%;
    display: block;
    margin: 10px auto;
    padding: 5px 0;
    background: #fafafa;
    border: solid 1px #ccc;
    border-radius: 5px;
}

.locate_btn {
	width: 19%;
	padding: 4px 0;
	line-height: 15px;
	background: #fafafa;
	border: solid 1px #ccc;
	border-radius: 5px;
	text-align: center;
	text-indent: 0;
}

.locate_btn_wrap {
	display: flex;
	justify-content: space-between;
	margin: 0 0 20px;
}

.taxfree #map{
    width: 80%;
    height: 330px;
    margin: 0 auto;
}

/* 免税店一覧 */
.taxfree .list section {
	padding: 0 0 25px;
}

.taxfree .list .japanese {
	margin: 0 10px;
	font-size: 12px;
	font-weight: normal;
}

.taxfree .list li {
	border-bottom: dotted 1px #ccc;
}

.taxfree .list a {
	line-height: 40px;
	width: 100%;
	display: inline-block;
}

.taxfree .list a span {
	width: 12em;
	display: inline-block;
	text-indent: 20px;
}

/* 大量購入 */
.bulk_buying .title .ch {
    color: #eee;
}

.bulk_buying .common_text .ch {
    color: #999;
}

.bulk_buying .subtitle {
    color: #f60;
    margin: 0 0 20px;
}

.bulk_buying .shop_box {
    margin: 0 30px 30px;
    box-sizing: border-box;
}

.bulk_buying .shop_box_inner {
    background: #fff7f0;
    padding: 20px 0 0;
}

.bulk_buying h4 .info_taxfree {
    background: #f60;
    color: #fff;
    padding: 10px;
    margin: 0 10px 0 20px;
}

.bulk_buying .shop_box h4 {
    display: flex;
    align-items: center;
}

.bulk_buying .shop_box .ja{
    color: #f60;
    line-height: 1.2em;
    font-size: 16px;
}

.bulk_buying .map_zoom {
    display: block;
    text-align: right;
    text-decoration: underline;
    line-height: 2em;
}

.how_to_apply {
    line-height: 1.2em;
}

.how_to_apply>section {
    margin: 0 30px 20px;
    border: solid 1px #ccc;
    padding: 10px 20px;
}

.how_to_apply h4 {
	letter-spacing: 0.2em;
    margin: 0 0 30px;
}

.how_to_apply address a {
    color: #f60;
    display: block;
    padding: 0 0 15px;
}

.how_to_apply .ch {
    padding: 10px 0;
    color: #999;
    display: block;
}

/* dd-member */
.ddmember {
	line-height: 1.3em;
}

	.ddmember_info {
	    padding: 20px 20px 0;
	}

.change_sale_date {
    margin: 0 0 20px;
}

.change_sale_date .sale_info_headline {
	border-bottom: solid 1px #f60;
    color: #f60;
    padding: 10px 0 3px;
    margin: 0 0 3px;
    font-size: 20px;
    display: inline-block;
    width: 100%;
    text-indent: 10px;
}

.change_sale_date h3 {
    border-bottom: solid 1px #f60;
    margin: 0 0 30px;
}

.change_sale_date .date_info {
    font-weight: 700;
}

.change_sale_date .date_info .rakuten,
.change_sale_date .date_info .sale {
    box-sizing: border-box;
    padding: 10px 0;
    border: solid 1px #666;
}

.change_sale_date .date_info * {
    text-align: center;
    font-size: 30px;
    line-height: 1.2em;
}

.change_sale_date .caution {
    padding: 20px;
    display: inline-block;
}

.change_sale_date .orange {
    color: #f60;
}

.change_sale_date .blue {
    color: #009;
}
.ddmember .common_text {
	padding: 10px 20px 15px;
}

.ddmember_blue_title {
	background: url(/wp/wp-content/themes/main/images/ddmember/share/dd-member_logo.png) no-repeat 10px,#009;
	color: #fff;
	font-size: 16px;
	padding: 10px 10px 10px 50px;
}

.ddmember .strong {
	font-size: 18px;
	color: red;
}
.ddmember .small {
	font-size: 12px;
}

.ddmember_benefit_list{
	line-height: 1.4em;
	width: 88%;
	padding: 10px;
	margin: 0 auto 20px;
	border: 1px solid #f60;
}

.off5per_img {
	margin: 10px 0;
}

.ddmember table,
.ddmember th,
.ddmember td {
	border: solid 1px #333;
	padding: 10px;
	vertical-align: middle;
	text-align: center;
}

.ddmember table {
	width: 95%;
	margin: 0 auto;
}

.ddmember th {
	background: #ccc;
}

.ddmember_subtitle {
	border-top: solid 2px #009;
	border-bottom: solid 2px #009;
	text-align: center;
	font-size: 24px;
	line-height: 1.2em;
	color: #009;
	margin: 20px 0 0;
	padding: 12px 0;
}
.ddmember_subtitle .subtitle_small {
    font-size: 20px;
    display: inline-block;
    padding: 0 0 5px;
    color: #009;
}

.ddmember .card_img {
    width: 70%;
    margin: 20px auto;
    display: block;
}

.ddmember .otemoto {
	text-align: center;
	margin: 0 0 10px;
}

.ddmember .explanation {
	display: flex;
	flex-wrap: wrap;
	padding: 0 0 20px;
}

.ddmember .explanation li {
	text-align: center;
	padding: 20px 40px;
	box-sizing: border-box;
}
.ddmember .explanation li img {
	display: block;margin: 0 auto;
}

.ddmember .shikkou {
	color: #f60;
	font-size: 16px;
	padding: 10px;
	display: inline-block;
}

.ddmember .point_shikkou {
	display: inline-block;
	padding: 0 10px;
	margin: 0 0 20px;
}

.regist_discliption_title {
	color: #f60;
	padding: 0 10px 10px;
}

.regist_discliption {
	width: 95%;
	display: block;
	margin: 0 auto;
}

.regist img {
	max-width: 100%;
}

.regist .card_pc_phone {
    display: block;
    margin: 0 auto;
}

.regist .card_shikumi {
    text-align: center;
    color: #f60;
    line-height: 3em;
    font-size: 16px;
}

.regist .card_shikumi_img {
    display: block;
    margin: 0 auto 30px;
}

.regist .case1 {
	width: 502px;
}

.regist .case2 {
	width: 502px;
}

.regist .case3 {
	width: 320px;
}

.regist dl {
    margin: 0 0 40px;
    position: relative;
}

.regist dt {
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    margin: -1px 0 0;
    background: #fafafa;
    line-height: 1.5em;
    padding: 10px;
    display: flex;
    align-items: center;
}
.regist dt:nth-of-type(1) {
    margin: 0;
}

.regist dt span {
    color: #009;
    padding: 0 10px;
}

.regist dt:after {
	font-family: 'FontAwesome';
	content: "\f078";
	color: #333;
	position: absolute;
	right: 10px;
}

.regist dd {
    padding: 20px;
    display: none;
}

.regist dd img {
    display: block;
    margin: 0 auto 20px;
}

.regist dd a {
    color: #009;
    text-decoration: underline;
}

.gold_card_title {
	font-size: 16px;
	color: #f60;
	line-height: 16px;
}

.ddm_user_links {
	padding: 0 20px 20px;
}

.ddm_user_links .contact {
	clear: both;
	padding: 15px 0 0;
}

.ddm_user_links .contact,
.ddm_user_links .kiyaku {
	text-align: right;
}

.ddm_user_links .contact a,
.ddm_user_links .kiyaku a {
	text-decoration: underline;
}

.ddm_user_links .shinki {
	width: 67%;
}

.ddm_user_links .mypage,
.ddm_user_links .rakuten {
	width: 32%;
}

.ddm_user_links .shinki img,
.ddm_user_links .mypage img,
.ddm_user_links .rakuten img {
	width: 100%;
}

.ddm_page_links {
	display: flex;
	background: #f5f5f5;
}

.ddm_page_links li {
	display: flex;
	text-align: center;
}

.ddm_page_links a {
	width: 100%;
	background: #f5f5f5;
	padding: 20px 0 20px;
}

.ddcard_support .support {
	font-size: 24px;
	color: #009;
	line-height: 1.4em;
}

.ddcard_support address {
	line-height: 1.3em;
	text-align: center;
}

.ddcard_support .tel a {
	margin: 0 0 5px;
}
.ddcard_support .tel a {
	color: #333;
	font-size: 24px;
	line-height: 1.3em;
}

.ddcard_support .reception_time {
	line-height: 1.3em;
}

.ddcard_support ul {
	padding: 20px;
}

.ddcard_support li {
	margin: 0 0 5px;
}

.tokuten,
.tamaru {
    margin: 20px 20px 20px;
    border: solid 1px #ccc;
}

.tokuten h4,
.tamaru h4 {
    padding: 10px 20px 5px;
    border-bottom: solid 2px #f60;
    font-size: 16px;
    color: #009;
}
.tokuten_inner,
.tamaru_inner {
    display: flex;
}

.tamaru_inner a {
	text-decoration: underline;
}

.tokuten_headline,
.tamaru_headline {
    color: #f60;
    font-size: 16px;
    line-height: 1.2em;
    padding: 10px 10px 10px 20px;
}

.tokuten_headline .comment ,
.tamaru_headline .comment {
	color: #f60;
}

.ddmember .point5x {
	display: block;
	background: #bf0000;
	color: #fff;
	text-align: center;
	padding: 15px 0;
	font-size: 24px;
	margin: 0 20px 30px;
	line-height: 1.2em;
}

.web_register_flow li {
    border-bottom: dotted 1px #009;
    padding: 10px 20px;
}

.web_register_flow .step_headline {
    color: #009;
    line-height: 1em;
    padding: 0 0 10px;
    font-size: 16px;
}

.web_register_flow .step_headline:before {
    font-family: 'FontAwesome';
    content: "\f061";
    padding-right: 6px;
}

.faq_nav a {
	display: inline-block;
	width: 100%;
	line-height: 24px;
}

.faq_nav a:before {
	font-family: 'FontAwesome';
	content: "\f29c";
	padding-right: 6px;
	color: #f60;
}

.faq_nav {
	padding: 10px 0 30px 20px;
}

.ddmember.faq dl {
	padding: 0 0 30px;
}

.ddmember.faq dt,
.ddmember.faq dd {
	padding: 8px 0;
	line-height: 1.2em;
}

.ddmember.faq dt {
	border-bottom: dotted 1px #333;
	display: flex;
}

.ddmember.faq dd {
	border-bottom: solid 1px #333;
	position: relative;
	display: flex;
}

.ddmember.faq dd:before,
.ddmember.faq dt:before {
	padding: 0 10px;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 20px;
}

.ddmember.faq dt:before {
	content: "Q";
	color: #009;
}

.ddmember.faq dd:before {
	content: "A";
	color: #f60;
}

.ddmember.faq dt div,
.ddmember.faq dd div {
	padding: 0 30px 0 0;
	word-break: break-all;
}

.ddmember.faq dd a {
	text-decoration: underline;
}

.ddm_rpoint_calendar {
	float: right;
	width: 80px;
	padding: 0 50px 0 40px;
}

.ddm_rpoint_card {
	float: right;
	width: 112px;
	padding: 0 17px 0 40px;
}

.ddm_rpoint_trush {
	float: right;
	width: 107px;
	padding: 0 20px 0 40px;
}

.ddm_rpoint_account {
	float: left;
	width: 100%;
	padding: 20px 17px;
	box-sizing: border-box;
}

.caution section {
	clear: both;
	padding: 20px 20px 0;
	border-bottom: dotted 1px #009;
}

.caution section:after {
	content: ".";font-size: 0;clear: both;display: block;
}

.caution h4 {
	font-size: 16px;
	color: #009;
	padding: 0 0 10px;
}

.caution h4:before {
    font-family: 'FontAwesome';
    content: "\f06a";
    padding-right: 6px;
}

.funshitu {
	padding: 30px 20px 0;
}

.funshitu h3 {
	background: #e5e6f1;
	display: flex;
	align-items: center;
	margin: 0 0 20px;
	padding: 0 10px 0 0;
}

.funshitu h3:before {
	content: "";
	font-family: 'FontAwesome';
	content: "\f071";
	padding: 20px;
	font-size: 34px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: #f60;
}

.fuyo_caution {
	padding: 30px 20px 20px;
	font-size: 12px;
}

.rakuten_link {
	color: #f60;
	font-size: 24px;
	padding: 10px 0;
	display: inline-block;
}

.ddmember .readme {
	border: solid 1px #ccc;
	padding: 15px;
	margin: 0 0 20px;
}

.ddmember .readme h4 {
	font-size: 16px;
	padding: 0 0 5px;
}

.ddmember .readme li {
	padding: 0 0 10px;
}

.ddmember .readme li:before {
	content: "・";
}

.rakuten_card_kiyaku {
}

.rakuten_card_kiyaku a {
	color: #f60;
	padding: 0 5px;
}

.one_bc .headline_img {
	margin: 0 0 30px;
}
.one_bc dt {
    font-size: 14px;
    color: #009;
    padding: 10px 20px 0;
}

.one_bc dd {
    line-height: 1.3em;
    padding: 10px 20px 30px;
}

.one_bc dd a {
    text-decoration: underline;
}

/* 新規登録者キャンペーン */

.new_registrant_campaign {
    padding: 30px 0 0;
    line-height: 2em;
    text-align: center;
}

.new_registrant_campaign * {
    font-size: 18px;
}

.new_registrant_campaign .blue {
    color: #009;
}

.new_registrant_campaign .orange {
    color: #f60;
}

.new_registrant_campaign .red {
    color: #bf0000;
}

.new_registrant_campaign .title_tokuten {
    background: #009;
    color: white;
    padding: 4px 0;
    margin: 0 0 30px;
    font-size: 22px;
}

.new_registrant_campaign .daikokude {
    display: block;
}

.new_registrant_campaign .daikoku {
    font-size: 36px;
}

.new_registrant_campaign .ddrakutencardwotorokusuruto {
    padding: 20px 20px 20px 40%;
    display: block;
    box-sizing: border-box;
    text-align: left;
    background: url(/wp/wp-content/uploads/2018/11/card.jpg) no-repeat 5% center /30%;
}

@media screen and (min-width: 541px) {
	.new_registrant_campaign .ddrakutencardwotorokusuruto {
    	background: url(/wp/wp-content/uploads/2018/11/card.jpg) no-repeat 25% center /15%;
	}
}

.new_registrant_campaign .ddrakutencard {
    display: block;
    font-size: 31px;
    color: rgb(112,48,160);
}

.new_registrant_campaign .superpointga {
    display: block;
}

.new_registrant_campaign .superpoint {
    font-size: 28px;
}

.new_registrant_campaign .tsukaeru {
    font-size: 38px;
    display: block;
    line-height: 1.2em;
	padding: 10px 0 80px;
	margin: 0 0 30px;
    background: url(/wp/wp-content/uploads/2018/11/rakuten_point_image.png) repeat-x -25% bottom /80px;
}

.new_registrant_campaign .pointnikuwae {
    padding: 20px 0;
}

.new_registrant_campaign .sale dd {
    width: 80%;
    display: block;
    margin: 0 auto;
    border: solid 1px #999;
}

.new_registrant_campaign .sale dt {
    padding: 10px 0;
    background: #f60;
    margin: 30px 0;
    color: #fff;
}

.new_registrant_campaign .sale dt>span {
    color: #fff;
}

.new_registrant_campaign .genteitokuteniroiro {
    display: block;
    font-size: 20px;
}

.new_registrant_campaign .rakutenpointcard {
    font-size: 28px;
    display: block;
}

.new_registrant_campaign .tourokunenkaihimuryo {
    box-sizing: border-box;
    display: block;
    background: url(/wp/wp-content/uploads/2018/11/card.jpg) no-repeat 20% center /80px;
    padding: 20px 0 20px 100px;
    margin: 0 0 20px;
}

@media screen and (min-width: 541px) {
	.new_registrant_campaign .tourokunenkaihimuryo {
	    background: url(/wp/wp-content/uploads/2018/11/card.jpg) no-repeat 35% center /80px;
	}
}

.new_registrant_campaign .to_shop_button {
    margin: 0 auto 20px;
    display: block;
    background: #f60;
    color: #009;
    width: 90%;
    padding: 10px 0;
    border-radius: 25px;
}

.new_registrant_campaign .point_back_campaign {
    margin: -30px 0 0;
    background: url(/wp/wp-content/uploads/2018/11/rakuten_point_image.png) no-repeat center 20px /80px, #bf0000;
    height: 80px;
    padding: 80px 0 0;
}

.new_registrant_campaign .point_back_campaign p {
    color: white;
}

/* クラブ活動 */
.club {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 20px 0 0;
}

.club dl {
	width: 220px;
	display: inline-block;
	border: solid 2px #f60;
	margin: 0 0 30px;
}

.club dt {
	background: #f60;
	color: #fff;
	line-height: 24px;
		text-align: center;
}

.club dt+dd {
	padding: 10px;
}

.club dd img {
	width: 220px;
}


/* 独立応援制度 */
.doku_nav {
	display: flex;
	background: #099;
	border: solid 1px #333;
}

.doku_nav li+li {
	border-left: solid 1px #333;
	box-sizing: border-box;
}

.doku_nav li {
	display: flex;
	justify-content: center;
	width: 25%;
	line-height: 40px;
	text-align: center;
}

.doku_nav li.current_page {
	color: #ff0;
}

.doku_nav li a {
	color: #fff;
	height: 100%;
	width: 100%;
}

.doku_intro {
	background: #e6f7f7;
	padding: 20px;
	line-height: 18px;
}

.doku_intro h3 {
	font-size: 20px;
	border-left: solid 5px #099;
	text-indent: 15px;
	color: #099;
	margin: 0 0 20px;
}

.doku_intro_summary {
	padding: 0 0 10px;
}

.doku_intro_sign {
	text-align: right;
	padding: 20px 0;
}

.point5_box {
	background: #099;
	padding: 0 0 1px;
	margin: 0 0 20px;
}

.point5_box section {
	width: 95%;
	margin: 0 auto 20px;
	background: #fff;
	padding: 15px 20px;
	box-sizing: border-box;
	border-radius: 5px;
}

.point5_box h3 {
	text-align: center;
	color: #fff;
	line-height: 56px;
	font-size: 24px;
}

.point5_box h3 span {
	background: #ff0;
	font-size: 24px;
	padding: 0 10px;
	margin: 0 10px;
	color: #099;
}

.point5_box section h4 {
	color: #099;
	border-bottom: dotted 1px #099;
	font-size: 18px;
	margin: 0px 0 10px;
	padding: 0 0 5px;
}

.dokuritsu.process h3 {
	margin: 0 0 10px;
	clear: both;
}

.dokuritsu.process section p {
	padding: 10px;
	line-height: 20px;
}

.dokuritsu.process img {
	float: left;
	padding: 0 20px 20px 0;
}

.doku_q_a {
	padding: 20px;
}

.doku_q_a .comment {
	margin: 0 0 5px;
}

.doku_q_a dl {
	position: relative;
}
.doku_q_a dt,.doku_q_a dd {
	padding: 8px 20px;
	line-height: 18px;
}
.doku_q_a dt {
	background: #fafafa;
	margin: 0 0 1px;
	color: #009;
}

.doku_q_a dt:after {
	font-family: 'FontAwesome';
	content: "\f0d8";
	padding-right: 6px;
	right: 15px;
	position: absolute;
}

.doku_q_a dt.open:after {
	content: "\f0d7";
}
.doku_q_a dd {
	display: none;
}
.doku_entry {
	line-height: 20px;
	padding: 20px;
}

/* 採用QA*/

.job .q_a dl {
	position: relative;
}
.job .q_a dt,.job .q_a dd {
	padding: 8px 20px;
	line-height: 18px;
}
.job .q_a dt {
	background: #fafafa;
	margin: 0 0 1px;
	color: #009;
}

.job .q_a dt:after {
	font-family: 'FontAwesome';
	content: "\f0d7";
	padding-right: 6px;
	right: 15px;
	position: absolute;
}

.job .q_a dt.open:after {
	content: "\f0d8";
}

.job .q_a dd {
	display: none;
}

/* 先輩メッセージ */
.daikokuman {
	line-height: 140%;
}
.daikokuman .daikokuman_index li {
	padding: 0 0 0 20px;
	background: #fafafa;
	border-bottom: solid 1px #ccc;
}

.daikokuman .daikokuman_index li a {
	display: inline-block;
	width: 100%;
	line-height: 40px;
	color: #009;
}

.daikokuman .daikokuman_profile {
	padding: 20px;
}

.daikokuman .daikokuman_profile img {
	padding: 0 20px 20px 0px;
}

.daikokuman .daikokuman_profile .position {
	line-height: 20px;
}

.daikokuman .daikokuman_profile .name {
	line-height: 20px;
}

.daikokuman .daikokuman_profile p,
.daikokuman .interview p {
	padding: 5px 20px;
}

.daikokuman .interview h3 {
    color: #009;
    line-height: 30px;
    text-indent: 20px;
    border-bottom: solid 1px #009;
}
.daikokuman .interview h3:before {
    font-family: 'FontAwesome';
    content: "\f27a";
    padding-right: 6px;
}


.daikokuman .images {
	display: flex;
	justify-content: space-around;
}

/* 福利厚生 */
.welfare .images {
	padding: 0 10px 0;
	display: flex;
	justify-content: space-between;
}

.welfare .images p {
	text-align: center;
	padding: 5px 0;
}
.welfare .common_link {
	margin: 15px 0 0;
}

/* サイトマップ */

.sitemap>section {
	padding: 0 0 20px;
}

.sitemap ul {
	padding: 0 0 0 20px;
}

.sitemap li {
	line-height: 24px;
}

.sitemap h3:before {
	font-family: 'FontAwesome';
	content: "\f040";
	padding-right: 6px;
}

.sitemap .subtitle {
	margin: 0 0 20px;
}

.sitemap li a {
	display: inline-block;
	width: 100%;
}

.sitemap li a:before {
	font-family: 'FontAwesome';
	content: "\f0da";
	padding-right: 6px;
}

.sitemap h4 {
	line-height: 24px;
}

.err {
	line-height: 1.4em;
}
/* pc */
@media print, (min-width: 541px) {
	.pc-hidden {
		display: none !important;
	}

	/* body */
	html {
		width: 970px;
		background: 
		url(images/background/header.jpg) repeat-x,
		url(images/background/aside.jpg) repeat-y;
		margin: 0 auto;
	}

	/* header */
	header {
		border-bottom-width: 2px;
		height: 63px;
		margin: 0 auto;
		padding: 20px 0 0;
	}

	.logo {
		float: left;
	}

	.menu_btn {
		display: none;
	}

	.global_nav {
		float: right;
	}

	.global_nav li {
		display: inline-block;
		border-left: dotted 1px #009;
	}

	.global_nav li:last-child {
		border-right: dotted 1px #009;
	}

	.global_nav li a {
		display: table-cell;
		vertical-align: middle;
		width: 108px;
		height: 53px;
		text-align: center;
		color: #009;
	}

	.page_navigation,
	.contents {
		margin: 0 !important; /* jsで書き換えられる対策 */
		padding: 0 0 83px !important; /* jsで書き換えられる対策 */
	}

	/* main contents */
	.contents {
		float: right;
		width: 730px;
	}

	/* sidebar */
	.page_navigation {
		float: left;
		width: 220px;
	}

	/* footer */
	footer {
		clear: both;
	}

	.copyright,
	.site_guide {
		width: 960px;
	}

	/* ホーム（TOPページ） */

	.home section {
		margin: 0 0 20px;
	}

	.store_information,
	.job_information  {
		border: solid 1px;
		width: 355px;
	}

	.store_information {
		border-color: #f60;
		float: left;
	}

	.job_information {
		border-color: #009;
		float: right;
	}

	/* 100円均一 */
	.shop100 .shop_title{
		width: 220px;
	}

	/* 店舗検索 */
	.keyword_search {
	    margin: 0 0 0 10px;
	    padding: 5px 0;
	    height: 30px;
	}

	.keyword_search .input_text {
	    width: 190px;
	}

	.shop_search dl {
		margin: 0 0 20px;
		padding: 0 0 0 10px;
	}

	.shop_search dt {
		float: left;
		clear: both;
		margin: 5px 0 0;
		line-height: 30px;
		width: 120px;
		text-align: center;
		background: #ffeda6;
	}

	.shop_search dd {
		width: 100%;
		border-bottom: dotted 1px #ccc;
	}

	.shop_search dd li {
		display: inline-block;
		padding: 5px 0;
	}

	.shop_search dd li+li a {
		border-left: solid 1px #ccc;
	}

	.shop_search a {
		line-height: 30px;
		width: 115px;
		text-align: center;
		display: inline-block;
	}

	/* 地域・路線の店舗検索 */
	.child_area_list {
		border-radius: 5px;
		margin: 20px auto 0;
	}

	.shop_list {
		display: flex;
		padding: 20px 0 0;
		flex-wrap: wrap;
	}

	.shop_list h3 {
		margin: 0 0 5px;
	}
	.shop_list>li {
		position: relative;
		margin: 0 0 5px 5px;
		width: 235px;
		border: solid 1px #333;
	}
	.shop_list>li a {
		height: 140px;
	}
	.shop_list>li address {
		line-height: 1.2em;
	}

	.shop_list .attr {
		display: block;
		box-sizing: border-box;
		position: absolute;
		padding: 0 10px 0 0;
		width: 100%;
		bottom: 10px;
		left: 0;
	}

	.shop_list .attr li{
		width: 40px;
	}

	.shop_list .attr .taxfree img {
	width: 38px;
	height: 38px;
	}

	.shop_list .attr .shop100 img {
	width: 38px;
	height: 38px;
	}

	.shop_list .attr .cless img {
	width: 38px;
	height: 38px;
	}

	/* 店舗検索大阪のみ */
	.osaka_shop_search section {
		margin: 0 0 20px;
	}

	.osaka_shop_search select {
		border-radius: 5px;
		padding: 14px;
		margin: 0 20px 10px 0;
	}	

	.osaka_shop_search .area select {
		width: 355px;
	}
	.osaka_shop_search .route select {
		width: 167px;
	}
	.osaka_shop_search .area select:nth-of-type(2n) {
		margin: 0;
	}

	.osaka_shop_search .route select:nth-of-type(4n)  {
		margin: 0;
	}

	/* 店舗個別ページ */
	.header_info .attr>li {
		margin: 0 10px 0 0;
	}

	.header_info .links li a {
		width: 160px;
	}
	.shop .back .common_link{
		margin: 0 0 5px;
	}

	/* 湊町のみ大量購入へのリンク */
	.to_bulk_buying {
		margin: 0 0 20px;
	}

	/* ボーナスポイント */

	/* オリジナル商品 */
	.original_items {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		padding: 20px 0;
	}

	.original_items li {
		width: 240px;
		height: 280px;
		border: solid 1px #333;
		padding: 10px;
		box-sizing: border-box;
		margin: 0 5px 5px 0;
	}

	.original_items li:nth-of-type(3n) {
		margin: 0 0 5px;
	}

	/* 大量購入 */

	/* dd-member */

	.change_sale_date .date_info {
	    display: flex;
	}

	.change_sale_date .date_info .rakuten,
	.change_sale_date .date_info .sale {
	    width: 46%;
	    margin: 0 2%;
	    display: inline-block;
	}

	.ddm_user_links .mypage {
		float: right;
		padding: 0 0 5px;
	}

	.ddm_user_links .shinki {
		float: left;
	}
	.ddm_user_links .rakuten {
		float: right;
	}

	.gold_card_title {
		padding: 10px 0 0 20px;
	}

	.ddmember .explanation li {
		width: 50%;
	}

	.tamaru_image {
		float: left;
		padding: 20px 80px 40px 60px;
	}

	.tokuten img {
		padding: 0px 30px 20px 50px;
	}

	.tokuten h4,
	.tamaru h4 {
		clear: both;
	}

	.ddm_page_links {
		justify-content: space-around;
		margin: 0 0 20px;
	}

	.ddm_page_links li {
		width: 20%;
	}

	.ddm_page_links li img {
		padding: 0 0 10px;
	}

	.ddm_page_links a {
		display: inline-block;
	}

	/* 会社概要 */
	.company_profile,
	.group_company  {
		margin: 0 0 30px;
	}
	.company_profile dl {
		flex-wrap: wrap;
		margin: 10px 0;
	}

	.company_profile dt {
		width: 30%;
	}
	.company_profile dd {
		width: 70%;
	}

	.group_company ul {
		flex-wrap: wrap;
	}
	.group_company ul li {
		width: 30%;
		padding: 0 0 0 3%;
	}

	/* 物件募集 */
	.property dd {
		display: flex;
	}
	.property dd .img_wrapper{
		padding: 0 20px 0 0;
	}

	/* 一般事業主行動計画の公表 */
	.ippanjigyounushikoudou {
		height: 1900px;
	}

	/* クラブ活動 */
	.club dl {
		margin: 0 0 30px;
	}

	/* 採用サイト */
	.syokusyuitiran {
		border: solid 1px #009;
	}
	.syokusyuitiran dt {
		padding: 10px 0 0 20px;
		float: left;
		clear: both;
	}

	.syokusyuitiran dd {
		padding: 10px 0 0px 160px;
	}

	.syokusyuitiran dd li {
		padding: 0 0 10px;
	}

	.syokusyuitiran_inner+.syokusyuitiran_inner {
		border-left: solid 1px #ccc;
	}

	.other_stuff {
		padding: 0 0 20px;
	}

	.other_stuff li {
		padding: 10px 0 0 20px;
	}

	/* 職種選択job_select */
	.job_select .tel {
		display: flex;
		flex-direction: row-reverse;
		justify-content: center;
		align-items: center;
	}

	.job_select .tel a {
		text-decoration: underline;
	}

	.job_select .tel_link {
		display: inline-block;
	}
	/* 職種詳細 */
	.recruitment .area dl {
		margin: 5px 0 20px;
		padding: 0 0 0 10px;
	}

	.recruitment .area dt {
		float: left;
		clear: both;
		margin: 5px 0 0;
		line-height: 30px;
		width: 120px;
		text-align: center;
		background: #f0f0f0;
	}

	.recruitment .area dd {
		width: 100%;
		border-bottom: dotted 1px #ccc;
	}

	.recruitment .area dd li {
		display: inline-block;
		padding: 5px 0;
	}

	.recruitment .area dd li a {
		line-height: 30px;
		width: 115px;
		text-align: center;
		display: inline-block;
	}

	.recruitment .area dd li+li a {
		border-left: solid 1px #ccc;
	}

	.yakuzaishi_area_list {
		padding: 20px 0px;
	}

	.yakuzaishi_area_list li {
		margin: 0 0 0 5px;
	}

	.yakuzaishi_area_list li a{
		width: 238px;
		border: solid 1px #ccc;
		border-radius: 5px;
	}

	.yakuzaishi_area_list li a:after {
		font-family: 'FontAwesome';
		content: "\f054";
		color: #333;
		position: absolute;
		height: 100%;
		top: 0;
		display: flex;
		align-items: center;
	}

	.yakuzaishi_area_list li a:after {
		right: 20px;
	}

	.yakuzaishi_area_list li:nth-of-type(3n-2) {
		margin: 5px 0 0;
	}

	/* PRスタッフ */
	.prstuff .headline {
		display: flex;
	}

	.prstuff aside li {
		margin: 0 20px 0 0;
	}

	/* 先輩メッセージ */
	.daikokuman_profile img {
		float: left;
	}

	.interview {
		clear: both;
	}

}
/* /pc */

/* mobile */
@media screen and (max-width: 540px) {
	.mobile-hidden {
		display: none !important;
	}

	/* menu_button */
	.menu_btn {
		position: fixed;
		top: 18px;
		left: 6px;
		width: 40px;
		height: 40px;
		vertical-align: bottom !important;
		line-height: 1em;
		border-radius: 4px;
		text-align: center;
		color: #009;
		padding: 0;
	}

	.menu_btn:after{
		content:"menu";
		position: relative;
		top: -13px;
		display: block;
		margin: 0 auto;
	}

	.menu_btn.opened:after{
		content:"close";
	}

	.menu_btn,
	.menu_btn span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	.menu_btn span {
		position: absolute;
		left: 13%;
		width: 74%;
		height: 3px;
		background-color: #009;
		border-radius: 5px;
	}
	.menu_btn span:nth-of-type(1) {
		bottom: 22px;
	}
	.menu_btn span:nth-of-type(2) {
		bottom: 14px;
	}
	.menu_btn span:nth-of-type(3) {
		bottom: 6px;
	}

	/* button animation */
	/* http://www.nxworld.net/tips/12-css-hamburger-menu-active-effect.html */
	.menu_btn.closed span:nth-of-type(1) {
		-webkit-animation: menu-bar01 .75s forwards;
		animation: menu-bar01 .75s forwards;
	}
	@-webkit-keyframes menu-bar01 {
		0% {
			-webkit-transform: translateY(20px) rotate(45deg);
		}
		50% {
			-webkit-transform: translateY(20px) rotate(0);
		}
		100% {
			-webkit-transform: translateY(0) rotate(0);
		}
	}
	@keyframes menu-bar01 {
		0% {
			transform: translateY(20px) rotate(45deg);
		}
		50% {
			transform: translateY(20px) rotate(0);
		}
		100% {
			transform: translateY(0) rotate(0);
		}
	}
	.menu_btn.closed span:nth-of-type(2) {
		transition: all .25s .25s;
		opacity: 1;
	}
	.menu_btn.closed span:nth-of-type(3) {
		-webkit-animation: menu-bar02 .75s forwards;
		animation: menu-bar02 .75s forwards;
	}
	@-webkit-keyframes menu-bar02 {
		0% {
			-webkit-transform: translateY(-20px) rotate(-45deg);
		}
		50% {
			-webkit-transform: translateY(-20px) rotate(0);
		}
		100% {
			-webkit-transform: translateY(0) rotate(0);
		}
	}
	@keyframes menu-bar02 {
		0% {
			transform: translateY(-20px) rotate(-45deg);
		}
		50% {
			transform: translateY(-20px) rotate(0);
		}
		100% {
			transform: translateY(0) rotate(0);
		}
	}
	.menu_btn.opened span:nth-of-type(1) {
		-webkit-animation: active-menu-bar01 .75s forwards;
		animation: active-menu-bar01 .75s forwards;
	}
	@-webkit-keyframes active-menu-bar01 {
		0% {
			-webkit-transform: translateY(0) rotate(0);
		}
		50% {
			-webkit-transform: translateY(20px) rotate(0);
		}
		100% {
			-webkit-transform: translateY(9px) rotate(45deg);
		}
	}
	@keyframes active-menu-bar01 {
		0% {
			transform: translateY(0) rotate(0);
		}
		50% {
			transform: translateY(20px) rotate(0);
		}
		100% {
			transform: translateY(9px) rotate(45deg);
		}
	}
	.menu_btn.opened span:nth-of-type(2) {
		opacity: 0;
	}
	.menu_btn.opened span:nth-of-type(3) {
		-webkit-animation: active-menu-bar03 .75s forwards;
		animation: active-menu-bar03 .75s forwards;
	}
	@-webkit-keyframes active-menu-bar03 {
		0% {
			-webkit-transform: translateY(0) rotate(0);
		}
		50% {
			-webkit-transform: translateY(-20px) rotate(0);
		}
		100% {
			-webkit-transform: translateY(-7px) rotate(-45deg);
		}
	}
	@keyframes active-menu-bar03 {
		0% {
			transform: translateY(0) rotate(0);
		}
		50% {
			transform: translateY(-20px) rotate(0);
		}
		100% {
			transform: translateY(-7px) rotate(-45deg);
		}
	}

	/* common */

	/* accordion */
	.accordion.open:after {
		font-family: 'FontAwesome';
		content: "\f077";
		color: #333;
		position: absolute;
		right: 10px;
	}

	.accordion:after {
		font-family: 'FontAwesome';
		content: "\f078";
		color: #333;
		position: absolute;
		right: 10px;
	}

	.mobile_accordion_hidden {
		display: none;
	}

	/* body */
	body {
		padding: 110px 0 0 !important;
	}

	/* header */
	header {
		border-top: solid 5px #009;
		border-bottom: solid 2px #009;
		background: #fff;
	}

	header:before {
		display: block;
		content: ".";
		font-size: 0;
		border-top: solid 5px #f60;
	}

	header{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1000!important;
		border-bottom-width: 1px;
	}

	.logo {
		padding: 0 10px 3px 50px;
		width: 100%;
		box-sizing: border-box;
		height: 62px;
		min-height: 56px;
		justify-content: center;
		align-items: center;
		display: flex;
	}

	.logo img {
		width:auto;
		height:auto;
		max-width: 100%;
		max-height: 56px;
	}

	.global_nav {
		background: #f5f5f5;
		width: 100%;
		border-top: solid 1px #009;
	}

	.global_nav li {
		display: inline-block;
		height: 36px;
		width: 20%;
		box-sizing: border-box;
		vertical-align: middle;
	}

	.main .global_nav li {
		width: 20%;
	}

	.job .global_nav li {
		width: 33%;
	}

	.taxfree .global_nav li {
		width: 25%;
	}

	.global_nav li+li {
		border-left: solid 1px #009
	}

	.global_nav a {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		color: #333;
		text-align: center;
	}

	.global_nav .kenshu_center_link,
	.global_nav .ddmember_link {
		font-size: 10px;
	    line-height: 1.2em;
	}

	/* slidebars */
	.page_navigation {
		background: #fafafa !important;
		padding: 0 0 100px;
	}

	/* contents */

	/* jsで動的に書き換えられることに注意 */
	.contents {
		padding: 0 0 187px !important;
	}

	/* HOME（TOPページ） */
	.home .title .english {
		display: none;
	}

	/* 関連事業 */
	.related_business li {
		width: 50%;
		box-sizing: border-box;
	}

	.related_business img {
		max-width: 100%;
	}

	/* 店舗検索 */
	.search_taxfree_shop_button {
	    width: 95%;
	    display: block;
	    margin: 10px auto 0;
	    padding: 5px 0;
	    background: #fafafa;
	    border: solid 1px #ccc;
	    border-radius: 5px;
	    text-align: center;
	}

	.keyword_search {
	    margin: 0 auto;
	    padding: 15px 0;
	    height: 40px;
	    width: 95%;
	}

	.keyword_search .input_text {
	    width: 90%;
	}

	.shop_search dl {
		line-height: 40px;
	}

	.shop_search dt {
		margin: -2px 0 0;
		text-align: center;
		background: #fafafa;
		border-top: solid 1px #ccc;
		border-bottom: solid 1px #ccc;
		font-size: 16px;
	}

	.shop_search dt:before {
		font-family: 'FontAwesome';
		content: "\f041";
		padding-right: 6px;
		color: #f60;
	}

	.shop_search dd {
		border-bottom: solid 1px #ccc;
	}

	.shop_search dd li {
		display: inline-block;
		width: 33%;
		border-right: solid 1px #ccc;
		border-bottom: solid 1px #ccc;
	}

	.shop_search dd li:nth-child(3n) {
		border-right: none;
	}

	.shop_search dd li a {
		display: inline-block;
		width: 100%;
		text-align: center;
	}

	/* 地域・路線での店舗検索 */

	.shop_list>li {
		position: relative;
		width: 100%;
		border-bottom: solid 1px #ccc;
	}
	.shop_list>li a{
		padding: 10px 20px;
	}
	.shop_list h3 {
		margin: 0 0 10px;
	}

/*モバイルでアイコン表示が店名横用
	.shop_list .attr {
		position: absolute;
		top: 0;
		right: 20px;
	}
*/

	.shop_list .attr li{
		width: 40px;
	}

	.shop_list .attr .taxfree img {
	width: 38px;
	height: 38px;
	}
	
	.shop_list .attr .shop100 img {
	width: 38px;
	height: 38px;
	}

	.shop_list .attr .cless img {
	width: 38px;
	height: 38px;
	}

	.child_area_list {
		margin: 10px auto 0;
	}

	/* 店舗検索大阪のみ */
	.osaka_shop_search .subtitle {
		background: #fafafa;
		padding: 8px 0 8px 20px;
		line-height: 24px;
	}

	.osaka_shop_search select {
	    -webkit-appearance: none !important;
	    -moz-appearance: none !important;
	    appearance: none !important;
		width: 100%;
		padding: 14px;
		border: none;
		border-bottom: solid 1px #ccc;
	    background: #fff !important;
	}	

	.osaka_shop_search select:first-of-type {
		border-top: solid 1px #ccc;
	}

	/* 店舗個別ページ */
	.header_info {
		padding: 10px 5%;
	}

	.header_info .attr {
		/*width: 56%;
		justify-content: space-between;*/
		padding: 0 10px 0 0;
	}
	.header_info .attr li{
		/*width: 49%;*/
	}

	.header_info .links {
		width: 70%;
		/*justify-content: flex-end;*/
	}
	.header_info .links li {
		width: 40%;
	}
	.header_info .links li a {
		width: 100%;
		font-size: 12px;
	}

	.header_info .e-money {
		margin: 0 10px 0 0;
	}

	.header_info .s100 {
		margin: 0 10px 0 0;
	}

	.shop .single_shop_map {
		width: 90% !important;
		margin: 0 auto;
	}

	.shop .map_link {
		padding: 0 5% 0 0;
	}

	.shop address {
		padding: 5px 0 15px 15px;
	}

	.shop dt {
		text-indent: 10px;
	}
	/* 湊町のみ大量購入へのリンク */
	.to_bulk_buying {
		margin: 0 0 10px;
	}
	.to_bulk_buying .cart{
		max-width: 70% !important;
		height: auto;
	}
	.to_bulk_buying .taxfree{
		max-width: 30% !important;
		height: auto;
	}

	/* ボーナスポイント */


	/* ランディングページ　広島クーポン */
	.hiroshima_coupon .profile p {
		padding: 20px 0 0 20px;
	}

	.hiroshima_coupon .shop_image_inner {
		width: 100%;
	}

	.hiroshima_coupon .shop_image_inner img {
	    width: 48%;
	    margin: 0 1%;
	}

	/* 100円均一 */

	.shop100 li a {
		padding: 10px 20px 10px;
	}

	/* オリジナル商品 */
	.original_items {
		display: flex;
		flex-wrap: wrap;
	}

	.original_items li {
		border-bottom: solid 1px #333;
		width: 100%;
	}

	.original_items a {
		display: flex;
		align-items: center;
		padding: 10px 0;
	}

	.original_items li a img {
		width: 80px;
		height: 80px;
	}

	.original_items h3 {
		margin: 0;
		line-height: 30px;
	}
	/* 大量購入 */

	/* dd-member */
	.change_sale_date .date_info {
		padding: 0 20px;
	    display: block;
	}

	.change_sale_date .date_info .rakuten,
	.change_sale_date .date_info .sale {
	    width: 100%;
	}

	.change_sale_date .date_info .rakuten {
		margin: 0 0 20px;
	}

	.ddmember .shinki {
		display: inline-block;
		width: 100%;
		padding: 0 0 10px;
	}

	.ddmember .shinki img {
		width: 100%;
	}

	.ddmember .mypage {
		display: inline-block;
		margin: 0 2% 0 0;
		width: 49%;
	}

	.ddmember .rakuten {
		display: inline-block;
		width: 49%;
	}

	.ddmember .mypage img,
	.ddmember .rakuten img {
		width: 100%;
	}



	.ddmember .table_wrapper {
		overflow-x: scroll;
	}

	.gold_card_title {
		padding: 10px 0 0 20px;
	}

	.ddmember_way_resist {
		padding: 0 20px;
	}


	.ddmember .explanation li {
		width: 100%;
	}

	.ddmember .regist_flow dl .description {
		display: none;
	}

	.ddm_page_links li {
	    width: 100%;
	    display: inline-block;
	    text-align: left;
	    border-bottom: solid 1px #ccc;
    }

	.ddm_page_links {
	    display: block;
	}

	.ddm_page_links li {
		line-height: 3em;
	}

	.ddm_page_links li a {
	    display: flex;
	    align-items: center;
	    text-align: center;
	    padding: 0 0 0 10px;
	    box-sizing: border-box;
	}

	.ddm_page_links img {
	    height: 30px;
	    width: 30px;
	    padding: 0;
	}

	.ddm_page_links .mobile_slim_img {
	    width: 20px;
	    padding: 0 5px;
	}

	.ddm_page_links p {
	    display: inline-block;
	    text-indent: 10px;
	}

	.tamaru_image {
		display: block;
		margin: 0 auto;
	}

	.tokuten img {
		display: block;
		margin: 0 auto;
	}

	.tokuten_inner,
	.tamaru_inner {
		flex-direction:         column;
	}

	/* 独立応援 */
	.dokuritsu.process img {
		display: block;
		padding: 0 20px 20px 0;
		margin: 0 auto;
	}

	/* 会社概要 */
	.company_profile dl,
	.group_company ul {
		flex-direction: column;
	}

	.company_profile dt {
		background: #fafafa;
	}

	/* 一般事業主行動計画の公表 */
	.ippanjigyounushikoudou {
		height: 1000px;
	}

	/* クラブ活動 */
	.club dl {
		margin: 0 auto 30px;
	}


	/* 採用サイト */
	.syokusyuitiran_inner {
		width: 100%;
	}

	.syokusyuitiran_inner dd,
	.syokusyuitiran_inner dt {
		line-height: 40px;
	}

	.syokusyuitiran dt {
		border-top: solid 1px #ccc;
		text-indent: 20px;
	}

	.syokusyuitiran dd a {
		text-indent: 60px;
	}

	.syokusyuitiran dd li+li {
		border-top: dotted 1px #ccc;
	}

	.other_stuff li {
		line-height: 40px;
		text-indent: 20px;
	}

	.other_stuff li+li {
		border-top: dotted 1px #ccc;
	}

	/* 職種選択job_select */
	.job_select .tel a {
		text-decoration: underline;
	}

	/* 職種詳細 */
	.recruitment .area dl {
		padding: 1px 0 20px;
	}
	.recruitment .area dt {
		line-height: 40px;
		font-size: 16px;
		border-top: solid 1px #ccc;
		border-bottom: solid 1px #ccc;
		text-align: center;
		background: #f0f0f0;
		margin: -1px 0 0;
	}

	.recruitment .area dt:before {
		font-family: 'FontAwesome';
		content: "\f041";
		padding-right: 6px;
	}

	.recruitment .area dd li {
		display: inline-block;
		width: 33%;
		text-align: center;
		line-height: 40px;
		box-sizing: border-box;
		border-bottom: solid 1px #ccc;
	}

	.recruitment .area dd li:nth-of-type(3n+1) {
		border-right: solid 1px #ccc;
	}

	.recruitment .area dd li:nth-of-type(3n+2) {
		border-right: solid 1px #ccc;
	}

	.recruitment .area dd li a {
		display: inline-block;
		width: 100%;
		text-align: center;
	}

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

	.yakuzaishi_area_list li {
		width: 100%;
		border-bottom: solid 1px #ccc;
		box-sizing: border-box;
	}

	.yakuzaishi_area_list li:first-child {
		border-top: solid 1px #ccc;
	}

	.yakuzaishi_area_list a:after {
	    font-family: 'FontAwesome';
	    content: "\f054";
	    color: #333;
	    right: 20px;
	    position: absolute;
	    height: 100%;
	    top: 0;
	    display: flex;
	    align-items: center;
	}

	.yakuzaishi_area_list .common_link {
		margin: -1px 0 0;
	}

	/* 先輩メッセージ */
	.daikokuman_profile img {
		display: block;
		margin: 0 auto;
	}
	/* 新人の1日 */
	.shinjin img {
		margin: 0 auto;
		display: block;
	}
	/* 福利厚生 */
	.welfare .images {
		overflow: scroll;
	}


}
/* /mobile */

/* print */

@media print {
}

/* 年末年始ページ2018 */
.newyear_opentime h2 {
	margin: 0 0 20px;
}

.newyear_opentime h3 {
	color: #000;
	text-indent: 20px;
	letter-spacing: 1px;
	display: block;
	background: #ccc;
	margin: 0 0 10px;
	padding: 5px;
	border-bottom: solid 1px #f60;
}

.newyear_opentime h4 {
	line-height: 140%;
}

.newyear_opentime p.coution {
	margin: 5px 0 20px;
}
.newyear_opentime .area_large {
	text-align: center;
	background: #fc0;
	width: 100px;
	padding: 5px 0 3px;
	margin: 0px 0 2px;
    float: left;
}

.newyear_opentime .area_large+ul {
    padding: 2px 2px 7px 120px;
}

.newyear_opentime .area_large+ul li {
    display: inline-block;
    padding: 6px 10px 0 0;
}

.newyear_opentime .area_large+ul li a {
    text-decoration: underline;
}

.newyear_area {
    margin: 30px 0;
}

.newyear_area table {
    min-width: 600px;
}

.newyear_area table, 
.newyear_area td, 
.newyear_area th {
    border: solid 1px #333;
}

.newyear_area table tr:nth-child(n+2)  {
    height: 40px;
}

.newyear_area table td:first-child {
    width: 160px;
}

.newyear_area table th,
.newyear_area table td {
	text-align: center;
	line-height: 120%;
	vertical-align: middle;
	min-width: 30px;
	padding: 4px;
}

/* mobile */
@media screen and (max-width: 540px) {
    .newyear_opentime .table_wrapper {
        overflow-x: scroll;
        overflow-y: hidden;
    }
}