@charset "Shift_JIS";
/* 
html5doctor.com Reset Stylesheet v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
*/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body {
line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
display:block;
}
nav ul,ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
/* change colours to suit your needs */
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
/* change colours to suit your needs */
mark {
background-color:#ff9;
color:#000; 
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
}
/* change border colour to suit your needs */
hr {
display:block;
height:1px;
border:0;
border-top:1px dotted #cebca7;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
/*------------------------------------------------------------------------------------*/
@media screen and (min-width: 1024px) {
/* 画面幅が1281px以上（PC専用スタイル）*/
	html{font-size: 150%;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
/* 画面幅が768px〜1024px（タブレット専用スタイル）*/
	html{font-size: 100%;}
}
@media screen and (max-width: 767px) {
/* 画面幅が767px以下（スマートフォン専用スタイル）*/
	html{font-size: 80%;}
}
@media screen and (max-width: 450px) {
/* 画面幅が450px以下（スマートフォン縦向き専用スタイル）*/
	html{font-size: 62.5%;}
}
@media screen and (max-width: 350px) {
/* 画面幅が300px以下（スマートフォン縦向き専用スタイル）*/
	html{font-size: 52.5%;}
}
/*html */
html{
overflow-y: scroll;
overflow-x: hidden;
-webkit-text-size-adjust: none;
}
/*body*/
body {
margin:0;
font-size: 13px; font-size: 1.3rem;
font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
color:#333;
}

/*a*/
a {color:#ef4400; text-decoration:none;}
a:hover {text-decoration:none;}

/*div*/
div{margin-right:auto; margin-left:auto;}

/*nav 旧アンドロイドに対応した記述アリ*/
#navi ul {
width:100%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;

-webkit-box-pack: center;
box-pack: center;
-webkit-justify-content: space-between;
justify-content: space-between;
align-items: center;
background: #fffddf;
border-bottom: 1px solid #ffeac3;
}
/* 2023/06/29 更新ここから */
#navi li:nth-child(1) {/* width: 48.5%; */flex-basis: 48.5%;}
#navi li:nth-child(1) img{width:70%;}
#navi li {width:17%;flex-basis:17%;padding-top: 1px;}
#navi li img{ width:100%;}
/* 2023/06/29 更新ここまで */

/*main*/
main {height: auto; border-bottom: 1px solid #ddd; padding-bottom: 20px;}

/*article*/

/*section*/
section {text-align:center;}

/* img size fixed */
img{max-width: 100%;}

/* text */
/* 200930 docomoマイメニューボタンに影響するline-height: 2.2rem;削除 */
/* 201007 line-height: 2.2rem;をクラスで設定 */
p{
white-space:normal;
font-size: 14px; font-size: 1.4rem;
}

.description{line-height: 2.2rem;}

/*figure*/
figure{margin: 0 auto;}
figcaption {
margin: 0 auto;
padding: 10px 5px;
background:#fffff5;
border: 1px solid #e6e6e6;
font-size: 14px; font-size: 1.4rem;
line-height: 2.2rem;
border-radius: 5px;
-webkit-border-radius: 5px;
}

/*Heading*/
h1{font-size: 20px; font-size: 2rem;}
h2 {font-size: 18px; font-size: 1.8rem; background:#fff;}
h3 {font-size: 16px; font-size: 1.6rem;}
h4 {font-size: 14px; font-size: 1.4rem;}

/*header*/
header h1{
width:100%;
margin: 0 auto;
background:#fff;
font-weight: bolder;
text-align: left;
line-height:2.8rem;
color: #712101;
border-bottom: 1px solid #cebca7;
}

/*footer 旧アンドロイドに対応した記述アリ*/
footer{background:#fff;}
footer ul{
width:94%;
margin: 0px auto 20px auto;
padding-top: 30px;

display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;

-webkit-justify-content: space-between;
justify-content: space-between;

align-items: center;
}
footer li.flexible{ width:80%; flex-basis: 80%;}
footer li.fixed { width:15%; flex-basis: 15%;}
.btn_gobackIndex a{ display:block; width: 55%;}
.bnt_moveUp { text-align: right;}
.bnt_moveUp a{ display:block;}
.bnt_moveUp a img{ width:100%;}
.copyright {width:100%; background-color:#ececec; padding: 10px 0;font-size: 13px; font-size: 1.3rem; text-align: center;}
/*------------------------------------------------------------------------------------*/
#decomerry{ width:100%; height: auto; background:#fff;}

/*common*/
.w100 img{width:100%;}
.wd60{width:60%;}
.wd70{width:70%;}
.wd80{width:80%;}
.wd90{width:90%;}
.wd94{width:94%;}
.wd98{width:98%;}
.txtB{font-size: 16px; font-size: 1.6rem;}
.txtS{font-size: 12px; font-size: 1.2rem;}
.txtSS{font-size: 10px; font-size: 1rem;}

.txtC{text-align: center;}
.txtL{text-align: left;}
.txtR{text-align: right;}

.clrGry{color:#9c9c9c;}
.clrRed{color:#ee2825;}
.clrGreen{color:#2bb300;}
.clrBlue{color:#004eb3}
.clrYD{color:#967D00;}

.txtNormal{font-weight: normal;}
.txtBold{font-weight: bold;}

.txtNrw {letter-spacing: -0.1em}

.txtLine{border-bottom:1px solid #ffaa0f; line-height: 2.5rem;}

.mrgnT10{margin-top:10px;}
.mrgnT20{margin-top:20px;}
.mrgnT30{margin-top:30px;}
.mrgnT40{margin-top:40px;}
.mrgnB10{margin-bottom:10px;}
.mrgnB20{margin-bottom:20px;}
.mrgnB30{margin-bottom:30px;}
.mrgnB40{margin-bottom:40px;}
.spaceLeft{padding-left: 3%; display: block;}
.spaceRight{padding-right: 3%;}
.spaceTop1{padding-top:1px;}
.spaceTop10{padding-top:10px;}
.spaceTop20{padding-top:20px;}
.spaceBottom10{padding-bottom:10px;}
.spaceBottom20{padding-bottom:20px;}

.bgclrW {background-color:#fff;}

/* button------------------------------------*/
/*btn lookMore*/
section .btn_more {width:94%;}
section .btn_more a{
display:block;
width:60%;
margin:10px auto;
padding: 2%;
font-size: 16px; font-size: 1.6rem;
line-height: 1.8rem;
font-weight: bold;
text-align:center;
text-decoration: none;
color:#8c3214;
border: 3px solid #ff9f67;
background-color:#ffffff;
-webkit-box-shadow: 0px 4px 0px 0px rgb(255, 206, 154);
box-shadow: 0px 4px 0px 0px rgb(255, 206, 154);
-webkit-border-radius: 20px;
border-radius: 20px;
}
/*btn_cornerTop*/
section .btn_cornerTop a,
aside .btn_cornerTop a{
display:block;
width:94%;
margin:40px auto 20px auto;

background: #ff731d;
color: #fff;
font-size: 16px; font-size: 1.6rem;
line-height: 3rem;
font-weight: bold;
text-align: center;
text-decoration: none;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 3px solid #FFC107;
}

/*heading info*/
main h3{
width:100%;
margin: 40px auto 10px auto;
padding-top:10px;
font-weight: bolder;
text-align: left;
line-height: 1.8rem;
color: #712101;
border-top: 1px dotted #cebca7;
}
section h3 img{vertical-align: sub;}

/*DL info*/
.txtDLinfo {padding-top: 10px; font-size:12px; font-size:1.2rem; color:#8c8671;}

/*link block common colom3vre 旧アンドロイド対応*/
.linkblock ul{ width:97%; margin: 0 auto;}
.linkblock ul::after{  content:""; display:table; clear:both;}
.linkblock li:nth-child(3n+1){margin-left: 0;}
.linkblock li{ 
list-style: none;
left: 0;
float:left;
width: 31.3%;
margin-left: 3%;
padding-bottom: 10px;
}
.linkblock li a{
display: block;
min-width:42px;
padding: 18px 0;
font-size:14px; font-size: 1.4rem;
font-weight:bold;
text-align: center;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
color:#712101;
background: #ffb52d;
}
/*link block common colom2vre 旧アンドロイド対応*/
.linkblock2 ul{ width:94%; margin: 0 auto;}
.linkblock2 ul::after{  content:""; display:table; clear:both;}
.linkblock2 li:nth-child(2n+1){margin-left: 0;}
.linkblock2 li{ 
list-style: none;
left: 0;
float:left;
width: 48%;
margin-left: 4%;
padding-bottom: 10px;
}
.linkblock2 li a{
display: block;
min-width:42px;
padding: 18px 0;
font-weight:bold;
text-align: center;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}

/*feature newlist top3------------------------*/
#decomerry .featureinfo{ width:94%; background-color:#fbc322; margin-top:10px; padding: 2px !important; 
border-radius: 12px; 
-moz-border-radius: 12px; 
-webkit-border-radius: 12px;
}
span.sideR{ display:block; float:right; width: 30%; padding-right: 3%; font-size: 13px; font-size: 1.3rem; font-weight: normal; text-align: right;}
#decomerry .featureinfo h2{ background-color:#ffe8a6; color:#6f0000; text-align: left; font-size: 18px;font-size: 1.8rem; padding-left:3%; line-height: 2.6rem; 
border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
}
#decomerry .featureinfotxt{background-color:#fff;padding:5px 3%;
border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
}


/*footer information----------------------------*/
ul.decomerryInfo{}
ul.decomerryInfo:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
ul.decomerryInfo li{ float:left; display:block; width:50%; font-size: 14px;font-size: 1.4rem; border-bottom:1px solid #ddd;}
ul.decomerryInfo li a{display:block; padding:14px 3%; color: #333; font-weight: bold;}
ul.decomerryInfo li.line a{border-right:1px solid #ddd;}