@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Cinzel|Cormorant+Garamond');
@import url('https://fonts.googleapis.com/css?family=Cormorant+Infant');

/**********************************************************************　フラッシュライク　*************************************************************************/

#flash01,#flash02,#flash03,#flash04,#flash05{ opacity: 0.0 }

/**********************************************************************　タイポグラフィー　*************************************************************************/

body { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
body#body09 { font-family: "Noto Sans Japanese"; }
.wf-notosansjapanese { font-family: "Noto Sans Japanese"; }
.Tpgrh  {font-family: 'Cormorant Infant','hnm', serif;border-style: none;}
.hnm  {font-family: 'Cormorant Infant','hnm', serif;}

.eng { font-family: 'Cinzel', serif; text-transform: uppercase;letter-spacing: 0.2em;}
.engsub { font-family: 'Cormorant Infa', serif; }
.spulike { font-size: 0.5em; vertical-align: super }

h3.honmon { font-size: 1.5em;line-height: 1.8em; }
p.honmon { font-size: 1.1em;line-height: 1.8em; }
ul.honmon { font-size: 1.1em;line-height: 1.8em; }

body#body09 h1, body#body09 h2, body#body09 h3, body#body09 h4 { font-weight: 500 !important }
body#body09 h1.bld, body#body09 h2.bld, body#body09 h3.bld, body#body09 h4.bld { font-weight: 700 !important }
#rizin-box { font-size: 1.2em;line-height: 2.0em;text-align: justify }

/**********************************　ウェブフォント　*************************************/

@font-face {
    font-family: 'hnm';
    font-style: normal;
    src: url('../webfonts/hnm.eot'); 
    src: url('../webfonts/hnm.eot?#iefix') format('embedded-opentype'), 
    url('../webfonts/hnm.woff') format('woff'), 
    url('../webfonts/hnm.ttf')  format('truetype'), 
    url('../webfonts/hnm.otf')  format('opentype'); 
}

.fa-2x {
  vertical-align: -15% ;
  padding-right: 5px

}

/***********************************************************************　固定ヘッダー　******************************************************************************/

header { font-family: 'Cormorant Infant','hnm', serif; }

/***********************************************************************　リンク　色　******************************************************************************/

a { text-decoration: none;color: #000000;}
a { transition-property: all;transition: 0.5s linear; }

header ul li a { color: #000000 }

.iro,.hissu { color: #5b74a9 }
div.anch a { color: #999 }

.zoom-box div { border: 1px solid #cccccc }
.card a:hover {opacity: .8 ; background-color: #d8e1f4 }
a:hover.iro { background-color: #f1f1f1 }

.sitemap a {  }
.sitemap a:hover { background-color: #f1f1f1 }

a.iro { color: #5b74a9 ; /*border-bottom: 1px dashed #5b74a9 ; padding-bottom: 3px*/ }

/**********************************************************************　文字色　*******************************************************************************/

body { color: #222222 }

.type-red { color: #ee848c }
.type-wht { color: #ffffff }
.type-blk { color: #000000 }
.type-gld { color: #DEC54E }

/**********************************************************************　アローリスト　*******************************************************************************/

ul.arrowlist li:before { background:#ccc; }
ul.arrowlist li:after { border-left-color:#fff; }

/**********************************************************************　背景色　*******************************************************************************/
/*
body { background-color: #a3d9ed; } 　背景色のテスト用   */

article { position:relative;background-color: #ffffff } /*　背景必要　*/
.id-box { background-color: #ffffff }/*　背景必要　*/

.bg-col1 {background-color: #425478;color: #ffffff;}
.bg-col2 {background-color: #ac3737;color: #ffffff;}
.bg-col3 {background-color: #8eae6b;color: #ffffff;}
.bg-col4 {background-color: #b4c370;color: #ffffff;}
.bg-col5 {background-color: #514642;color: #ffffff;}
.bg-blk {background-color: #000000; color: #cccccc; }
.bg-slv { background-color: #f1f1f1; }
.bg-wht { background-color: #ffffff; }

.bg-ptn {background-image: url(../img/bg-ptn.png);background-size: 60px;}
.bg-ptnb {background-image: url(../img/bg-ptnb.png);background-size: 60px;}

#gmp-box div.card01 { background-color: #ac3737;color: #ffffff; background-image: none ; padding: 30px 30px 30px 30px ; width:  calc( 100% - 60px ) }


/*　地味系　カラフル色*/

.eadcc3 {background-color: #eadcc3}
.c3d3da {background-color: #c3d3da}
.debcb0 {background-color: #debcb0}
.d3ddac {background-color: #d3ddac}
.e0dad3 {background-color: #e0dad3}
.e5bcb8 {background-color: #e5bcb8}
.dfdbd3 {background-color: #dfdbd3}
.dbe7f5 {background-color: #dbe7f5}
.dccdb4 {background-color: #dccdb4}
.c3ddc2 {background-color: #c3ddc2}
.e7dcc7 {background-color: #e7dcc7}
.ddaaaf {background-color: #ddaaaf}

/**********************************************************************　ボーダー色　角丸　*******************************************************************************/

.id-box { border-top: 1px dashed #ccc; }

.cardfll,
.card a
{ border: 1px solid #aabde5;border-radius:8px; }  
.cardfll {padding: 10px 0 10px 0  }
.cardfll img { width: 100% ; height: auto ; }

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

.tray { border: 1px dotted #bbb;border-radius:8px; }


.more, .boto { border-top: 1px dotted #bbb; }

h3.boto { border-top: 3px solid #ccc ; padding: 20px 0 !important ; font-size: 1.2rem }

.kakomi { border: 1px solid #cccccc;padding: 10px }

.sitemap { border-bottom: 1px dashed #ccc; }


.sitemap a {
	display: block;
	float: left;
	border-top: 1px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
	border-radius:0px;
}


/**********************************************************************　テーブル　*******************************************************************************/

table.attention { border-top: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC;}
table.attention	th,table.attention td { border-right: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;}

table.attention	th,table.attention td {text-align: center; }
table.attention	th { text-align: left; }

table.attention	th	{ width: 33% ; padding-left: 2% }
table.attention	td	{ width: 35% }
table.attention	td.price	{ width: 15% ; }

table.subscriptions td  { font-size: 1.0em ;line-height: 1.0em; text-align: left; }
table.subscriptions td.tdlike  { width: 80px ; }


/**********************************************************************　サブ　カテゴリー　カレント　*************************************************************************/

#category01 .card#cate01 a,
#category02 .card#cate02 a,
#category03 .card#cate03 a,
#category04 .card#cate04 a,
#category05 .card#cate05 a,
#category06 .card#cate06 a
{background-color: #daf5e2;}

/**********************************************************************　背景写真ボックス　************************************************************************/

#body01 #photobg { background-image: url(../image01/photobg.jpg); }
#body02 #photobg { background-image: url(../image02/photobg.jpg); }
#body03 #photobg { background-image: url(../image03/photobg.jpg); }
#body04 #photobg { background-image: url(../image04/photobg.jpg); }
#body05 #photobg { background-image: url(../image05/photobg.jpg); }
#body06 #photobg { background-image: url(../image06/photobg.jpg); }
#body07 #photobg { background-image: url(../image07/photobg.jpg); }
#body08 #photobg { background-image: url(../image08/photobg.jpg); }
#body09 #photobg { background-image: url(../image09/photobg.jpg); }

/**********************************************************************　オリジナルデザイン　*************************************************************************/

#body03 .logom img { width: 60%;height: auto; }　
.signature { font-size: 2.0em;line-height: 2.0em;font-family: 'Zeyada', cursive; }
.shinsatsubi { color: #4ba465;font-size: 1.2em;line-height: 1.2em }

.yajirushigrade { padding-bottom: 10px }
.yajirushigrade img { width: 10% ;opacity: 0.5 }

.markfhead { background-image: url(../image00/ico.png);background-repeat: no-repeat;background-position: left top ;text-align: left; padding-bottom: 30px }
h1.markfhead, h2.markfhead, h3.markfhead, h4.markfhead { height: 20px; padding-left: 40px;background-size: auto 30px }

table.seibun	{ width: 100%;padding: 0 ; border-bottom: 1px dotted #CCCCCC; }
table.seibun th, table.seibun td	{ padding: 10px 3% ;font-size: 1.2em;line-height: 1.4em;border-top: 1px dotted #CCCCCC; }
table.seibun th	{ text-align: left; }
table.seibun td	{ text-align: right; }

.cpcr .eng img { height: 20px ;width: auto ;vertical-align: middle;padding-right: 5px}

.step-zu  { width: 100%;text-align: center }

#body08 .thmbph-box h3 { margin-bottom: 20px !important}
#body08 .thmbph figure { margin-bottom: 15px }
.thmbph p.h1like { height: 35px }
#body08 .thmbph p.h1like.jpn { font-size: 1.2em ; line-height: 1.2em ; padding-top: 2px ;height: 33px }

#body08 #photobg p.abso img { width: 100% ; height: auto ; }
#body08 #maincpy sup { font-size: 0.5em }
#body09 sup { font-size: 0.5em }

.endr { margin-right: 0 !important }
.dnj { margin: 0 auto ; background-image: url(../image09/dnj.jpg);background-repeat: no-repeat;text-align: left; }
.markfhead.db { background-image: url(http://f-o-dreams.com/dragonburger/logom.png);background-size: auto 28px; }
.yukalogo { text-align: right ; padding-top: 10px }
.yukalogo img { width: 25% ; height: auto ; }

/**********************************************************************　テーブルのようなリスト（編集中）　*******************************************************************************/

ul.tblike.pref,
ul.tblike.nidan{width: 100%;border-left: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC;margin: 0 0 20px 0;}

ul.tblike.pref{border-top: 1px solid #CCCCCC;}
ul.tblike.nidan{}

ul.tblike li{display: block;float: left;text-align: center; }
ul.tblike li.thbox,ul.tblike li.tdbox{height: 30px;padding: 5px 0 0 0;}
ul.tblike li.thbox{background-color: #e2e2e2;}
ul.tblike li.tdbox{}
ul.tblike li a{display: block;}

ul.tblike.nidan li{border-bottom: 1px solid #CCCCCC;}
ul.tblike.nidan li.thbox{width: 100%;}

div.bribt	  { padding: 30px 0 20px 0; }
div.shbt	  { padding: 20px 0 20px 0; }

p.codebtn,
.bribt a 
{ display: block;border: 3px solid #CCCCCC;border-radius:8px;font-size: 1.2em;line-height: 2.0em;color: #555 }
.bribt.pdf a 
{ border: 3px solid #aaaaaa;color: #555; background-color: #eeeeee }

table.history,
table.history tr td,
table.history tr th
{border: 0px;text-align: left;vertical-align:top;line-height: 1.5em ;padding: 2px }
table.history tr th {width: 50px}

table.faqList { margin: 0 0 20px 0;border-bottom: 1px solid #CCCCCC; }


table.faqList tr th {text-align: left;vertical-align:top;border-top: 3px solid #CCCCCC; }
table.faqList tr th.que {font-size: 1.2em;line-height: 1.5em ;padding: 20px 0 20px 0;vertical-align:top; }
table.faqList tr th.cinzel {font-size: 1.4em;width: 50px ;padding: 15px 0 10px 0;vertical-align:top;}
table.faqList tr td{ border-top: 1px solid #CCCCCC;text-align: left; }
table.faqList tr td.cinzel {text-align: right;vertical-align:top;}
table.faqList tr td.ans{ padding: 5px 0 10px 0 ;vertical-align:top; }

/**********************************************************************　ボタン類（編集中）　*******************************************************************************/

.btn a{
    font-family: "Midashi Go MB31";
    display: block ;
	font-size: 1.1em;line-height: 1.0em;
	background: #649DD0;
	color: #fff;
	border: 1px solid #FFF;
	-moz-box-shadow: 0px 0px 3px rgba(000,000,000,0.3);
	-webkit-box-shadow: 0px 0px 3px rgba(000,000,000,0.3);
	width: 60%;
	padding: 15px 0;
    margin: 40px auto ;
    border-radius: 12px ;
}
.btn a:hover{
	background: #2BC4B2;
}
.formbtn { 
border: solid 2px #ccc ; padding: 10px ; text-align: center ; display: block ; 
border-radius: 5px ;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.formbtn:hover {
	background-color: rgba(0, 0, 0, .1);
}
.video-credit { text-align: center;position: relative;width: 100%;margin-left: -50px; }

.pvbtn {
	text-decoration: none;
	text-align: center;
	font-size: 1.0em;
	display: block;
	width: 60px;
	height: 38px;
	background: #000;
	border: 1px solid #DDD;
	border-radius: 70px;
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
	color: #fff;
	padding: 42px 20px 20px;
	opacity: 0.5;
	position: absolute;left:50%;top:-120px;
}


.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button {
	background-color: transparent;
/*	border: 2px solid #fff;
	color: #fff;
	line-height: 50px;*/
}
.button:hover {
	background-color: rgba(255, 255, 255, .2);
}