@charset "utf-8"
/* CSS Document */

/*　□■□■□■□■□■□■□■□■□■　*/
/*　　　　　　　　　設定変更　　　　　　　*/
/*　■□■□■□■□■□■□■□■□■□　*/
.image-spacer_left_5px {margin: 0 5px 0 0; overflow: hidden;}
.image-spacer_right_5px {margin: 0 0 0 5px; overflow: hidden;}

h1 {text-align: right;}
/* インフォメーションの指定 */
/* PC用 */
#header #information {margin: 0 0 0;}
/* スマホ用 */
@media screen and (max-width: 660px) {#header #information {margin: 0 0 44px;}}
#info-box {background: url("../../../../img/sites/fooding/base/info.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}

/* ロゴサイズと位置の指定 */
#header #logo {margin: -12px 0 -17px 0;}
#logo img {width: 100%;}

#header-nav ul li a {letter-spacing: 0.03em;}
.emphasis03 {line-height: 1.3em;}

/*　□■□■□■□■□■□■□■□■□■　*/
/*　　　　　　　　　設定追加　　　　　　　*/
/*　■□■□■□■□■□■□■□■□■□　*/

/* 背景画像スライド */
#back_img {position: fixed; right: 0; top: -13px; z-index: -10; opacity: 0.6;}
#back_slide {margin: 0 auto; position: relative; max-width: ; width: 380px; z-index: -9;}
#back_slide li {width: 100% !important; heigt:100% !important;}
#back_slide li img {position: absolute;left: 0; top: 0;}


#top-img {margin: 0 10px 0;}
#main_slide ul {margin: 0 10px 0;}
#contents-p1, #contents-p2, #contents-p3 {position: relative; margin: 0 auto; z-index: 0;background: #ffffff url("../../../../img/themed/s00012/contents_bg.gif") repeat-y;}
#contents-p1 #left-col .blog-left h2, #contents-p2 #right-col .blog-center h2 {letter-spacing: 0.03em;}
@media screen and (max-width: 667px) {
#contents-p1, #contents-p2, #contents-p3 {background: none; width: 99%; margin: 0 auto;}
#contents-p1, #contents-p2, #contents-p3 {position: inherit;}
#top-img {margin: 0;}
#header-nav {padding-top: 0;}
#menu ul.gototop {padding: 0;}
/*
#header-nav ul li#nav-1 a, #header-nav ul li#nav-7 a {background: #444444; height: 100%; padding: 15px 10px;}
#header-nav ul li a:hover, #header-nav ul li a:active {background: #999999;}
#header-nav ul li a:hover, #header-nav ul li.current a {background: #999999; padding: 15px 10px;}
#header-nav ul li#nav-7 {width: 100%;}
*/
}

.width676px {width: 676px;}
@media screen and (max-width: 660px) {.width676px {width: 96%;}}

div#article_foot_bg01 {margin: 0 0 40px; padding: 434px 0 0; position: relative;}
div#article_foot_bg01::after {background: rgba(218, 218, 218, 1) url("../../../../img/sites/morimotoya/base/title01.jpg") no-repeat scroll right 0 top 0; z-index: -10; margin: 10px 0 0 0; content: ""; width: 700px; height: 100%; position: absolute; top: -20px; left: -20px; border-radius: 5px; padding: 20px 0 6px;}
div#article_foot_bg01 #text01 {margin: 0;}
div#article_foot_bg01 #text01 .text01a {padding: 18px 20px 6px;}

div#article_foot_bg02 {margin: 0 0 40px; padding: 285px 0 0px; position: relative;}
div#article_foot_bg02::after {background: rgba(200, 200, 200, 1) url("../../../../img/sites/morimotoya/base/title02.jpg") no-repeat scroll right 0 top 0; z-index: -10; margin: 10px 0 0 0; content: ""; width: 700px; height: 100%; position: absolute; top: -20px; left: -20px; border-radius: 5px; padding: 20px 0 6px;}
div#article_foot_bg02 #text01 {margin: 0 8px 0 -8px;}
@media screen and (max-width: 660px) {div#article_foot_bg02 #text01 {margin: 0;}}
div#article_foot_bg02 #text01 .text01a {padding: 20px 20px 6px;}

div#article_foot_bg03 {margin: 0 0 40px; padding: 275px 0 0px; position: relative;}
div#article_foot_bg03::after {background: rgba(200, 200, 200, 1) url("../../../../img/sites/morimotoya/base/title03.jpg") no-repeat scroll right 0 top 0; z-index: -10; margin: 10px 0 0 0; content: ""; width: 700px; height: 100%; position: absolute; top: -20px; left: -20px; border-radius: 5px; padding: 20px 0 6px;}
div#article_foot_bg03 #text01 {margin: 0 8px 0 -8px;}
@media screen and (max-width: 660px) {div#article_foot_bg02 #text01 {margin: 0;}}
div#article_foot_bg03 #text01 .text01a {padding: 20px 8px 6px;}

div#article_foot_bg04 {margin: 0 0 40px; padding: 275px 0 0px; position: relative;}
div#article_foot_bg04::after {background: rgba(200, 200, 200, 1) url("../../../../img/sites/styling-jewelry/base/title04.jpg") no-repeat scroll right 0 top 0; z-index: -10; margin: 10px 0 0 0; content: ""; width: 700px; height: 100%; position: absolute; top: -20px; left: -20px; border-radius: 5px; padding: 20px 0 6px;}
div#article_foot_bg04 #text01 {margin: 0 8px 0 -8px;}
@media screen and (max-width: 660px) {div#article_foot_bg02 #text01 {margin: 0;}}
div#article_foot_bg04 #text01 .text01a {padding: 20px 20px 6px;}

@media screen and (max-width: 660px){
div#article_foot_bg01::after, div#article_foot_bg02::after, div#article_foot_bg03::after, div#article_foot_bg04::after, div#article_foot_bg05::after, div#article_foot_bg06::after, div#article_foot_bg07::after { width: 100%; left: 0; background-size: 100%; margin: 0; top: 0; padding: 20px 0 0;}
div#article_foot_bg01 #text01, div#article_foot_bg02 #text01, div#article_foot_bg03 #text01, div#article_foot_bg04 #text01, div#article_foot_bg05 #text01, div#article_foot_bg06 #text01, div#article_foot_bg07 #text01 {margin: 0 auto;}
div#article_foot_bg01 {padding: 154px 0 0px;}
div#article_foot_bg02 {padding: 154px 0 0px;}
div#article_foot_bg03 {padding: 154px 0 0px;}
div#article_foot_bg04 {padding: 154px 0 0px;}

#contents-p1 #right-col .news-center, #contents-p2 #left-col .news-left, #contents-p1 #right-col .news_scroll-center, #contents-p2 #left-col .news_scroll-left {
width: 100%;}
}

/* 表示部分の基本設定 */
.thumbnail .position01 img, .thumbnail .position02 img, .thumbnail .position03 img, .thumbnail .position04 img, .thumbnail .position05 img, .thumbnail .position06 img, .thumbnail .position07 img, .thumbnail .position08 img, .thumbnail .position09 img, .thumbnail .position10 img, .thumbnail .position11 img, .thumbnail .position12 img, .thumbnail .position13 img, .thumbnail .position14 img, .thumbnail .position15 img, .thumbnail .position16 img, .thumbnail .position17 img, .thumbnail .position18 img, .thumbnail .position19 img, .thumbnail .position20 img, .thumbnail .position21 img, .thumbnail .position22 img, .thumbnail .position23 img, .thumbnail .position24 img, .thumbnail .position25 img, .thumbnail .position26 img, .thumbnail .position27 img, .thumbnail .position28 img, .thumbnail .position29 img, .thumbnail .position30 img, .thumbnail .position31 img, .thumbnail .position32 img, .thumbnail .position33 img, .thumbnail .position34 img, .thumbnail .position35 img, .thumbnail .position36 img, .thumbnail .position37 img, .thumbnail .position38 img, .thumbnail .position39 img, .thumbnail .position40 img, .thumbnail .position41 img, .thumbnail .position42 img, .thumbnail .position43 img, .thumbnail .position44 img, .thumbnail .position45 img, .thumbnail .position46 img, .thumbnail .position47 img, .thumbnail .position48 img, .thumbnail .position49 img, .thumbnail .position50 img, .thumbnail .position51 img, .thumbnail .position52 img, .thumbnail .position53 img, .thumbnail .position54 img, .thumbnail .position55 img, .thumbnail .position56 img, .thumbnail .position57 img, .thumbnail .position58 img, .thumbnail .position59 img, .thumbnail .position60 img {position: relative;}


.thumbnail .position01 img {left: -61px; top: 0;}
.thumbnail .position02 img {left: -43px; top: -13px;}
.thumbnail .position03 img {left: -128px; top: -6px;}
.thumbnail .position04 img {left: -61px; top: 0px;}
.thumbnail .position05 img {left: -126px; top: -138px;}
.thumbnail .position06 img {left: -128px; top: -6px;}
.thumbnail .position07 img {left: -82px; top: -10px;}
.thumbnail .position08 img {left: -67px; top: -5px;}
.thumbnail .position09 img {left: -79px; top: -206px;}
.thumbnail .position10 img {left: -82px; top: -10px;}
.thumbnail .position11 img {left: -67px; top: -5px;}
.thumbnail .position12 img {left: -71px; top: -8px;}
.thumbnail .position13 img {left: -61px; top: -0px;}
.thumbnail .position14 img {left: -124px; top: -13px;}
.thumbnail .position15 img {left: -120px; top: -2px;}
.thumbnail .position16 img {left: -49px; top: -0px;}
.thumbnail .position17 img {left: -92px; top: -1px;}
.thumbnail .position18 img {left: -85px; top: -2px;}
.thumbnail .position19 img {left: -22px; top: -0px;}
.thumbnail .position20 img {left: -114px; top: -7px;}
.thumbnail .position21 img {left: -114px; top: -13px;}
.thumbnail .position22 img {left: -92px; top: -167px;}
.thumbnail .position23 img {left: -176px; top: -297px;}
.thumbnail .position24 img {left: -176px; top: -58px;}
.thumbnail .position25 img {left: -94px; top: -90px;}
.thumbnail .position26 img {left: -193px; top: -234px;}
.thumbnail .position27 img {left: -176px; top: -58px;}
.thumbnail .position28 img {left: -66px; top: 9px;}
.thumbnail .position29 img {left: -176px; top: -58px;}
.thumbnail .position30 img {left: -176px; top: -58px;}
.thumbnail .position31 img {left: -48px; top: -2px;}
.thumbnail .position32 img {left: -176px; top: -58px;}
.thumbnail .position33 img {left: -176px; top: -58px;}
.thumbnail .position34 img {left: -93px; top: -3px;}
.thumbnail .position35 img {left: -176px; top: -134px;}
.thumbnail .position36 img {left: -162px; top: -162px;}
.thumbnail .position37 img {left: -51px; top: -58px;}
.thumbnail .position38 img {left: -117px; top: -156px;}
.thumbnail .position39 img {left: -259px; top: -122px;}
.thumbnail .position40 img {left: -105px; top: -58px;}
.thumbnail .position41 img {left: -139px; top: -142px;}
.thumbnail .position42 img {left: -272px; top: -3px;}
.thumbnail .position43 img {left: -72px; top: -82px;}
.thumbnail .position44 img {left: -176px; top: -205px;}
.thumbnail .position45 img {left: -176px; top: -98px;}
.thumbnail .position46 img {left: -17px; top: -100px;}
.thumbnail .position47 img {left: -203px; top: -125px;}
.thumbnail .position48 img {left: -176px; top: -106px;}
.thumbnail .position49 img {left: -29px; top: -58px;}
.thumbnail .position50 img {left: -253px; top: -32px;}
.thumbnail .position51 img {left: -113px; top: -72px;}
.thumbnail .position52 img {left: -17px; top: -89px;}
.thumbnail .position53 img {left: -94px; top: -258px;}
.thumbnail .position54 img {left: -287px; top: -135px;}
.thumbnail .position55 img {left: -60px; top: -20px;}
.thumbnail .position56 img {left: -176px; top: -58px;}
.thumbnail .position57 img {left: -180px; top: -118px;}
.thumbnail .position58 img {left: -109px; top: -64px;}
.thumbnail .position59 img {left: -151px; top: -119px;}
.thumbnail .position60 img {left: -126px; top: -118px;}

@media screen and (max-width: 660px){ 
.thumbnail .position01 img, .thumbnail .position02 img, .thumbnail .position03 img, .thumbnail .position04 img, .thumbnail .position05 img, .thumbnail .position06 img, .thumbnail .position07 img, .thumbnail .position08 img, .thumbnail .position09 img, .thumbnail .position10 img, .thumbnail .position11 img, .thumbnail .position12 img, .thumbnail .position13 img, .thumbnail .position14 img, .thumbnail .position15 img, .thumbnail .position16 img, .thumbnail .position17 img, .thumbnail .position18 img, .thumbnail .position19 img, .thumbnail .position20 img, .thumbnail .position21 img, .thumbnail .position22 img, .thumbnail .position23 img, .thumbnail .position24 img, .thumbnail .position25 img, .thumbnail .position26 img, .thumbnail .position27 img, .thumbnail .position28 img, .thumbnail .position29 img, .thumbnail .position30 img, .thumbnail .position31 img, .thumbnail .position32 img, .thumbnail .position33 img, .thumbnail .position34 img, .thumbnail .position35 img, .thumbnail .position36 img, .thumbnail .position37 img, .thumbnail .position38 img, .thumbnail .position39 img, .thumbnail .position40 img, .thumbnail .position41 img, .thumbnail .position42 img, .thumbnail .position43 img, .thumbnail .position44 img, .thumbnail .position45 img, .thumbnail .position46 img, .thumbnail .position47 img, .thumbnail .position48 img, .thumbnail .position49 img, .thumbnail .position50 img, .thumbnail .position51 img, .thumbnail .position52 img, .thumbnail .position53 img, .thumbnail .position54 img, .thumbnail .position55 img, .thumbnail .position56 img, .thumbnail .position57 img, .thumbnail .position58 img, .thumbnail .position59 img, .thumbnail .position60 img {left: 0; top: 0;}
}

#article {letter-spacing: 0.1em;}
.back_transparent {background: transparent!important;}.rinen span {line-height: 1.2em; letter-spacing: 0.01em;}
.width220px {width: 220px!important;}
@media screen and (max-width: 660px){ .width220px {width: 100%!important;}}
#table01 {font-size: 90%; letter-spacing: 0.1em;}

.gradient01, .gradient02, .gradient03, .gradient04, .gradient05, .gradient06 {
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 58%, rgba(255,255,255,1) 88%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 58%,rgba(255,255,255,1) 88%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 58%,rgba(255,255,255,1) 88%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
overflow: hidden; z-index: 10;}

.gradient05 {
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,0.9) 65%,rgba(255,255,255,1) 78%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 40%,rgba(255,255,255,0.9) 65%,rgba(255,255,255,1) 78%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 40%,rgba(255,255,255,0.9) 65%,rgba(255,255,255,1) 78%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
overflow: hidden; z-index: 10;}

#article .position01 .rinen {color: #FFFFFF; transform: rotate(-5deg); text-align: center; text-shadow: 1px 1px 3px #000000;}
#article .position02 .rinen {color: #FFFFFF; text-align: right; text-shadow: 1px 1px 3px #000000;}
#article .position03 .rinen {color: #FFFFFF; text-align: right; text-shadow: 1px 1px 3px #000000;}
.gradient01 img, .gradient02 img, .gradient03 img, .gradient04 img , .gradient05 img, .gradient06 img {position: relative; z-index: -5;}

.gradient01 {height: 480px;}
.gradient02 {height: 470px;}
.gradient03 {height: 493px;}
.gradient04 {height: 371px;}
.gradient05 {height: 371px;}
.gradient06 {height: 371px;}

#article .position01 {margin: -359px 0 0 0;}
#article .position02 {margin: -333px auto 100px;}
.position02 .text01a {position: relative;}
#article .position02 .text01a::before {content: ""; position: absolute; background: rgba(0, 0, 0, 0.4); z-index: -1; top: 0; height: 300px; width: 100%; left: 0;}

#article .position03 {margin: -264px auto -94px;}
#article .position04 {margin: -107px auto 0;}
#article .position05 {margin: -283px auto 0;}
#article .position05 {margin: -283px auto 44px;}
#article .position05 .rinen {color: #ffffff; text-shadow: #222222 2px 2px 1px;}
#article .position06 {margin: -107px auto 0;}

.size70px {font-size: 70px!important;}
.size28px {font-size: 28px!important; line-height: 1.2em; color: #3c8ba0;}
.t_left {text-align: left;}
@media screen and (max-width: 660px){.gradient01 {height: 270px;} .gradient02 {height: 380px;}}
@media screen and (max-width: 660px){#article .position01 {margin: -215px auto 0;} #article .position02 {margin: -150px auto 0;} #article .position03 {margin: -170px auto 0;}}
@media screen and (max-width: 660px) {
div#article_foot_bg01 {padding: 240px 0 0;}
div#article_foot_bg01 #text01 {width: 98%;}
}

.back_red01 {background: #560c0c!important;}
.wf-notosansjapanese {font-size: 40px; font-weight: 100; line-height: 1em;}
.wf-hannari {font-size: 42px; font-weight: 100; letter-spacing: -0.05em;}

#fukidashi05 {padding: 10px 20px;}
#fukidashi05 span{line-height: 0.2em;}

.maker_nav {margin: 0;}
#fusen01 {font: normal 18px/1.3 serif; margin: -70px 0 0 0; transform: rotate(-3deg);}
ol#point02 li.exclamation {
    background: rgba(0, 0, 0, 0) url(../../../../../miraicre.boy.jp/labo/img/base/exclamation.png) no-repeat scroll left 7px bottom 10px / 50px auto;
    line-height: 0.84em;
}
@media screen and (max-width: 660px){.width640px {width: 100%;}.width620px {width: 100%;}}
#right-col .right {float: right!important;}
ol.disc li {margin: 0 0 0 -5px; line-height: 0.8em;}




/* template F background color change */
/* smartphone not support ver. */

body {background: rgba(191, 226, 245, 1) url("../../../../img/sites/fooding/base/back.jpg") no-repeat fixed left 0px top 0px / 100% auto;}
/* 上のカラーコードを変更して色を変える */

#contents-p1, #contents-p2, #contents-p3 {background: #ffffff; box-shadow: #999999 0 0 10px; width: 940px; border-radius: 5px 5px 10px 10px; margin:0 auto;}
#header-nav {background: none; padding: 0; width: 940px; margin: -1px 0 0 0;}
#top-img {margin: 0;}
#copyright {width: 940px; background: none;}
#contents-p2 #left-col {margin: 12px 0 0 10px;}
#contents-p2 #right-col {width: 210px; margin: 12px 10px 0 0;}
.rinen {border-bottom: 2px dotted #124a58; padding: 10px 0 15px 0; color: #3c8ba0;}
#article .rinen {border-bottom: none; padding: 0;}
#article .position04 .rinen .rinen {border-bottom: 2px dotted #124a58; padding: 10px 0 15px 0;}
#article .width700px {width: 660px;}

.rotate {transform: rotate(-3deg);}
#menu_course .box01a .value01b {width: 614px;}
.icon01 {padding: 5px!important; font-size: 50%; color: #FFFFFF; border-radius: 3px; margin: 0 0 0 5px; letter-spacing: 0.1em; font-weight: bold;}
.back_amazon01 {background: #FCA000!important; width: 100px; text-align: center;}
.back_amazon01:hover {background: #f139a6!important;}
.back_amazon01 a:hover {color: #FFFFFF;}
.back_amazon01 a {text-decoration: none; display: block;}
.books {box-shadow: #3c8ba8 0px 0px 4px;}

ol#point05 {margin: 0 0 5px; overflow: hidden;}
ol#point05 li.icon {line-height: 1.3em; list-style-type: none; border-bottom: 1px dashed #bbbbbb; margin: 12px 5px; padding: 14px 0 10px 75px; position: relative;}
ol#point05 li.num01::before {content:"0"; font-size: 24px; font-family: 'Pinyon Script', cursive; position: absolute; left: 0; bottom: 0;}
ol#point05 li.num01::after {content:"1"; font-size: 64px; font-family: 'Pinyon Script', cursive; position: absolute; left: 14px;}
ol#point05 li.num02::before {content:"0"; font-size: 24px; font-family: 'Pinyon Script', cursive; position: absolute; left: 0; bottom: 0;}
ol#point05 li.num02::after {content:"2"; font-size: 64px; font-family: 'Pinyon Script', cursive; position: absolute; left: 14px;}
ol#point05 li.num03::before {content:"0"; font-size: 24px; font-family: 'Pinyon Script', cursive; position: absolute; left: 0; bottom: 0;}
ol#point05 li.num03::after {content:"3"; font-size: 64px; font-family: 'Pinyon Script', cursive; position: absolute; left: 14px;}
ol#point05 li.num04::before {content:"0"; font-size: 24px; font-family: 'Pinyon Script', cursive; position: absolute; left: 0; bottom: 0;}
ol#point05 li.num04::after {content:"4"; font-size: 64px; font-family: 'Pinyon Script', cursive; position: absolute; left: 14px;}
ol#point05 li.num05::before {content:"0"; font-size: 24px; font-family: 'Pinyon Script', cursive; position: absolute; left: 0; bottom: 0;}
ol#point05 li.num05::after {content:"5"; font-size: 64px; font-family: 'Pinyon Script', cursive; position: absolute; left: 14px;}
ol#point05 li.num06::before {content:"0"; font-size: 24px; font-family: 'Pinyon Script', cursive; position: absolute; left: 0; bottom: 0;}
ol#point05 li.num06::after {content:"6"; font-size: 64px; font-family: 'Pinyon Script', cursive; position: absolute; left: 14px;}
ol#point05 li.num07::before {content:"0"; font-size: 24px; font-family: 'Pinyon Script', cursive; position: absolute; left: 0; bottom: 0;}
ol#point05 li.num07::after {content:"7"; font-size: 64px; font-family: 'Pinyon Script', cursive; position: absolute; left: 14px;}
ol#point05 li.num08::before {content:"0"; font-size: 24px; font-family: 'Pinyon Script', cursive; position: absolute; left: 0; bottom: 0;}
ol#point05 li.num08::after {content:"8"; font-size: 64px; font-family: 'Pinyon Script', cursive; position: absolute; left: 14px;}
ol#point05 li.num09::before {content:"0"; font-size: 24px; font-family: 'Pinyon Script', cursive; position: absolute; left: 0; bottom: 0;}
ol#point05 li.num09::after {content:"9"; font-size: 64px; font-family: 'Pinyon Script', cursive; position: absolute; left: 14px;}
ol#point05 li.num10::before {content:"1"; font-size: 24px; font-family: 'Pinyon Script', cursive; position: absolute; left: 0; bottom: 0;}
ol#point05 li.num10::after {content:"0"; font-size: 64px; font-family: 'Pinyon Script', cursive; position: absolute; left: 14px;}

ol#point05 .size28px {line-height: 0;}
.width660px .width660px {width: auto;}
.theme_color02 {background: #fd96bd!important;}
.theme_color03 {background: #c7e2fb!important;}
.relative {position: relative;}
.layer01 {position: absolute; z-index: 10; top: -330px; left: 12%;}
a:hover img#rollover {opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; background: transparent!important;}
#contents-p1 #right-col h5, #contents-p1 #left-col h5, #contents-p2 #right-col h5, #contents-p2 #left-col h5 {border-left: 5px solid #3c8ba0;}
.width112px {width: 112px;}
#article .position02 .text01a {border-radius: 0;}


@media screen and (max-width: 660px) {#contents-p1, #contents-p2, #contents-p3 {width: 100%; border-radius: 0px; box-shadow: none:}
#contents-p2 #left-col {margin: 0;}
#crumb {width: 100%;}
.layer01 {position: initial;}
.gradient03 {height: auto;}
.gradient01 img, .gradient02 img, .gradient03 img, .gradient04 img, .gradient05 img, .gradient06 img {position: static;}
#article .width700px {width: auto;}
#copyright {width: 100%;}
#header-nav {width: inherit; margin: 0;}
#menu_course .box01a .value01b {width: 100%;}
.books {box-shadow: none;}
iframe {width: 100%;}
th.width200px {width: 30%;}
.width112px {width: 40%;}
#back_img {opacity: 1; top: 35px;}
#copyright {padding: 20px 0;}

}