@charset "UTF-8";

#contents_ymn .new                         { background-color: #FF7800; font-size: 1.2em; color: #FFF; text-align: center; padding: 0.5em; font-weight: bold;}
#contents_ymn .new span                    { background-color: #0E7333; color: #FFF; font-size: 0.8em; padding: 0.3em 0.5em; border-radius: 0.2em; margin-right: 0.5em; font-weight: normal;}
#contents_ymn .hd                          { background: url(../images/mamorino/hd.jpg); font-size: 0; line-height: 0; text-indent: -9999px; display: block; width: 100%; height: 500px; margin-bottom: 30px;}


#contents_ymn .ct01                        { color:#7d5309; background: url(../images/common/recommend_bg.jpg) center center; padding: 1.5em; margin-top: 30px;}
#contents_ymn .ct01 h2                     { text-align: center; font-size: 1.5em; font-weight: bold; border-bottom: 2px dotted #454545; padding-bottom: 0.5em; color: #454545;}
#contents_ymn .ct01 ul                     { width: 100%; margin: 1em auto 0; overflow: hidden; box-sizing: border-box; padding-left: 15px; margin-left: 0px; color: #454545;}
#contents_ymn .ct01 ul li                  { float: left; width: 50%; font-weight: bold; box-sizing: border-box; padding-left: 30px; margin-bottom: 0.5em; background: url(../images/common/check_bl.png) center left no-repeat; font-size: 1.2em;}

#contents_ymn .ct02                        { background: url(../images/mamorino/ct02.jpg) right; background-size: cover; width: 800px; padding: 30px; box-sizing: border-box; margin-top: 30px;}
#contents_ymn .ct02 h2                     { font-size: 1.8em; line-height: 1.5em; margin-bottom: 1em; font-weight: bold;}

#contents_ymn .ct03                        { background: url(../images/mamorino/ct03-1.jpg) top no-repeat, url(../images/mamorino/ct03-2.jpg) bottom no-repeat; width: 800px; padding: 150px 0; box-sizing: border-box;}
#contents_ymn .ct03 h2                     { background: url(../images/mamorino/ct03-3.png) center center no-repeat; width: 800px; height: 350px; font-size: 0; line-height: 0; text-indent: -9999px;}
#contents_ymn .ct03 p                      { text-align: center;}

#contents_ymn .ct04-1                      { background-color: #FFFDE6; padding: 120px 30px 50px 30px; position: relative;}
#contents_ymn .ct04-1 h2                   { position: absolute; top: 0; left: 0;}
#contents_ymn .ct04-1 img                  { float: left; margin-right: 1rem;}
#contents_ymn .ct04-1 h3                   { font-size: 1.5em; font-weight: bold; color: #0E7333; margin-bottom: 0.5em;}
#contents_ymn .ct04-1 h3 span              { background-color: #73440E; color: #FFF; font-size: 0.8em; font-weight: bold; padding: 0.2em 0.5em; border-radius: 2em; margin-right: 0.5em;}
#contents_ymn .ct04-1 div                  { background-color: #E2F0E7; padding: 1.5em 1.5em 1em 1.5em; border-radius: 0.5em; clear: both; margin-top: 1em; overflow: hidden;}
#contents_ymn .ct04-1 div img              { float: right; margin-left: 1em; margin-right: 0; width: 180px; height: auto;}
#contents_ymn .ct04-1 div h4               { font-weight: bold; font-size: 1.2em; color: #0E7333; margin-bottom: 0.5em;}

#contents_ymn .ct04-2                      { background-color: #FFFDE6; padding:0 70px 50px 70px;}
#contents_ymn .ct04-2 h3                   { text-align: center; font-size: 2em; font-weight: bold; color: #0E7333; padding: 0.5em 0 1em; background: url(../images/mamorino/ct04ttlbg.png) top center no-repeat; background-size: 100% auto;}
#contents_ymn .ct04-2 h3 span              { display: block; font-size: 0.45em; color: #333; }
#contents_ymn .ct04-2 ul                   { display: flex; flex-wrap: wrap; justify-content: space-between;}
#contents_ymn .ct04-2 ul li                { width: 48%; margin-bottom: 2em;}
#contents_ymn .ct04-2 ul li h4             { font-size: 1.2em; font-weight: bold; color: #73440E; margin: 0.3em 0;}

#contents_ymn .ct04-3                      { background-color: #FFFDE6; padding: 0 70px 50px 70px;}
#contents_ymn .ct04-3 h3                   { text-align: center; font-size: 2em; font-weight: bold; color: #0E7333; padding: 0.5em 0 1em; background: url(../images/mamorino/ct04ttlbg.png) top center no-repeat; background-size: 100% auto;}
#contents_ymn .ct04-3 h3 span              { display: block; font-size: 0.45em; color: #333; }
#contents_ymn .ct04-3 ul                   { display: flex; flex-wrap: wrap; justify-content: center; gap: 1em;}
#contents_ymn .ct04-3 ul li                { width: 31%; margin-bottom: 2em;}
#contents_ymn .ct04-3 ul li h4             { font-size: 1.2em; font-weight: bold; color: #73440E; margin: 0.3em 0;}



#contents_ymn .cart strong.catch          { font-size: 1.8em; line-height: 1.5em; text-align: center; color: #f19b00; margin-top: 1em; display: block;}
#contents_ymn .guide dd                   { padding-top: 0 !important;}


@media screen and (max-width:480px) {

 #contents_ymn .new                         { font-size: 1em; }
 #contents_ymn .hd                          { background: url(../images/mamorino/hd-sp.jpg) top no-repeat; -webkit-background-size: 100% auto; background-size: 100% auto; height: 97vw; margin-bottom: 5vw;}


 #contents_ymn .ct01                        { background: url(../images/common/recommend_bg.jpg) center center; padding: 1.5em; margin-top: 30px;}
 #contents_ymn .ct01 h2                     { font-size: 1.3em; }
 #contents_ymn .ct01 ul                     { width: auto; margin: 1em auto 0; overflow: hidden; box-sizing: border-box; padding-left: 0px; margin-left: 0px;}
 #contents_ymn .ct01 ul li                  { float: none; width: 100%; font-weight: bold; box-sizing: border-box; padding-left: 8vw; margin-bottom: 0.5em; background-position: left 0.2em; -webkit-background-size: 5.8vw auto; background-size: 5.8vw auto; font-size: 1.1em;}

#contents_ymn .ct02                        { background: url(../images/mamorino/ct02.jpg) top right; background-size: auto 100%; width: auto; padding: 1em; box-sizing: border-box; margin-top: 30px;}
#contents_ymn .ct02 h2                     { font-size: 1.3em; line-height: 1.5em; margin-bottom: 0.3em; font-weight: bold;}

#contents_ymn .ct03                        { background: url(../images/mamorino/ct03-1.jpg) top no-repeat, url(../images/mamorino/ct03-2.jpg) bottom no-repeat; background-size: 100% auto; width: auto; padding: 15vw 0 20vw; box-sizing: border-box;}
#contents_ymn .ct03 h2                     { background: url(../images/mamorino/ct03-3sp.png) center center no-repeat; background-size: contain; width: auto; height: 60vw; font-size: 0; line-height: 0; text-indent: -9999px;}
#contents_ymn .ct03 p                      { text-align: left;}

#contents_ymn .ct04-1                      { background-color: #FFFDE6; padding: 18vw 1em 50px; position: relative;}
#contents_ymn .ct04-1 h2                   { position: absolute; top: 0; left: 0%;}
#contents_ymn .ct04-1 img                  { width: 40vw;}
#contents_ymn .ct04-1 h2 img               { width: 100% !important;}
#contents_ymn .ct04-1 h3                   { font-size: 1.5em; font-weight: bold; color: #0E7333; margin-bottom: 0.5em;}

#contents_ymn .ct04-1 div                  { background-color: #E2F0E7; padding: 4.5em 1.5em 1em 1.5em; border-radius: 0.5em; clear: both; margin-top: 1em; overflow: hidden;}
#contents_ymn .ct04-1 div img              { float: right; margin-left: 1em; margin-right: 0; width: 35vw; height: auto;}
#contents_ymn .ct04-1 div h4               { font-weight: bold; font-size: 1.2em; color: #0E7333; margin-bottom: 0.5em; margin-top: -2.5em;}

#contents_ymn .ct04-2                      { background-color: #FFFDE6; padding:0 1.5em 50px;}
#contents_ymn .ct04-2 h3                   { font-size: 1.5em; background: url(../images/mamorino/ct04ttlbg.png) top center no-repeat; background-size: 100% auto;}
#contents_ymn .ct04-2 h3 span              { display: block; font-size: 0.45em; color: #333; }
#contents_ymn .ct04-2 ul                   { display: flex; flex-wrap: wrap; justify-content: space-between;}
#contents_ymn .ct04-2 ul li                { width: 100%; margin-bottom: 2em;}
#contents_ymn .ct04-2 ul li h4             { font-size: 1.2em; font-weight: bold; color: #73440E; margin: 0.3em 0;}


#contents_ymn .ct04-3                      { background-color: #FFFDE6; padding: 0 1.5em 50px;}
#contents_ymn .ct04-3 h3                   { font-size: 1.5em; background: url(../images/mamorino/ct04ttlbg.png) top center no-repeat; background-size: 100% auto;}
#contents_ymn .ct04-3 h3 span              { display: block; font-size: 0.45em; color: #333; }
#contents_ymn .ct04-3 ul                   { display: flex; flex-wrap: wrap; justify-content: center; gap: 4%;}
#contents_ymn .ct04-3 ul li                { width: 48%; margin-bottom: 2em;}
#contents_ymn .ct04-3 ul li h4             { font-size: 1.2em; font-weight: bold; color: #73440E; margin: 0.3em 0;}
#contents_ymn .ct04-3 ul li p    { letter-spacing: -0.05em;}

#contents_ymn .cart strong.catch          { font-size: 6vw; line-height: 1.5em; text-align: center; color: #f19b00; margin-top: 1em; display: block;}

}