/* userカスタマイズ用 CSS */

/* ******************************************************
   v1.11.1にて変更されたフッター部分のアイコンを旧バージョンにあわせる為の記述
   新バージョンのアイコンでは記述不要
 ******************************************************* */
.pr_navbuttons > a > img{
	height:32px;
	padding-top:8px;
	padding-bottom:8px;
}
#pr_navlogo > a > img{
	height:32px;
	padding-left:8px;
	padding-top:8px;
	padding-bottom:8px;
}
.pr_systembuttons > a > img{
	height:32px;
	padding-top:8px;
	padding-bottom:8px;
}

/* ******************************************************
   目次部カスタマイズ例
 ******************************************************* */
 /* CLOSEボタン位置 目次用 */
/*#cusCloseBtn{
	left:270px;
}*/
/*.smartphone #cusCloseBtn{
	left:270px;
}*/

/* CLOSEボタン位置 検索用 */
/*#pr_extralayer .custom-xml-search #cusCloseBtn{
	left:270px;
}*/
/*.smartphone #pr_extralayer .custom-xml-search #cusCloseBtn{
	left:270px;
}*/

 
/* -------------- tablet用 -------------- */
/* 目次行 */
.tablet #pr_extralayer > div.indexs > ul > li{
	/*height:90px;
	background-image:none;
	background-color:#333333;*/
}

/* サムネイルサイズ */
/*#pr_extralayer > div.indexs img.vertical{
	height: 90px;
	width: auto;
}

#pr_extralayer > div.indexs > ul > li{
	height: 90px;
}*/

/* 目次タイトル */
.tablet #pr_extralayer > div.indexs > ul > li .title{
	/*font-size:20px;
	color:#cccccc;*/
}
/* 目次説明 */
.tablet #pr_extralayer > div.indexs > ul > li .note{
	/*font-size:20px;
	color:#eeeeee;*/
}

/* -------------- スマートフォン用 -------------- */
/* 目次行 */
.smartphone #pr_extralayer > div.indexs > ul > li{
	/*height:90px;
	background-image:none;
	background-color:#333333;*/
}

/* 目次の画像サイズはプログラムでサイズ制御されている為、変更不能 */

/* 目次タイトル */
.smartphone #pr_extralayer > div.indexs > ul > li .title{
	/*font-size:20px;
	color:#cccccc;*/
}
/* 目次説明 */
.smartphone #pr_extralayer > div.indexs > ul > li .note{
	/*font-size:20px;
	color:#eeeeee;*/
}



/* ******************************************************
   メニューバーのカスタマイズ例
 ******************************************************* */
/* メニューバーの左側のページタイトル表示を非表示にする（中央に入力可能なページングがある為） */
#pr_navtitle{
	visibility:hidden;
}
/* メニューバー右側のスペーサーを削除 */
/*nav > ul.right > li.spacer{
	display:none;
}*/
/* カスタムメニューボタン（小）非表示設定 */
/*.custommenu1{
	display:none;
}*/
/* ******************************************************
   ダイアログのカスタマイズ例
 ******************************************************* */
/* 印刷ダイアログの全ページを選択可能とする */
#pr_pringdialog .allpage .label .alllabel.print{
	visibility:visible;
}

/* ******************************************************
   タブメニューのカスタマイズ例
 ******************************************************* */
/* 3タブの場合 先頭のみ調整が必要な為、下記のコメントアウトを外す */
/*#pr_extralayer .tabbuttons .tabbutton{
	width:33%;
}
#pr_extralayer .tabbuttons .tabbutton:first-child{
	width:32.5%;
}*/

/* 4タブの場合 先頭のみ調整が必要な為、下記のコメントアウトを外す */
#pr_extralayer .tabbuttons .tabbutton{
	width:24%;
}
#pr_extralayer .tabbuttons .tabbutton:first-child{
	width:25%;
}

/* -----------------　左寄せイメージカスタマイズ例　---------------------------- */
/* イメージ部 */
#pr_extralayer .tab ul > li .titleImage{
	position:absolute;
	left:0px;
	top:0px;
}

/* 階層0 */
#pr_extralayer .tab ul > li.level0 .label{
	margin-left:60px;
}

/* -----------------　大　---------------------------- */
/* tab1の階層0の高さをカスタマイズする場合 */
#pr_extralayer .tab1 ul > li.level0{
	height:80px;
}

#pr_extralayer .tab1 ul > li.level0 img.right{
	top:44px;
}
#pr_extralayer .tab1 ul > li .label .middle{
	display:inline-block;
	margin-top:30px;
}

/* -----------------　中は標準状態　---------------------------- */

/* -----------------　小　---------------------------- */
/* tab1の階層0の高さをカスタマイズする場合 */
#pr_extralayer .tab1 ul > li.level0{
	height:20px;
}

#pr_extralayer .tab1 ul > li.level0 img.right{
	top:14px;
}
/* 上下中央の場合 */
#pr_extralayer .tab1 ul > li .label .middle{
	display:inline-block;
	margin-top:0px;
}

/* ******************************************************
   +-ボタンのスタイル追加 v1.15.0 add
 ******************************************************* */
/* 右側のボタンエリアにスペーサーを表示したい場合は以下のCSSを有効にする */
/*nav > ul.right > li.spacer{
	display:block;
} */

/* ******************************************************
   リンクエリアのカスタマイズ例 v1.15.0 add
 ******************************************************* */
 
/* クリックできないエリアなのでカーソルを標準表示にする */
#car_frame img{
	cursor:default;
}

/* クリック時だけに枠を付けると位置がずれるので透明な枠を付けておく */
.class_sample img{
	border-color:transparent;
	border-width:2px;
	border-style:solid;
	margin-left:-2px;
	margin-top:-2px;
}

/* クリック時の枠設定 */
.class_sample.clicked img{
	border-color:rgba(255,0,0,0.8);
	border-width:2px;
	border-style:solid;
}
/* ******************************************************
   テンプレートダイアログのカスタマイズ例
 ******************************************************* */
/* 透明なリンク部を作る場合は以下の設定をする */
.template_sample div{
	background-color:rgba(255,255,255,0)!important;
	
	/* 透明だとクリックできるかわからないので仮で枠を表示、ホバーすると消えてしまう（不要な場合は削除） */
	border-color:rgba(255,0,0,0.8);
	border-width:2px;
	border-style:solid;
}

/* コンテンツ部の画像（template.xmlでクラス名は定義）  */
#pr_userdialog .image1{
	width:auto;
	height:336px;
	display:block;
	margin: 0px auto;
	/* 画像の縦横費を崩したくない場合は高さか幅のどちらかにautoを設定する */
	/* height:auto; */
}

/* ******************************************************
   custom-xml-accordionのカスタマイズ例 v1.15.1 add
 ******************************************************* */
.custommenu{
	width:100%;
	border-style:solid none none none;
	border-color:#aaaaaa;
	border-width:1px;
	background-color:#ffffff;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
}

/* ******************************************************
   現在ページの商品表示のカスタマイズ例 v1.15.1 add
 ******************************************************* */
/*.pagingPage table tbody > tr > td:nth-child(3){
	background-color:red;
}*/


/* ******************************************************
   リンクエリアを強調表示例　contents/index.xml.js の193行目でidを設定
 ******************************************************* */
#testlink.active div{
	-webkit-animation:blink 1s ease forwards;
	-webkit-animation-iteration-count:3;
	animation:blink 1s ease forwards;
	animation-iteration-count:3;
	
	background-color:#FFC600!important;
}
/*
*アニメーション本体
*/
@-webkit-keyframes blink{
    100% {opacity:0;}
    0% {opacity:0.5;}
}
@keyframes blink{
    100% {opacity:0;}
    0% {opacity:0.5;}
}

/*#pr_ptlayer{
display:none!important;
}*/


/* ******************************************************
   タブのサムネイルカスタマイズ例 (noteを表示せず、タイトルを右寄せ表示かつ、サムネイル画像を大きく表示）
 ******************************************************* */
#pr_extralayer > div.indexs .thumbs ul > li{
	padding:3px;
	height:90px;
}
#pr_extralayer > div.indexs .thumbs img.vertical{
	height:88px;
	width:auto;
}
#pr_extralayer > div.indexs .thumbs img.horizontal{
	height:auto;
	width:88px;
}
#pr_extralayer > div.indexs .thumbs img.vertical{
	height:88px;
	width:auto;
}
#pr_extralayer > div.indexs .thumbs ul > li .note{
	display:none;
}
#pr_extralayer > div.indexs .thumbs ul > li .title{
	text-align:right;
	padding-top:36px;
	padding-right:20px;
	font-weight:normal;
}

/*.smartphone #pr_extralayer .tabbuttons .tabbutton:nth-child(2){
	display:none;
}*/

/* ******************************************************
   しおりのサムネイル表示時のページ番号位置
 ******************************************************* */
#pr_extralayer > div.indexs > ul > li.favorite .title{
	text-align: left;
}