@charset "UTF-8";




@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700;900&display=swap');

/*

Regular 400
Bold 700
Black 900

*/

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');

/*

Regular 400 italic
Medium 500
Medium 500 italic
Bold 700
Bold 700 italic

*/




body {
	font-family: a-otf-gothic-bbb-pr6n, 'Noto Sans JP', sans-serif;
	font-weight: 400;
	font-style: normal;
}

html,
body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	-webkit-text-size-adjust: none;
	background-color: #ffffff;
}

.default_font_family,
body {
	font-family: a-otf-gothic-bbb-pr6n, 'DM Sans', 'Noto Sans JP', 'Helvetica', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', 'Lucida Grande', 'Verdana', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif;
	font-weight: 400;
	font-style: normal;
}




/* ------------------------------------------------------------------------------------------------ Default animation */




.g_anim_link_button {
	-webkit-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
}

.g_anim_link_button:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}




/* ------------------------------------------------------------------------------------------------ Default content width */




.def_contents_width {
	width: 1420px;

/*
	width: 966px;
	border-style: solid;
	border-width: 0px 1px 0px 1px;
	border-color: #000000;
*/
}




@media only screen and ( max-width: 1420px ) {

	.def_contents_width {
		width: auto;
	}

}




/* ------------------------------------------------------------------------------------------------ Header */




#dgbk_header {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	background-color: #000000;
	background-color: #1428ff;
}

#dgbk_header #dgbk_header_main {
	margin: 0px 0px 0px 0px;
	padding: 16px 0px 16px 0px;
	padding: 28px 0px 28px 0px;
	padding: 22px 0px 22px 0px;
	position: relative;
	text-align: center;
	font-size: 0px;
	line-height: 0px;
	width: auto;

	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	flex-wrap: nowrap;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	        flex-direction: row;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
}

#dgbk_header #dgbk_header_main img {
	margin: 0px 12px 0px 12px;
	padding: 0px 0px 0px 0px;
	width: auto;
	height: 100%;
	height: 32px;
	height: 24px;

	height: 78px;
}

#dgbk_header #dgbk_header_main p {
	margin: 0px 12px 0px 12px;
	padding: 0px 0px 0px 0px;
	width: auto;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
	font-weight: bold;

	font-size: 18px;
	line-height: 26px;
	letter-spacing: 3px;
}




@media only screen and ( max-width: 500px ) {

	#dgbk_header #dgbk_header_main {
		padding: 18px 0px 18px 0px;
	}

	#dgbk_header #dgbk_header_main img {
		margin: 0px 6px 0px 15px;
		height: 56px;
	}

	#dgbk_header #dgbk_header_main p {
		margin: 0px 15px 0px 12px;
		font-size: 14px;
		line-height: 26px;
		letter-spacing: 2px;
	}

}




@media only screen and ( max-width: 320px ) {

	#dgbk_header #dgbk_header_main {
		padding: 12px 0px 8px 0px;
		padding: 24px 0px 18px 0px;
		flex-wrap: wrap;
		flex-direction: column;

		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		        flex-direction: column;

		padding-top: 16px;
		padding-bottom: 12px;
	}

	#dgbk_header #dgbk_header_main img {
		margin: 0px 6px 0px 6px;
		padding: 0px 0px 0px 0px;
		height: 21px;

		height: 64px;
	}

	#dgbk_header #dgbk_header_main p {
		margin: 16px 6px 0px 6px;
		padding: 0px 0px 0px 0px;
		font-size: 12px;

		margin-top: 12px;
	}

}




/* ------------------------------------------------------------------------------------------------ Book */




#book_master {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
}

#book_master #book_cover {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

#book_master #book_cover #book_main {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 100%;
	position: relative;
}

#book_master #book_cover #book_main .book_spread_item {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	background-color: #646464;
	background-color: #ffffff;
}

#book_master #book_cover #book_main .book_spread_item .book_spread_item_in {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	/*flex-direction: row-reverse;*/
	flex-wrap: nowrap;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
}

#book_master #book_cover #book_main .book_spread_item .book_spread_item_in_end {
	justify-content: flex-end;
}

#book_master #book_cover #book_main .book_spread_item .book_spread_item_in .book_spread_page_item {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	display: inline-block;
	height: 100%;
	font-size: 0px;
	line-height: 0px;
	position: relative;
}

#book_master #book_cover #book_main .____mode_page .book_spread_item_in .blank_page {
	display: none;
}

#book_master #book_cover #book_main .book_spread_item .book_spread_item_in .book_spread_page_item img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	/*display: inline-block;*/
	width: auto;
	height: 100%;
	/*position: relative;*/
}

#book_master #book_cover #book_main .book_spread_item .book_spread_item_in .book_spread_page_item .inpage_anchor {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	position: absolute;
	background-color: rgba( 255, 255, 255, 0.5 );
	z-index: 1200;
	opacity: 0.0;
}

/* w961 h1366 */

/* 99 400 468 177 */
#book_master #book_cover #book_main .book_spread_item .book_spread_item_in .book_spread_page_item #inpage_anchor_p6 {
	top: 29.28%;
	left: 10.3%;
	width: 48.699%;
	height: 12.957%;
}

/* 598 */
#book_master #book_cover #book_main .book_spread_item .book_spread_item_in .book_spread_page_item #inpage_anchor_p7 {
	top: 43.777%;
	left: 10.3%;
	width: 48.699%;
	height: 12.957%;
}

/* 796 */
#book_master #book_cover #book_main .book_spread_item .book_spread_item_in .book_spread_page_item #inpage_anchor_p37 {
	top: 58.272%;
	left: 10.3%;
	width: 48.699%;
	height: 12.957%;
}

/* 994 */
#book_master #book_cover #book_main .book_spread_item .book_spread_item_in .book_spread_page_item #inpage_anchor_anime {
	top: 72.767%;
	left: 10.3%;
	width: 48.699%;
	height: 12.957%;
}




.blink_anim {
	animation: blink_key 2s linear 1;
}

@keyframes blink_key {
	25%  { opacity: 1.0; }
	50%  { opacity: 0.0; }
	75%  { opacity: 1.0; }
	100% { opacity: 0.0; }
}




/* ------------------------------------------------------------------------------------------------ Book UI */




#book_master #book_ui {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
/*	height: 100%;
	position: absolute;*/
	top: 0px;
	left: 0px;
	/*overflow: hidden;*/
	z-index: 1000;
}

#book_master #book_ui #book_ui_button_left {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 30%;
	width: 48px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;

	width: 50%;
	width: 25%;
	z-index: 1001;
}

#book_master #book_ui #book_ui_button_right {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 30%;
	width: 48px;
	height: 100%;
	position: absolute;
	top: 0px;
	right: 0px;

	width: 50%;
	width: 25%;
	z-index: 1002;
}

#book_master #book_ui #book_ui_button_left #book_ui_button_left_in,
#book_master #book_ui #book_ui_button_right #book_ui_button_right_in {
	margin: 0px 0px 0px 0px;
	padding: 8px 8px 8px 8px;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	flex-wrap: nowrap;
	color: #000000;
	background-color: rgba( 255, 255, 255, 0.5 );

	opacity: 1.0;
	width: 32px;
	height: 32px;
	top: 50%;
	margin-top: -24px;
}

#book_master #book_ui #book_ui_button_left #book_ui_button_left_in {
	left: 0px;
	cursor: pointer;
}

#book_master #book_ui #book_ui_button_right #book_ui_button_right_in {
	right: 0px;
	cursor: pointer;
}

#book_master .book_ui_hidden #book_ui_button_left #book_ui_button_left_in,
#book_master .book_ui_hidden #book_ui_button_right #book_ui_button_right_in {
	opacity: 0.0 !important;
}

#book_master .book_ui_hidden_left #book_ui_button_left #book_ui_button_left_in {
	opacity: 0.0 !important;
}

#book_master .book_ui_hidden_right #book_ui_button_right #book_ui_button_right_in {
	opacity: 0.0 !important;
}

#book_master #book_ui #book_ui_button_left #book_ui_button_left_in svg,
#book_master #book_ui #book_ui_button_right #book_ui_button_right_in svg {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 100%;
	display: block;
}




/* ------------------------------------------------------------------------------------------------ Book UI 2 */




#book_ui2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: auto;
}

#book_ui2 #book_ui2_in {
	margin: 0px 0px 0px 0px;
	padding: 8px 8px 8px 8px;
	width: auto;
	background-color: #000000;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	flex-wrap: nowrap;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
}

#book_ui2 .book_ui2_button {
	margin: 0px 8px 0px 8px;
	padding: 4px 4px 4px 4px;
	width: 16px;
	height: 16px;
	position: relative;
	cursor: pointer;
}

#book_ui2 .book_ui2_button .book_ui2_button_child2,
#book_ui2 .book_ui2_button .book_ui2_button_child1 {
	margin: -8px 0px 0px -8px;
	padding: 0px 0px 0px 0px;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 50%;
	left: 50%;
}

#book_ui2 .book_ui2_button .book_ui2_button_child1 {
	display: block;
}

#book_ui2 .book_ui2_button .book_ui2_button_child2 {
	display: none;
}

#book_ui2 .book_ui2_button_visible .book_ui2_button_child1 {
	display: none;
}

#book_ui2 .book_ui2_button_visible .book_ui2_button_child2 {
	display: block;
}

#book_ui2 .book_ui2_button svg {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 100%;
	display: block;
}




/* ------------------------------------------------------------------------------------------------ Book UI 3 */




#book_ui3 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	border-color: #ffffff;
}

#book_ui3 #book_ui3_in {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
}





#book_ui3 #book_ui3_listbox {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	left: 50%;
	bottom: 64px;
	background-color: #000000;
	z-index: 2000;

	margin-left: -120px;
	opacity: 0.0;
	display: none;
}

#book_ui3 #book_ui3_listbox #book_ui3_listbox_close {
	margin: 0px 0px 0px 0px;
	padding: 8px 8px 8px 8px;
	background-color: #000000;
	/*background-color: #1428ff;*/
	display: block;
	font-size: 11px;
	line-height: 18px;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
	letter-spacing: 4px;
	font-weight: bold;
}

#book_ui3 #book_ui3_listbox #book_ui3_listbox_close #book_ui3_listbox_close_text {
	vertical-align: middle;
}

#book_ui3 #book_ui3_listbox #book_ui3_listbox_close svg {
	vertical-align: middle;
	font-size: 18px;
	display: inline-block;
}

#book_ui3 #book_ui3_listbox #book_ui3_listbox_in2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 8px 8px 8px;
	display: block;
}

#book_ui3 #book_ui3_listbox #book_ui3_listbox_in {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	width: 224px;
	height: 224px;
}

#book_ui3 #book_ui3_listbox #book_ui3_listbox_body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: space-between;
	justify-content: left;
	flex-direction: row;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;

	/* https://stray-light.info/wp/css-flex%E3%82%B9%E3%83%9E%E3%83%95%E3%82%A9%E5%AF%BE%E5%BF%9C/ */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

#book_ui3 #book_ui3_listbox #book_ui3_listbox_body .book_ui3_listbox_item {
	margin: 8px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	display: block;
	width: 33%;
	height: auto;
	cursor: pointer;
}

#book_ui3 #book_ui3_listbox #book_ui3_listbox_body .book_ui3_listbox_item .book_ui3_listbox_item_image {
	margin: 0px 0px 0px 0px;
	padding: 0px 8px 0px 8px;
	display: block;
	width: auto;
	height: 100%;
	height: 64px;
}

#book_ui3 #book_ui3_listbox #book_ui3_listbox_body .book_ui3_listbox_item .book_ui3_listbox_item_image img {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	height: 100%;
}

#book_ui3 #book_ui3_listbox #book_ui3_listbox_body .book_ui3_listbox_item .book_ui3_listbox_item_page {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	font-size: 11px;
	line-height: 20px;
	color: #ffffff;
	text-align: center;
}




/* ------------------------------------------------------------------------------------------------ Book opening */




#book_opening {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 3000;
}




#book_opening #book_opening_hand {
	margin: -24px 0px 0px 0px;
	padding: 8px 0px 8px 0px;
	display: block;
	position: absolute;
	top: 50%;
	left: 0%;
	width: 100%;
	height: 32px;
	border-radius: 0px;
	background-color: rgba( 255, 255, 255, 0.5);
	background-color: transparent;
	color: #000000;
}

#book_opening #book_opening_hand #book_opening_hand_icon {
	margin: -16px 0px 0px -16px;
	margin: -45px 0px 0px -45px;
	padding: 0px 0px 0px 0px;
	width: 32px;
	height: 32px;
	width: 80px;
	height: 80px;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
}

#book_opening #book_opening_hand svg {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 100%;
	display: block;
}




/* ------------------------------------------------------------------------------------------------ animate */




/* http://cssanimate.com/ */




.element-animation{
  animation: animationFrames ease 1s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: animationFrames ease 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: animationFrames ease 1s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: animationFrames ease 1s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: animationFrames ease 1s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes animationFrames{
  0% {
    opacity:0;
    transform:  translate(-50px,0px)  ;
  }
  100% {
    opacity:1;
    transform:  translate(50px,0px)  ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    opacity:0;
    -moz-transform:  translate(-50px,0px)  ;
  }
  100% {
    opacity:1;
    -moz-transform:  translate(50px,0px)  ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    opacity:0;
    -webkit-transform:  translate(-50px,0px)  ;
  }
  100% {
    opacity:1;
    -webkit-transform:  translate(50px,0px)  ;
  }
}

@-o-keyframes animationFrames {
  0% {
    opacity:0;
    -o-transform:  translate(-50px,0px)  ;
  }
  100% {
    opacity:1;
    -o-transform:  translate(50px,0px)  ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    opacity:0;
    -ms-transform:  translate(-50px,0px)  ;
  }
  100% {
    opacity:1;
    -ms-transform:  translate(50px,0px)  ;
  }
}




/* ------------------------------------------------------------------------------------------------ contents */




#dgbk_contents {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	border-color: #ffffff;
}

#dgbk_contents #dgbk_contents_main {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;

	user-select: none;
	-webkit-user-select: none;
}

#dgbk_contents #dgbk_contents_info {
	margin: 0px 0px 0px 0px;
	padding: 60px 0px 120px 0px;
	position: relative;
}




@media only screen and ( max-width: 990px ) {

	#dgbk_contents #dgbk_contents_info {
		margin: 0px 0px 0px 0px;
		padding: 30px 0px 60px 0px;
		position: relative;
	}

}




@media only screen and ( max-width: 640px ) {

	#dgbk_contents #dgbk_contents_info {
		margin: 0px 0px 0px 0px;
		padding: 30px 0px 30px 0px;
	}

}




#dgbk_contents #dgbk_contents_bottom {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	overflow: hidden;
}

#dgbk_contents #dgbk_contents_bottom {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#dgbk_contents #dgbk_contents_bottom .dgbk_contents_bottom_bg {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	transition: all 0.7s cubic-bezier(0.17, 0.67, 0.55, 0.97) 0s;
	opacity: 0.0;
}

#dgbk_contents #dgbk_contents_bottom .dgbk_contents_bottom_bg:before {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	content: ' ';
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	width: 100%;
	height: 0px;
}

#dgbk_contents #dgbk_contents_bottom .dgbk_contents_bottom_bg .svg_cover {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	width: 100%;
	height: 0px;
	position: relative;
}

#dgbk_contents #dgbk_contents_bottom .dgbk_contents_bottom_bg .svg_cover svg {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}

#dgbk_contents #dgbk_contents_bottom #dgbk_contents_bottom_bg_left1 {
	width: 37%;
	top: -10%;
	left: 0px;
}

#dgbk_contents #dgbk_contents_bottom #dgbk_contents_bottom_bg_left1:before {
	padding-top: 156%;
	background-image: url("../images/ip_bg_left.png");
	background-position: left center;

	/*display: none;*/
}

#dgbk_contents #dgbk_contents_bottom #dgbk_contents_bottom_bg_left1 .svg_cover {
	padding-top: 156%;
}

#dgbk_contents #dgbk_contents_bottom #dgbk_contents_bottom_bg_left2 {
	width: 27%;
	top: 30%;
	left: 0px;
}

#dgbk_contents #dgbk_contents_bottom #dgbk_contents_bottom_bg_left2:before {
	background-image: url("../images/ip_bg_dot_left.png");
	background-position: left center;
	padding-top: 119%;
}

#dgbk_contents #dgbk_contents_bottom #dgbk_contents_bottom_bg_right1 {
	width: 42%;
	top: 32%;
	right: 0px;
}

#dgbk_contents #dgbk_contents_bottom #dgbk_contents_bottom_bg_right1:before {
	background-image: url("../images/ip_bg_right.png");
	background-position: right center;
	padding-top: 168%;
}

#dgbk_contents #dgbk_contents_bottom #dgbk_contents_bottom_bg_right2 {
	width: 27%;
	top: 5%;
	right: 0px;
}

#dgbk_contents #dgbk_contents_bottom #dgbk_contents_bottom_bg_right2:before {
	background-image: url("../images/ip_bg_dot_right.png");
	background-position: right center;
	padding-top: 118%;
}




@media only screen and ( max-width: 640px ) {

	#dgbk_contents #dgbk_contents_bottom #dgbk_contents_bottom_bg_left1 {
		width: 46%;
	}

	#dgbk_contents #dgbk_contents_bottom #dgbk_contents_bottom_bg_left1:before {
		padding-top: 137%;
		background-image: url("../images/sp_bg_left1.png");
	}

	#dgbk_contents #dgbk_contents_bottom #dgbk_contents_bottom_bg_right1 {
		width: 42%;
	}

	#dgbk_contents #dgbk_contents_bottom #dgbk_contents_bottom_bg_right1:before {
		background-image: url("../images/sp_bg_right1.png");
		padding-top: 151%;
	}

	#dgbk_contents #dgbk_contents_bottom #dgbk_contents_bottom_bg_left2 {
		width: 40%;
	}

	#dgbk_contents #dgbk_contents_bottom #dgbk_contents_bottom_bg_left2:before {
		background-image: url("../images/sp_bg_left2.png");
		padding-top: 85%;
	}

	#dgbk_contents #dgbk_contents_bottom #dgbk_contents_bottom_bg_right2 {
		width: 40%;
	}

	#dgbk_contents #dgbk_contents_bottom #dgbk_contents_bottom_bg_right2:before {
		background-image: url("../images/sp_bg_right2.png");
		padding-top: 119%;
	}

}




/* ------------------------------------------------------------------------------------------------ contents info */




#dgbk_contents #dgbk_contents_info .dgbk_contents_info_box {
	margin: 148px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: solid;
	border-width: 0px;
	border-color: #1428ff;
	border-radius: 0px;
}

#dgbk_contents #dgbk_contents_info .dgbk_contents_info_box .dgbk_contents_info_box_head {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	text-align: center;
}

#dgbk_contents #dgbk_contents_info .dgbk_contents_info_box .dgbk_contents_info_box_head h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	display: inline-block;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	border-color: #1428FF;
	font-size: 35px;
	line-height: 48px;
	color: #000000;
	font-weight: 400;
	letter-spacing: 4px;
	background-color: #ffffff;
}

#dgbk_contents #dgbk_contents_info .dgbk_contents_info_box p {
	margin: 8px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	line-height: 24px;
	color: #000000;
}




@media only screen and ( max-width: 990px ) {

	#dgbk_contents #dgbk_contents_info .dgbk_contents_info_box {
		margin: 48px 0px 16px 0px;
		padding: 0px 0px 0px 0px;
	}

	#dgbk_contents #dgbk_contents_info .dgbk_contents_info_box .dgbk_contents_info_box_head h2 {
		margin: 0px 0px 0px 0px;
		padding: 8px 10px 8px 10px;
		font-size: 26px;
		line-height: 30px;
		letter-spacing: 2px;
	}

}




/* ------------------------------------------------------------------------------------------------ contents campaign */




#dgbk_contents #dgbk_contents_info .dgbk_contents_campaign_box {
	margin: 80px 0px 16px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
}

#dgbk_contents #dgbk_contents_info .dgbk_contents_campaign_box .dgbk_contents_campaign_box_in {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	position: relative;
	display: block;
	width: 990px;
	background-color: #ffffff;
}

#dgbk_contents #dgbk_contents_info .dgbk_contents_campaign_box .dgbk_contents_campaign_box_in .dgbk_contents_campaign_box_bar4,
#dgbk_contents #dgbk_contents_info .dgbk_contents_campaign_box .dgbk_contents_campaign_box_in .dgbk_contents_campaign_box_bar3,
#dgbk_contents #dgbk_contents_info .dgbk_contents_campaign_box .dgbk_contents_campaign_box_in .dgbk_contents_campaign_box_bar2,
#dgbk_contents #dgbk_contents_info .dgbk_contents_campaign_box .dgbk_contents_campaign_box_in .dgbk_contents_campaign_box_bar1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	background-color: transparent;
	box-sizing: border-box;
}

#dgbk_contents #dgbk_contents_info .dgbk_contents_campaign_box .dgbk_contents_campaign_box_in .dgbk_contents_campaign_box_bar1 {
	top: 0px;
	left: 0px;
	border-color: #1428FF transparent transparent #1428FF;
}

#dgbk_contents #dgbk_contents_info .dgbk_contents_campaign_box .dgbk_contents_campaign_box_in .dgbk_contents_campaign_box_bar2 {
	top: 0px;
	right: 0px;
	border-color: #1428FF #1428FF transparent transparent;
}

#dgbk_contents #dgbk_contents_info .dgbk_contents_campaign_box .dgbk_contents_campaign_box_in .dgbk_contents_campaign_box_bar3 {
	bottom: 0px;
	right: 0px;
	border-color: transparent #1428FF #1428FF transparent;
}

#dgbk_contents #dgbk_contents_info .dgbk_contents_campaign_box .dgbk_contents_campaign_box_in .dgbk_contents_campaign_box_bar4 {
	bottom: 0px;
	left: 0px;
	border-color: transparent transparent #1428FF #1428FF;
}

#dgbk_contents #dgbk_contents_info .dgbk_contents_campaign_box .dgbk_contents_campaign_box_in2 {
	margin: 0px 0px 0px 0px;
	padding: 40px 0px 38px 0px;
}

#dgbk_contents #dgbk_contents_info .dgbk_contents_campaign_box .dgbk_contents_campaign_box_in2 .dgbk_contents_campaign_box_head {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	text-align: center;
}

#dgbk_contents #dgbk_contents_info .dgbk_contents_campaign_box .dgbk_contents_campaign_box_in2 .dgbk_contents_campaign_box_head .break {
	display: inline;
}

#dgbk_contents #dgbk_contents_info .dgbk_contents_campaign_box .dgbk_contents_campaign_box_in2 .dgbk_contents_campaign_box_head .nowrap {
	white-space: nowrap;
}

#dgbk_contents #dgbk_contents_info .dgbk_contents_campaign_box .dgbk_contents_campaign_box_in2 .dgbk_contents_campaign_box_head h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	display: inline-block;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	border-color: #1428FF;
	font-size: 35px;
	line-height: 48px;
	color: #000000;
	font-weight: 400;
	letter-spacing: 4px;
}

#dgbk_contents #dgbk_contents_info .dgbk_contents_campaign_box .dgbk_contents_campaign_box_in2 p {
	margin: 56px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 20px;
	line-height: 40px;
	color: #000000;
	font-weight: 400;
	text-align: center;
}

#dgbk_contents #dgbk_contents_info .dgbk_contents_campaign_box .dgbk_contents_campaign_box_in2 .dgbk_contents_campaign_box_button {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	display: block;
}

#dgbk_contents #dgbk_contents_info .dgbk_contents_campaign_box .dgbk_contents_campaign_box_in2 .dgbk_contents_campaign_box_button a {
	margin: 0px 0px 0px 0px;
	padding: 19px 32px 23px 32px;
	font-size: 20px;
	line-height: 20px;
	color: #000000;
	font-weight: 400;
	display: inline-block;
	position: relative;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #1428FF;
	text-decoration: none;
	transition: background-color 0.3s ease 0s;
	background-color: #ffffff;

	background-color: #1428FF;
	color: #ffffff;
}

#dgbk_contents #dgbk_contents_info .dgbk_contents_campaign_box .dgbk_contents_campaign_box_in2 .dgbk_contents_campaign_box_button a:hover {
	background-color: #1428FF;
	color: #ffffff;

	background-color: #ffffff;
	color: #000000;
}

#dgbk_contents #dgbk_contents_info .dgbk_contents_campaign_box .dgbk_contents_campaign_box_in2 .dgbk_contents_campaign_box_button a:before {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	content: ' ';
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	border-top: 7px solid #1428FF;
	border-right: 8px solid #1428FF;
	border-bottom: 7px solid transparent;
	border-left: 8px solid transparent;

	border-top-color: #ffffff;
	border-right-color: #ffffff;
	transition: border-color 0.3s ease 0s;
}

#dgbk_contents #dgbk_contents_info .dgbk_contents_campaign_box .dgbk_contents_campaign_box_in2 .dgbk_contents_campaign_box_button a:hover:before {
	border-top-color: #1428FF;
	border-right-color: #1428FF;
}




@media only screen and ( max-width: 990px ) {

	#dgbk_contents #dgbk_contents_info .dgbk_contents_campaign_box {
		margin: 40px 0px 16px 0px;
		padding: 0px 0px 0px 0px;
		display: block;
	}

	#dgbk_contents #dgbk_contents_info .dgbk_contents_campaign_box .dgbk_contents_campaign_box_in {
		margin: 0px 20px 0px 20px;
		padding: 0px 0px 0px 0px;
		width: auto;
	}

	#dgbk_contents #dgbk_contents_info .dgbk_contents_campaign_box .dgbk_contents_campaign_box_in .dgbk_contents_campaign_box_bar4,
	#dgbk_contents #dgbk_contents_info .dgbk_contents_campaign_box .dgbk_contents_campaign_box_in .dgbk_contents_campaign_box_bar3,
	#dgbk_contents #dgbk_contents_info .dgbk_contents_campaign_box .dgbk_contents_campaign_box_in .dgbk_contents_campaign_box_bar2,
	#dgbk_contents #dgbk_contents_info .dgbk_contents_campaign_box .dgbk_contents_campaign_box_in .dgbk_contents_campaign_box_bar1 {
		width: 50px;
		height: 50px;
	}

	#dgbk_contents #dgbk_contents_info .dgbk_contents_campaign_box .dgbk_contents_campaign_box_in2 {
		margin: 0px 0px 0px 0px;
		padding: 40px 0px 40px 0px;
	}

	#dgbk_contents #dgbk_contents_info .dgbk_contents_campaign_box .dgbk_contents_campaign_box_in2 .dgbk_contents_campaign_box_head {
		margin: 0px 35px 0px 35px;
		padding: 0px 0px 0px 0px;
		display: block;
		text-align: center;
	}

	#dgbk_contents #dgbk_contents_info .dgbk_contents_campaign_box .dgbk_contents_campaign_box_in2 .dgbk_contents_campaign_box_head .break {
		display: block;
	}

	#dgbk_contents #dgbk_contents_info .dgbk_contents_campaign_box .dgbk_contents_campaign_box_in2 .dgbk_contents_campaign_box_head h2 {
		margin: 0px 0px 0px 0px;
		padding: 8px 10px 8px 10px;
		font-size: 24px;
		line-height: 30px;
		letter-spacing: 2px;
	}

	#dgbk_contents #dgbk_contents_info .dgbk_contents_campaign_box .dgbk_contents_campaign_box_in2 p {
		margin: 30px 20px 30px 20px;
		padding: 0px 0px 0px 0px;
		font-size: 14px;
		line-height: 28px;
	}

	#dgbk_contents #dgbk_contents_info .dgbk_contents_campaign_box .dgbk_contents_campaign_box_in2 .dgbk_contents_campaign_box_button a {
		margin: 0px 0px 0px 0px;
		padding: 14px 32px 16px 32px;
		font-size: 18px;
		line-height: 20px;
	}

}




/* ------------------------------------------------------------------------------------------------ contents link */




#dgbk_contents #dgbk_contents_info .dgbk_contents_link_box {
	margin: 80px auto 46px auto;
	padding: 0px 0px 0px 0px;
	width: 1490px;
}

#dgbk_contents #dgbk_contents_info .dgbk_contents_info_box .dgbk_contents_link_box_in {
	margin: 0px -20px 0px -20px;
	padding: 0px 0px 0px 0px;

	display: flex;
	align-items: start;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;

	/* https://stray-light.info/wp/css-flex%E3%82%B9%E3%83%9E%E3%83%95%E3%82%A9%E5%AF%BE%E5%BF%9C/ */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	overflow: hidden;
}




@media only screen and ( max-width: 1490px ) {

	#dgbk_contents #dgbk_contents_info .dgbk_contents_link_box {
		margin: 80px 20px 46px 20px;
		width: auto;
	}

	#dgbk_contents #dgbk_contents_info .dgbk_contents_info_box .dgbk_contents_link_box_in {
		margin: 0px -10px 0px -10px;
	}

}




@media only screen and ( max-width: 990px ) {

	#dgbk_contents #dgbk_contents_info .dgbk_contents_link_box {
		margin: 40px 20px 16px 20px;
		width: auto;
	}

}




#dgbk_contents #dgbk_contents_info .dgbk_contents_link_cover {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 25%;
}

#dgbk_contents #dgbk_contents_info .dgbk_contents_link_cover_in {
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
}

#dgbk_contents #dgbk_contents_info .dgbk_contents_link_item {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: solid;
	border-width: 0px;
	border-color: #1428ff;
	border-radius: 0px;
	display: block;
	border-collapse: separate;
	width: auto;
	text-decoration: none;
	color: #000000;
	transition: background-color 0.3s ease 0s;
}

#dgbk_contents #dgbk_contents_info .dgbk_contents_link_item:hover {
	/*background-color: #f0f0f0;*/
}

#dgbk_contents #dgbk_contents_info .dgbk_contents_link_item_left {
	margin: 0px 0px 0px 0px;
	padding: 4px 4px 4px 4px;
	border-radius: 0px 0px 0px 0px;
	border-width: 0px;
	display: block;
	position: relative;
	width: auto;
	height: auto;
}

#dgbk_contents #dgbk_contents_info .dgbk_contents_link_item_left .dgbk_contents_link_item_left_in {
	margin: 0px 0px 0px 0px;
	padding: 52% 0px 0px 0px;
	position: relative;
	width: 100%;
	height: 0px;
	display: block;
}

#dgbk_contents #dgbk_contents_info .dgbk_contents_link_item_left .dgbk_contents_link_item_left_in:before {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	content: ' ';
	display: block;
	position: absolute;
	top: 4px;
	left: 4px;
	width: 100%;
	height: 100%;
	background-color: #1428FF;
}

#dgbk_contents #dgbk_contents_info .dgbk_contents_link_item_thumb {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
	border-width: 0px;
	display: block;
	position: absolute;
	top: -4px;
	left: -4px;
	width: 100%;
	height: 100%;
	background-color: transparent;
	background-repeat: no-repeat;
	/*background-position: left top;*/
	background-position: center center;
	/*background-image: url("../images/dd_contents_footer_scroll.png");*/
	background-size: cover;
}

#dgbk_contents #dgbk_contents_info .dgbk_contents_link_item_left .dgbk_contents_link_item_left_in:before,
#dgbk_contents #dgbk_contents_info .dgbk_contents_link_item_thumb {
	transition: top 0.2s ease 0s, left 0.2s ease 0s;
}

#dgbk_contents #dgbk_contents_info .dgbk_contents_link_item:hover .dgbk_contents_link_item_left .dgbk_contents_link_item_left_in:before,
#dgbk_contents #dgbk_contents_info .dgbk_contents_link_item:hover .dgbk_contents_link_item_thumb {
	top: 0px;
	left: 0px;
}

#dgbk_contents #dgbk_contents_info .dgbk_contents_link_item_right {
	margin: 0px 0px 0px 0px;
	padding: 8px 12px 32px 12px;
	border-radius: 0px 8px 8px 0px;
	border-width: 0px;
	display: block;
	font-family: 'DM Sans', a-otf-gothic-bbb-pr6n, sans-serif;
}

#dgbk_contents #dgbk_contents_info .dgbk_contents_link_item_title {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-width: 0px;
	display: block;
	font-size: 17px;
	line-height: 24px;
	color: #000000;
	font-weight: bold;
}

#dgbk_contents #dgbk_contents_info .dgbk_contents_link_item_url {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-width: 0px;
	display: block;
	font-size: 16px;
	line-height: 22px;
	color: #000000;
	word-break: break-all;

/*
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
*/
}

#dgbk_contents #dgbk_contents_info .dgbk_contents_info_box_in .dgbk_contents_link_box_button {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	display: block;
}

#dgbk_contents #dgbk_contents_info .dgbk_contents_info_box_in .dgbk_contents_link_box_button a {
	margin: 0px 0px 0px 0px;
	padding: 15px 32px 19px 32px;
	font-size: 18px;
	line-height: 18px;
	color: #000000;
	font-weight: 400;
	display: inline-block;
	position: relative;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #1428FF;
	text-decoration: none;
	transition: background-color 0.3s ease 0s;
	background-color: #ffffff;
}

#dgbk_contents #dgbk_contents_info .dgbk_contents_info_box_in .dgbk_contents_link_box_button a:hover {
	background-color: #1428FF;
	color: #ffffff;
}

#dgbk_contents #dgbk_contents_info .dgbk_contents_info_box_in .dgbk_contents_link_box_button a:before {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	content: ' ';
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	border-top: 7px solid #1428FF;
	border-right: 8px solid #1428FF;
	border-bottom: 7px solid transparent;
	border-left: 8px solid transparent;
}




@media only screen and ( max-width: 1490px ) {

	#dgbk_contents #dgbk_contents_info .dgbk_contents_link_cover {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 33.3333%;
	}

	#dgbk_contents #dgbk_contents_info .dgbk_contents_link_cover_in {
		margin: 0px 0px 0px 0px;
		padding: 0px 10px 0px 10px;
	}

}




@media only screen and ( max-width: 990px ) {

	#dgbk_contents #dgbk_contents_info .dgbk_contents_link_cover {
		width: 50%;
	}

	#dgbk_contents #dgbk_contents_info .dgbk_contents_link_item_title {
		font-size: 15px;
		line-height: 22px;
	}

	#dgbk_contents #dgbk_contents_info .dgbk_contents_link_item_url {
		font-size: 12px;
		line-height: 18px;
	}

}




@media only screen and ( max-width: 480px ) {

	#dgbk_contents #dgbk_contents_info .dgbk_contents_link_cover {
		width: 100%;
	}

}




/* ------------------------------------------------------------------------------------------------ contents sns */




#dgbk_contents .dgbk_contents_info_sns_box {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	text-align: center;
}

#dgbk_contents .dgbk_contents_info_sns_box .dgbk_contents_info_sns_box_in {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	display: inline-block;
}

#dgbk_contents .dgbk_contents_info_sns_box .dgbk_contents_info_sns_box_in .dgbk_contents_info_sns_box_in_bar4,
#dgbk_contents .dgbk_contents_info_sns_box .dgbk_contents_info_sns_box_in .dgbk_contents_info_sns_box_in_bar3,
#dgbk_contents .dgbk_contents_info_sns_box .dgbk_contents_info_sns_box_in .dgbk_contents_info_sns_box_in_bar2,
#dgbk_contents .dgbk_contents_info_sns_box .dgbk_contents_info_sns_box_in .dgbk_contents_info_sns_box_in_bar1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 11px;
	height: 11px;
	position: absolute;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	background-color: transparent;
	box-sizing: border-box;
}

#dgbk_contents .dgbk_contents_info_sns_box .dgbk_contents_info_sns_box_in .dgbk_contents_info_sns_box_in_bar1 {
	top: 0px;
	left: 0px;
	border-color: #1428FF transparent transparent #1428FF;
}

#dgbk_contents .dgbk_contents_info_sns_box .dgbk_contents_info_sns_box_in .dgbk_contents_info_sns_box_in_bar2 {
	top: 0px;
	right: 0px;
	border-color: #1428FF #1428FF transparent transparent;
}

#dgbk_contents .dgbk_contents_info_sns_box .dgbk_contents_info_sns_box_in .dgbk_contents_info_sns_box_in_bar3 {
	bottom: 0px;
	right: 0px;
	border-color: transparent #1428FF #1428FF transparent;
}

#dgbk_contents .dgbk_contents_info_sns_box .dgbk_contents_info_sns_box_in .dgbk_contents_info_sns_box_in_bar4 {
	bottom: 0px;
	left: 0px;
	border-color: transparent transparent #1428FF #1428FF;
}




#dgbk_contents .dgbk_contents_info_sns_box .dgbk_contents_info_sns_box_in2 {
	margin: 0px 0px 0px 0px;
	padding: 8px 12px 8px 12px;
	background-color: #ffffff;
	color: #1428ff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	flex-wrap: nowrap;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
}

#dgbk_contents .dgbk_contents_info_sns_box .dgbk_contents_info_sns_box_in2 .dgbk_contents_info_sns_text {
	margin: 0px 24px 0px 12px;
	padding: 0px 0px 0px 0px;
	outline: none;
	display: block;
	font-size: 14px;
	line-height: 32px;
	color: #000000;
}

#dgbk_contents .dgbk_contents_info_sns_box .dgbk_contents_info_sns_box_in2 a {
	margin: 0px 12px 0px 12px;
	padding: 0px 0px 0px 0px;
	outline: none;
	display: block;
}

#dgbk_contents .dgbk_contents_info_sns_box .dgbk_contents_info_sns_box_in2 a svg {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 32px;
	height: 32px;
	display: block;
}




@media only screen and ( max-width: 640px ) {

	#dgbk_contents .dgbk_contents_info_sns_box .dgbk_contents_info_sns_box_in {
		margin: 0px 20px 0px 20px;
		padding: 0px 0px 0px 0px;
		position: relative;
		display: block;
	}

	#dgbk_contents .dgbk_contents_info_sns_box .dgbk_contents_info_sns_box_in2 .dgbk_contents_info_sns_text {
		margin: 0px 8px 0px 0px;
		padding: 0px 0px 0px 0px;
		outline: none;
		display: block;
		font-size: 14px;
		line-height: 18px;
		color: #000000;
	}

	#dgbk_contents .dgbk_contents_info_sns_box .dgbk_contents_info_sns_box_in2 a {
		margin: 0px 8px 0px 8px;
		padding: 0px 0px 0px 0px;
		outline: none;
		display: block;
	}

}




@media only screen and ( max-width: 400px ) {

	#dgbk_contents .dgbk_contents_info_sns_box .dgbk_contents_info_sns_box_in2 .dgbk_contents_info_sns_text {
		margin: 0px 8px 0px 0px;
		padding: 0px 0px 0px 0px;
		font-size: 10px;
		line-height: 14px;
	}

	#dgbk_contents .dgbk_contents_info_sns_box .dgbk_contents_info_sns_box_in2 a svg {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 24px;
		height: 24px;
		display: block;
	}


}




/* ------------------------------------------------------------------------------------------------ Footer */




#dgbk_footer {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#dgbk_footer #dgbk_footer_main {
	margin: 0px 0px 0px 0px;
	padding: 50px 16px 48px 16px;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	border-color: #000000;
	background-color: #1428FF;
}

#dgbk_footer #dgbk_footer_main p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 16px;
	line-height: 32px;
	color: #ffffff;
	text-align: center;
}




#dgbk_footer #dgbk_footer_main .dgbk_footer_main_box_sns_box {
	margin: 22px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}

#dgbk_footer #dgbk_footer_main .dgbk_footer_main_box_sns_box .dgbk_footer_main_box_sns_box_in {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #1428ff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	flex-wrap: nowrap;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
}

#dgbk_footer #dgbk_footer_main .dgbk_footer_main_box_sns_box .dgbk_contents_info_sns_text {
	margin: 0px 12px 0px 12px;
	padding: 0px 0px 0px 0px;
	outline: none;
	display: block;
	font-size: 13px;
	line-height: 24px;
	color: #ffffff;
}

#dgbk_footer #dgbk_footer_main .dgbk_footer_main_box_sns_box a {
	margin: 0px 12px 0px 12px;
	padding: 0px 0px 0px 0px;
	outline: none;
	display: block;
}

#dgbk_footer #dgbk_footer_main .dgbk_footer_main_box_sns_box a svg {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 24px;
	height: 24px;
	display: block;
}




@media only screen and ( max-width: 990px ) {

	#dgbk_footer #dgbk_footer_main {
		margin: 0px 0px 0px 0px;
		padding: 30px 16px 30px 16px;
	}

	#dgbk_footer #dgbk_footer_main p {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		font-size: 10px;
		line-height: 24px;
		color: #ffffff;
		text-align: center;
	}

}




/* ------------------------------------------------------------------------------------------------ debug */




.loading {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	box-sizing: border-box;
	position: absolute;
	border-radius: 16px;
	width: 32px;
	height: 32px;
	top: 50%;
	left: 50%;
	margin-top: -16px;
	margin-left: -16px;
	border-top: 4px solid rgba( 20, 40, 255, 0.25 );
	border-right: 4px solid rgba( 20, 40, 255, 0.25 );
	border-bottom: 4px solid rgba( 20, 40, 255, 0.25 );
	border-left: 4px solid #1428ff;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: loading_rot 1s infinite linear;
	animation: loading_rot 1s infinite linear;
}

@-webkit-keyframes loading_rot {

	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}

}

@keyframes loading_rot {

	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}

}




/* ------------------------------------------------------------------------------------------------ debug */




#debug_pointer {
	display: none;
}