@charset "UTF-8";
/* Ver.1.0 2022.2.17 */

/* index_i.cssからスタイル継承 */

body{
	font-family: Meiryo, メイリオ, sans-serif;
	font-weight: 400 !important;
	letter-spacing: 0.1em;
	color: #5a5a5a;
	background-color: #f5f5f5;
	overflow-x: hidden;
}

main {
	width: 100vw;
}

div.jumbotron{
	margin-top: 60px;
	padding: 38px 24px 38px;
}

div.jumbotron h1{
	font-size: 50px;
	text-align: center;
	margin-top: 10px;
	color: #fff;
}

div.jumbotron p.Announcetop{
	font-size: 24px;
	text-align: center;
	color: #fff;
	margin-bottom: 15px;
}

input#inputMarketName{
	border-radius: 4px;
}

div.inputmodel .input-group{
	text-align: center;
}

div.method_PN > .btn{
	background-color: #d8751d;
	margin-bottom: 8px;
	margin-top: 8px;
	padding: 2px 8px;
	border: solid 1px #dfc7b2;
	border-radius: 18px;
}

.modal-content{
	background-color: #f5f5f5;
}

.modal-body{
	position: relative;
}

.inputmodel .modal-body p{
	color: #333;
	font-size: 15px;
	text-align: left;
}

.hand-left-1 h2{
	position: absolute;
	color: #f5a032;
	top: 25%;
	right: 23%;
}

.hand-left-2 h2{
	position: absolute;
	color: #f5a032;
	top: 58%;
	right: 45%;
}

.hand-left-3 h2{
	position: absolute;
	color: #f5a032;
	top: 66%;
	right: 6%;
}

/* Topカルーセルスタイル */
div.slide_model_nameplate{
  width: 100%;
  clear: both;
}

div.slide_model_nameplate figure img{
	max-width: 100%;
}

.slick-dots{
  bottom: 10px;
}

.slick-dots li button:before{
  font-size: 8px;
}

.slick-dots li button:hover:before{
  opacity: 1;
}

.slick-dots li button:focus:before{
  opacity: 0.25;
}

.slick-dots li.slick-active button:focus:before
{
	opacity:1;
}

.slick-prev{
  left: 5px;
  z-index: 100;
	width: auto;
	height: auto;
	padding: 5px;
}

.slick-next{
  right: 5px;
  z-index: 100;
	width: auto;
	height: auto;
	padding: 5px;
}

.slick-prev:before{
  color: #999;
  font-size: 32px;
  opacity: 0.5;
}

.slick-next:before{
  color: #999;
  font-size: 32px;
  opacity: 0.5;
}

.slick-prev:focus:before, .slick-next:focus:before {
	opacity: 0.5;
}

.slick-prev:hover:before, .slick-next:hover:before {
	opacity: 0.5;
}

.slick-prev:active:before, .slick-next:active:before {
	opacity: 1;
}

.btn-default{
	border-radius: 18px;
}

.page-top{
	margin: 0;
	padding: 0;
	display: none;
}

.page-top p{
	margin: 0;
    padding: 0;
    position: fixed;
    right: 16px;
    bottom: 16px;
	z-index: 5;
}

.move-page-top{
	display: block;
    background: #428bca;
    border-color: #357ebd;
    width: 50px;
    height: 50px;
    border-radius: 10px;
    color: #fff;
    line-height: 50px;
    text-decoration: none;
    text-align: center;
	/* z-index: 6; */
}

.move-page-top:hover{
		color: #fff;
		background-color: #3276b1;
		border-color: #285e8e;
		text-decoration: none;
		cursor: pointer;
}

.open-all-list{
		margin-top: 17px;
}

div.open-all-list .btn, div.method_PN .btn{
		border-radius: 18px;
}

#all_plist{
		background-color: #fff;
		border-radius: 7px;
		padding: 20px 50px;
}

ul.initial_list {
		word-wrap: break-word;
}

ul.initial_list li{
		display: inline;
	  list-style: none;
	  font-weight: bold;
	  font-size: 20px;
	  margin: 0px 11px;
}

ul.initial_list li.noinitial_link{
		color: #999;
}

h4#initial_A, h4#initial_B, h4#initial_C, h4#initial_D, h4#initial_E, h4#initial_F, h4#initial_G, h4#initial_H, h4#initial_I, h4#initial_J, h4#initial_K, h4#initial_L, h4#initial_M, h4#initial_N, h4#initial_O, h4#initial_P, h4#initial_Q, h4#initial_R, h4#initial_S, h4#initial_T, h4#initial_U, h4#initial_V, h4#initial_W, h4#initial_X, h4#initial_Y, h4#initial_Z {
		margin-top: -75px;
		padding-top: 75px;
}

h4.PN_initial {
		font-weight: bold;
		margin-bottom: -10px;
		margin-left: 15px;
		scroll-margin-top: 145px;
}

/* 検索候補リスト */
.ui-autocomplete {
		overflow: auto;
		max-height: 14.3em;
}

/* end */

ul{
    list-style: none;
}

/* 日本語以外のとき、カラリオ年賀削除 */
div.ww_block li#nenga_block{
	display: none;
}

/* 2022.9.21追加 */
div.ww_block li#cardprint_block{
	display: none;
}

div.applink_block {
	max-width: 820px;
	/* 左右均等割り付け */
	margin: auto;
}

div#block_container > ul.app_block{
	position: relative;
	list-style: none;
	display: flex;
	justify-content: center;
	align-content: center;
	flex-wrap: wrap;
	padding-inline-start: 0;
}

div#block_container img {
	margin-right: 10px;
	max-width: 72px;
}

ul.app_block > li{
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Meiryo", sans-serif;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-top: 10px;
	margin-right: 10px;
	padding: 15px;
	background-color: #fdfdfd;
	width: 320px;
	z-index: 1;
}

ul.app_block > li > a{
	color: #5a5a5a;
}

ul.app_block > li:hover{
	opacity: 0.6;
}

div.app_container{
	display: flex;
	/* アプリ名称中央寄せのため指定 */
	align-items: center;
}

/* アプリ名称スタイル追加 */
div.text_holder h4{
	font-size: 18px;
}

/* 2022.9.21 追加 */
p#error_message{
	background-color: rgba(0,0,0,0.5);
	padding: 6px 12px;
	border-radius: 8px;
	width: 100%;
	/* スタイル追加 */
	color: #afeeee;
	font-size: 14px;
	text-align: center;
}

/* index_i.cssスタイル上書き 終わり*/

/* for 601px < 768px width. */
@media (max-width: 768px) {

	div.jumbotron h1 {
		font-size:32px;
	 }

	 div.jumbotron p.Announcetop{
		font-size: 16px;
	}
}

/* width between 321px and 480px */
@media (max-width: 480px) {

	div.jumbotron h1{
		font-size: 26px;
	}

	div.applink_block {
		max-width: 400px;
	}
	ul.app_block > li{
		width: 300px;
	}
}

/* Devices with a width of 320px to 480px and a height of 680px or more  */
@media (max-width: 480px) and (min-height: 680px){
	div.applink_block {
		max-width: 420px;
	}
	ul.app_block > li{
		width: 340px;
	}
}

/* width below 320px */
@media (max-width: 320px){
	div.applink_block {
		max-width: 300px;
	}
	ul.app_block > li{
		width: 280px;
	}
}