@charset "utf-8";

/* Common Setting
=========================================================================================================*/
/*
html,body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,table,thead,tbody,tfoot,th,td,form,input,select,address,pre{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	-webkit-text-size-adjust:100%;	xiOSで文字サイズがおかしくなるバグFIX
	font-style:normal;
	font-weight:normal;
}

body{
	font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333;
}

img{
	vertical-align:bottom;
	line-height:0;
	border:none;
}

input,select{
	vertical-align:middle;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}

li{
	list-style-type:none;
}
*/

/* Each Site Setting
=========================================================================================================*/

/*
a:link	 { color:#000; }
a:visited{ color:#000; }
a:hover  { color:#000; }
a:active { color:#000; }
*/

.gothic {
  font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN",
    "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.min {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝",
    serif;
}

a.touka {
  display: block;
}

/* PC
=========================================================================================================*/

.sp-hide {
  display: block !important;
}
@media (max-width: 767px) {
  .sp-hide {
    display: none !important;
  }
}

.sp-hide-i{
  display: inline !important;
}
@media (max-width: 767px) {
  .sp-hide-i{
    display: none !important;
  }
}

.pc-hide {
  display: none !important;
}
@media (max-width: 767px) {
  .pc-hide {
    display: block !important;
  }
}

.pc-hide-i{
  display: none !important;
}
@media (max-width: 767px) {
  .pc-hide-i{
    display: inline !important;
  }
}

#bnk2025 a.tgt {
  position: absolute;
  left: 0;
  top: -70px;
  display: inline-block;
  width: 1em;
  height: 1em;
}

.p_menu-main-title {
  background-image: url(../img/bounenkai2019/bg-main-title.jpg);
}

#bnk2025 {
  margin: 0 auto 80px;
  width: 1100px;
  font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN",
    "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #333;
}
@media (max-width: 767px) {
  #bnk2025 {
    margin: 0 auto 70px;
    width: auto;
  }
}

#bnk2025 a {
  text-decoration: none;
}

#bnk2025 p {
  margin-bottom: auto;
  line-height: 1;
}

#bnk2025 img {
  margin: 0 auto;
  vertical-align: bottom;
  line-height: 0;
  border: none;
  /*max-width: initial;*/
  width: 100%;
  width: auto;
}
@media (max-width: 767px) {
  #bnk2025 img{
    max-width:100%;
    width: 100%;
  }
}

#bnk2025 input,
#bnk2025 select {
  vertical-align: middle;
}

#bnk2025 table {
  border-collapse: collapse;
  border-spacing: 0;
}

#bnk2025 li {
  list-style-type: none;
}

/* mainarea
----------------------------------- */

#mainarea {
  padding: 0;
}

#mainarea h2 {
  margin: 0;
  padding: 0 0 50px 0;
  text-align: center;
  font-size: 26px;
  line-height: 1;
  color: #97070f;
}

#mainarea ul#mainanchor {
  display: flex;
  margin: 0 -10px 25px;
  padding: 0;
}
@media (max-width: 767px) {
  #mainarea ul#mainanchor {
    flex-wrap:wrap;
    margin: 0 15px 10px;
  }
}

#mainarea ul#mainanchor li {
  background: #f5f5f5;
  margin: 0 10px;
}
@media (max-width: 767px) {
  #mainarea ul#mainanchor li {
    width: 100%;
    margin: 0 0;
  }
}

#mainarea ul#mainanchor li.dx,
#mainarea ul#mainanchor li.st {
  border-left: 25px solid #fff;
}



#mainarea ul#mainanchor li dt a {
  display: block;
  padding: 15px 0 14px;
  width: 510px;
  text-align: center;
  color: #fff;
  border-radius: 4px;
  font-size: 22px;
  line-height: 1;
  background: url(../img/bounenkai2018/anchor_menu.png) 460px center no-repeat;
}
@media (max-width: 767px) {
  #mainarea ul#mainanchor li dt a {
    width: 100%;
    font-size: 16px;
    background: url(../img/bounenkai2018/anchor_menu.png) 95% center no-repeat;
  }
}

#mainarea ul#mainanchor li.cd dt a {
  background-color: #9c1d23;
}

#mainarea ul#mainanchor li.fc dt a {
  background-color: #af6c11;
}

#mainarea ul#mainanchor li.dp dt a {
  background-color: #043a54;
}

#mainarea ul#mainanchor li dl dt a span {
  display: block;
  padding: 5px 0 0;
  text-align: center;
  font-size: 12px;
}

#mainarea ul#mainanchor li.cd dl dt a span {
  color: #d1a8aa;
}

#mainarea ul#mainanchor li.fc dl dt a span {
  color: #d9bfa6;
}

#mainarea ul#mainanchor li.dp dl dt a span {
  color: #a4afb7;
}

#mainarea ul#mainanchor li {
  text-align: center;
}

#mainarea ul#mainanchor li dl {
  padding: 15px;
}
@media (max-width: 767px) {
  #mainarea ul#mainanchor li dl {
    margin:0;
    padding: 15px 15px 0;
  }
  #mainarea ul#mainanchor li:last-child dl {
    margin:0;
    padding: 15px 15px 15px;
  }
}

#mainarea ul#mainanchor li dl dd p.num {
  padding: 16px 0;
  line-height: 1;
  font-weight: bold;
  font-size: 14px;
  color: #666;
}

#mainarea ul#mainanchor li dl dd p.exp {
  text-align: left;
  line-height: 1.4;
  font-size: 13px;
}

#mainarea ul#subanchor {
  clear: both;
  margin: 0 0 55px 0;
  text-align: center;
  background: #f5f5f5;
}
@media (max-width: 767px) {
  #mainarea ul#subanchor {
    margin: 0 15px 40px;
    padding:0;
    background: none;
  }
}

#mainarea ul#subanchor li {
  display: inline;
}
@media (max-width: 767px) {
  #mainarea ul#subanchor li {
    display: block;
    background: #f5f5f5;
    margin:0 0 10px;
  }
}

#mainarea ul#subanchor li a {
  display: inline-block;
  padding: 0 35px 0 0;
  background: url(../img/bounenkai2019/anchor_submenu.png) right center no-repeat;
  line-height: 52px;
  color: #333;
  width: auto;
}
@media (max-width: 767px) {
  #mainarea ul#subanchor li a {
    font-size:14px;
    line-height: 2.4;
  }
}

#mainarea ul#subanchor li.om a,
#mainarea ul#subanchor li.ts a {
  padding: 0 35px 0 60px;
}
@media (max-width: 767px) {
  #mainarea ul#subanchor li.om a,
  #mainarea ul#subanchor li.ts a {
    display: block;
    margin:0 28px 0;
    padding: 0 0 0 0;
  }
}



/* bn
----------------------------------- */
#bn {
  padding: 0 0 50px;
}
@media (max-width: 767px) {
  #bn {
    padding: 0 15px 40px;
  }
}



/* feature
----------------------------------- */

#feature {
  margin: 0 0 40px 0;
  background: url(../img/bounenkai2023/bg_feature.jpg) 0 0 no-repeat;
  width: 1100px;
  height: 160px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  #feature {
    margin: 0 0 20px;
    background: url(../img/bounenkai2023/bg_feature_sp.jpg) center center no-repeat;
    width: auto;
    height: auto;
    background-size:cover;
  }
}

#feature .outline {
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items:center;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  #feature .outline {
    display: block;
    width: auto;
    margin: 0;
  }
}

#feature h2 {
  margin: 0;
  padding: 0 0 0;
  color: #fff;
  text-align: center;
  font-size: 58px;
  line-height: 1;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  #feature h2 {
    padding: 20px 0 16px;
    font-size:46px;
    line-height: 1.2;
  }
}
@media (max-width: 320px) {
  #feature h2 {
    
  }
}

#feature h3 {
  margin: 0;
  padding: 25px 0 0;
  color: #fff;
  text-align: center;
  font-size: 22px;
  line-height: 1;
  font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
  #feature h3 {
    padding: 20px 0 16px;
    font-size: 15px;
    line-height: 2.4;
  }
}
@media (max-width: 375px) {
  #feature h3 {
    padding: 15px 0 14px;
    font-size: 14px;
  }
}


#feature h3 em{
  display:inline-block;
  margin:0 0.5em;
  padding:0.2em 0.3em 0.1em;
  border:1px solid #fdd726;
  color:#fdd726;
  font-family: '游ゴシック', 'Yu Gothic', '游ゴシック体', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-size: 20px;
  font-weight:bold;
}
@media (max-width: 767px) {
  #feature h3 em{
    padding: 0em 0.3em;
    line-height: 1.2;
  }
}
@media (max-width: 375px) {
  #feature h3 em{
    font-size: 16px;
  }
}


/* courseplan
----------------------------------- */

#course {
  margin:0;
}
@media (max-width: 767px) {
  #course {
    margin: 0 15px 0;
  }
}

.course_block {
  display:flex;
  flex-wrap:wrap;
  justify-content: space-between;
  width:100%;
}

.course_block:nth-child(1) {
  flex-direction:row-reverse;
}
@media (max-width: 767px) {
  .course_block:nth-child(1) {
    flex-direction: column-reverse;
  }
}

.course_block ul{
  padding: 10px 0 0;
  font-size: 12px;
  line-height: 1.5;
}

.courseplan {
  margin: 0 0 40px;
  width:530px;
  position:relative;
}
@media (max-width: 767px) {
  .courseplan {
    margin: 0 0 40px;
    float: none;
    width: 100%;
  }
}

.courseplan.courseimg{

}
@media (max-width: 767px) {
  .courseplan.courseimg{
    
  }
}

.courseplan.courseimg .pic{
  margin:0;
  position:relative;
}
@media (max-width: 767px) {
  .courseplan.courseimg .pic{
    /*margin:0 -15px;*/
    margin:-25px 0 0;
  }
}

/*.courseplan.courseimg .pic:before{
  content:'わいわいプラン例';
  display:inline-block;
  padding:0.3em 0.5em;
  background-color:#fff;
  font-size:15px;
  font-weight:bold;
  color:#a52128;
  position:absolute;
  left:15px;
  top:15px;
  border:1px solid #b55e62;
}*/
/*
.courseplan.courseimg .pic:after{
  content:'ビュッフェ';
  display:inline-block;
  padding:0.3em 0.5em;
  background-color:#fff;
  box-shadow:2px 2px 2px 0px rgba(0,0,0,0.15);
  font-size:15px;
  font-weight:bold;
  color:#a52128;
  position:absolute;
  right:15px;
  bottom:15px;
}*/


.courseplan.courseimg .att{
  padding:10px 0 0;
  font-size:12px;
  line-height:1.5;
}
@media (max-width: 767px) {
  .courseplan.courseimg .att{
    
  }
}

.courseplan.courseimg .att li{
  text-indent:-1em;
  padding-left:1em;
}
@media (max-width: 767px) {
  .courseplan.courseimg .att li{
    
  }
}

/*plan_head共通*/
.plan_head{
  padding:17px 20px 8px;
  color:#fff;
}

.plan_head p{
  display: flex;
  align-items: center;
  padding-bottom:10px;
  font-size:19px;
  line-height:1.5;
}
@media (max-width: 375px) {
  .plan_head p{
    font-size: 14px;
  }
}

.plan_head p em{
  display:inline-block;
  margin:0 0 0 10px;
  padding:2px 4px;
  vertical-align:middle;
  font-size:12px;
  color:#fff;
  background-color:#fe0000;
  border-radius:3px;
}
@media (max-width: 767px) {
  .plan_head p em{
    vertical-align: text-top;
    line-height: 16px;
  }
}

.plan_head p + p{
  margin-top:0;
}

.plan_head .plan_head_inner{
  /*display:flex;
  justify-content: space-between;
  align-items: center;*/
}
@media (max-width: 767px) {
  .plan_head .plan_head_inner{
    display:block;
  }
}

.plan_head h2{
  font-size: 40px;
  line-height:1.0;
  font-feature-settings: "palt";
  letter-spacing:0.05em;
}
@media (max-width: 767px) {
  .plan_head h2{
    font-size: 32px;
  }
}

.plan_head h2 em{
  padding:0 0.07em 0 0;
  font-size:54px;
}

.plan_head ul{
  display:flex;
  text-align:left;
  font-size:13px;
}
@media (max-width: 767px) {
  .plan_head ul{
    font-size:12px;
  }
}

.plan_head li{
  line-height: 1.5;
}

.plan_head li + li{
  margin-left:1em;
}
@media (max-width: 767px) {
  .plan_head li + li{
    /*margin-left:0;*/
  }
}

/*plan_head個別*/
#plan_red{
  background-color:#faf3f4;
}

#plan_red .plan_head{
  background:linear-gradient(to bottom, #831c20, #a1282e);
}


#plan_gold{
  background-color:#fbf7f3;
}

#plan_gold .plan_head{
  background:linear-gradient(to bottom, #9c6011, #b06f1c);
}


#plan_blue{
  /*background-color:#f2f5f6;*/
}

#plan_blue .plan_head{
  background:linear-gradient(to bottom, #13455e, #185572);
}


/*coursemenu共通*/
.coursemenu{
  padding:20px;
}

.coursemenu p{
  padding:20px 0 0;
  font-weight:bold;
}
.coursemenu ul{
  padding:10px 0 10px;
  font-size: 13px;
  line-height: 2.1;
  font-weight: bold;
  color: #333;
  letter-spacing: 0.08em;
}
/*.coursemenu ul:last-child{
  padding-bottom:10px;
}
@media (max-width: 767px) {
  .coursemenu ul{
    line-height: 1.8;
  }
}*/

.coursemenu li{
  text-indent:-1em;
  padding-left:1em;
}
@media (max-width: 767px) {
  .coursemenu li{
  
}
}


/*coursemenu個別*/
#plan_red .coursemenu p{
  color:#9c1d23;
}
#plan_gold .coursemenu p{
  color:#ac6810;
}
#plan_blue .coursemenu{
  background-color:#f2f5f6;
  min-height: 459px;
}
@media (max-width: 767px) {
  #plan_blue .coursemenu{
    min-height:auto;
  }
}
#plan_blue .coursemenu p{
  color:#043a54;
}




.menu_images{
  position:absolute;
  left:0;
  bottom:0;
  width: 100%;
  background-color:#fff;
}
@media (max-width: 767px) {
  .menu_images{
    padding: 5px 0 0;
    position:static;
  }
}

.menu_images ul.samplelist{
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.menu_images ul.samplelist li{
  margin:10px 0 0;
  width: calc(33.333% - 10px);
  position:relative;
}

/*
.menu_images ul.samplelist li:nth-child(1):before{
  content: '洋食料理例';
  display: inline-block;
  padding: 0.1em 0.3em;
  background-color: #fff;
  font-size: 12px;
  font-weight: bold;
  color: #a52128;
  position: absolute;
  left: 5px;
  top: 5px;
  border: 1px solid #b55e62;
}

.menu_images ul.samplelist li:nth-child(2):before{
  content:'和食料理例';
  display: inline-block;
  padding: 0.1em 0.3em;
  background-color: #fff;
  font-size: 12px;
  font-weight: bold;
  color: #a52128;
  position: absolute;
  left: 5px;
  top: 5px;
  border: 1px solid #b55e62;
}

.menu_images ul.samplelist li:nth-child(3):before{
  content:'中華料理例';
  display: inline-block;
  padding: 0.1em 0.3em;
  background-color: #fff;
  font-size: 12px;
  font-weight: bold;
  color: #a52128;
  position: absolute;
  left: 5px;
  top: 5px;
  border: 1px solid #b55e62;
}
*/

.menu_images ul.samplelist li img{
  max-width:100%;
}




/* drink
----------------------------------- */
#drink {
  clear: both;
  margin: 0 0 0;
  padding: 20px;
  display: flex;
  align-items: flex-start;
  width: 100%;
  border:1px solid #c1c1c1;
}
@media (max-width: 767px) {
  #drink {
    display:block;
    margin:0 15px 50px;
    padding: 20px;
    width: auto;
  }
}

#drink .pic {
  
}
@media (max-width: 767px) {
  #drink .pic{
    
  }
}

#drink .pic img{
  width: 230px;
}
@media (max-width: 767px) {
  #drink .pic img{
    width:100%;
  }
}

#drink h3 {
  margin: 0;
  padding: 0 0 0;
  font-size: 22px;
  color: #9c1d23;
  line-height: 1.5;
}
@media (max-width: 767px) {
  #drink h3 {
    font-size: 18px;
    line-height: 1.4;
  }
}

#drink h3 span {
  font-size: 15px;
}

#drink .texts {
  margin: 0 0 0 20px;
  padding: 0 20px;
}
@media (max-width: 767px) {
  #drink .texts {
    margin: 20px 0 0 0;
    padding: 0 0;
    border:none;
    height:auto;
  }
}

#drink p {
  margin: 5px 0 0;
  font-size: 12px;
  line-height: 1.7;
}
@media (max-width: 767px) {
  #drink p {
    
  }
}

#drink p + h3{
  margin:15px 0 0;
}



/* benefit
----------------------------------- */

#benefit {
  clear: both;
  display:flex;
  justify-content: center;
  align-items:flex-start;
  margin: 0 0 50px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 767px) {
  #benefit {
    display:block;
    margin: 0 15px 40px;
    padding:5px 0 0;
  }
}

#benefit h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  width: 96px;
  height: 96px;
  white-space: nowrap;
  margin: 0;
  /*padding: 5px 20px;*/
  padding: 0;
  text-align: center;
  color: #93312e;
  font-size: 24px;
  background-color: #fff;
  border: 1px solid #b36e6c;
}
@media (max-width: 767px) {
  #benefit h2 {
    width: auto;
    height: auto;
    font-size: 18px;
    border-radius:0px;
    line-height:1.8;
  }
}

#benefit .blocks{
  padding:10px 0 0 10px;
  display:flex;
  /*width:100%;*/
}
@media (max-width: 767px) {
  #benefit .blocks{
    display:block;
    padding:20px 0 0 0;
  }
}

#benefit .blocks dl{
  margin:0 0 0 10px;
}
@media (max-width: 767px) {
  #benefit .blocks dl{
    margin:0 0 0 0;
  }
}

/*
#benefit .blocks dl:nth-child(1){
  width:31%;
}
#benefit .blocks dl:nth-child(2){
  width:39%;
}
#benefit .blocks dl:nth-child(3){
  width:30%;
}*/
@media (max-width: 767px) {
  #benefit .blocks dl:nth-child(1),
  #benefit .blocks dl:nth-child(2),
  #benefit .blocks dl:nth-child(3){
    width:auto;
  }
}


#benefit .blocks dl + dl{
  
}
@media (max-width: 767px) {
  #benefit .blocks dl + dl{
    margin-top:25px;
  }
}

#benefit .blocks dt{
  padding:0 0 5px;
  font-size: 18px;
  letter-spacing: 0;
  font-weight:bold;
  color: #93312e;
}
@media (max-width: 767px) {
  #benefit .blocks dt{
    font-size:16px;
  }
}

#benefit .blocks dl dd{
  padding:0 0 0 0;
  font-size:15px;
  line-height:1.4;
}

#benefit .blocks dl dd ul{
  padding: 0 15px;
}

#benefit .blocks dl:last-child dd ul{
  padding-right:0;
}

#benefit .blocks dl dd li{
  text-indent:-1em;
  padding-left:1em;
  font-weight:bold;
}

#benefit .blocks dl dd li .wine{
  float:right;
  margin:-20px 0 0 15px;
  width:auto;
}
@media (max-width: 767px) {
  #benefit .blocks dl dd li .wine{
    margin:0 0 0 15px;
    width:30%;
  }
}

#benefit .att{
  padding:15px 0 0;
  text-align:right;
  font-size:12px;
}
@media (max-width: 767px) {
  #benefit .att{
    padding:25px 0 0;
  }
}

/* option
----------------------------------- */
#option {
  clear: both;
  margin: 70px 0 0;
  overflow: hidden;
  position: relative;
}
@media (max-width: 767px) {
  #option {
    margin: 50px 15px 0;
  }
}

#option h2 {
  margin: 0;
  text-align: center;
  padding: 6px 20px;
  color: #fff;
  font-size: 26px;
  background-color: #543d36;
}
@media (max-width: 767px) {
  #option h2 {
    font-size: 18px;
  }
}

#option .blocks{
  display:flex;
  flex-wrap:wrap;
  /*gap:20px 0;*/
  width:100%;
  padding:20px 0 0;
}
@media (max-width: 767px) {
  #option .blocks{
    display:block;
    width:auto;
  }
}

#option .blocks dl{
  display:flex;
  align-items:center;
	padding:0;
  width:50%;
	border-top:1px dashed #ccc;
}
@media (max-width: 767px) {
  #option .blocks dl{
		padding:20px 0;
    width:auto;
  }
}

#option .blocks dl:nth-child(odd){
	border-right:1px dashed #ccc;
}
@media (max-width: 767px) {
  #option .blocks dl:nth-child(odd) {
    border-right:none;
  }
}

#option .blocks dl:nth-child(-n+2) {
	border-top:none;
}
@media (max-width: 767px) {
  #option .blocks dl:nth-child(2) {
    border-top:1px dashed #ccc;
  }
}









#option .blocks dd li:nth-child(n+2){
  margin:15px 0 0;
}

#option .option-drinks{
	margin:0 0 0;
}

#option .option-drinks dl{
	display:flex;
	align-items:center;
	border-top:1px dashed #ccc;
	padding:30px 0;
}
@media (max-width: 767px) {
  #option .option-drinks dl{
    align-items:flex-start;
  }
}

#option .option-drinks dl + dl{
	margin:0 0 0;
}

#option .blocks dt{
  padding: 12px;
  font-size:18px;
  font-weight:bold;
}
@media (max-width: 767px) {
  #option .blocks dt{
  	padding: 0;
    width:33%;
  }
}

#option .option-drinks dl dt{
  padding: 12px 30px;
  font-size:18px;
  font-weight:bold;
}
@media (max-width: 767px) {
	#option .option-drinks dl dt{
  	padding: 0;
    width:33%;
    text-align:center;
  }
}

#option .option-drinks dl dt img{
  
}
@media (max-width: 767px) {
	#option .option-drinks dl dt img{
		width:auto;
  	max-height:30vw;
  }
}


#option .blocks dd,
#option .option-drinks dl dd{
	padding:0 0 0 15px;
  font-size:14px;
  line-height:1.5;
  flex:1;
}

#option .blocks dd li em,
#option .option-drinks dl dd ul li em{
	display:block;
	padding:0 0 0.7em;
	font-size:17px;
	font-weight: bold;
}

#option .option-drinks dl dd ul li em small{
  	display:inline-block;
}
@media (max-width: 767px) {
	#option .option-drinks dl dd ul li em small{
  	display:block;
  }
}

#option .option-drinks dl dd ul li i{
	font-style:normal;
}

#option .option-drinks dl dd ul li span{
	display:inline-block;
	padding-left:1em;
}





/* try
----------------------------------- */

#try {
  margin: 50px 0 50px;
  padding: 50px 50px 50px 70px;
  border: 1px solid #c5c5c5;
}
@media (max-width: 767px) {
  #try {
    margin: 30px 15px 40px;
    padding: 30px 30px 30px 50px;
  }
}

#try h2 {
  margin: 0;
  padding: 0 20px 20px 0;
  font-size:26px;
  font-weight:bold;
  text-align:center;
  color:#97070f;
}
@media (max-width: 767px) {
  #try h2 {
    padding: 0 20px 0 0;
    line-height:1.3;
    font-size: 20px;
  }
}

#try ol {
  margin: 0;
  padding: 0;
}

#try ol li {
  margin: 0;
}

#try ol li dl {
  margin: 25px 0 0;
}

#try ol li dt {
  margin: 0;
  font-size: 17px;
  line-height: 1.2;
  font-weight: bold;
}
@media (max-width: 767px) {
  #try ol li dt {
    font-size: 15px;
    line-height:1.3;
  }
}

#try ol li dt span {
  margin: 0 0 0 -1.2em;
  padding: 0 0.2em 0 0;
}

#try ol li dd {
  margin: 0;
}

#try ol li dd ul {
  font-size: 14px;
  text-indent:-1em;
  padding-left:1em;
}

#try ol li dd ul li {
  
}

#try ol li dd .arw {
  margin: 0;
  padding: 1em 0 0.5em;
  font-weight: bold;
}
@media (max-width: 767px) {
  #try ol li dd .arw {
    line-height:1.5;
  }
}

#try ol li dd .text {
  margin: 0;
  padding: 1em 0 0;
  line-height: 1.5;
}

#try ol li dd .att {
  margin: 0;
  padding: 1em 0 0;
  line-height: 1.6;
}


/* rule_menu
----------------------------------- */
.rule_menu {
  margin: 50px 0 50px;
  padding: 40px;
  border: 1px solid #c5c5c5;
}
@media (max-width: 767px) {
  .rule_menu {
    margin: 30px 15px 40px;
    padding: 20px;
  }
}
.rule_menu dd + dt {
  margin: 25px 0 0;
}
.rule_menu dt {
  margin: 0;
  font-size: 17px;
  line-height: 1.2;
  font-weight: bold;
}
@media (max-width: 767px) {
  .rule_menu dt {
    font-size: 15px;
    line-height: 1.3;
  }
}
.rule_menu dd {
  margin: 1em 0 0;
  line-height: 1.5;
  padding-left:1em;
	text-indent:-1em;
}
.rule_menu dd + dd {
  margin: .5em 0 0;
}
.rule_menu dd ul {
  margin: .5em 0 0;
}
.rule_menu dd li {
  padding-left:1em;
	text-indent:-1em;
}
.rule_menu dd table{
  margin:1.0em 0 0;
}
.rule_menu dd table th,
.rule_menu dd table td{
  padding:0.3em 0;
  width:9em;
  text-align:center;
  box-sizing:border-box;
  border:1px solid #999;
}
.rule_menu dd table th{
  background-color:#eee;
}
.rule_menu dd table th:first-child{
  width:6em;
}
.rule_menu dd table td{

}

.rule_menu .important{
  margin-right:0.5em;
  padding:0 0.5em;
  background-color:#f00;
  color:#fff;
}

.rule_menu a{
  text-decoration:underline!important;
  color:inherit;
}