@charset "UTF-8";
/* CSS Document */

/*共通*/
html { -webkit-font-smoothing: antialiased;}/*12px*/
div:after, article:after, ul:after, aside:after,section:after { content:""; display:block; clear:both;}
#page_expedition #edinote h2 { font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}
.bd {border:solid 1px red}
.sdw {box-shadow: 0px 1px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.2); -o-box-shadow: 0px 1px 2px rgba(0,0,0,0.2); -ms-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);}
.box_space { display:block; padding:10px 0; }
.pl20 { padding:15px 15px;}
#head.v_sp .inr { padding:15px 8px;}
#head.v_sp .left { float:left; display:inline-block}
#head.v_sp h1 { background:#F29600; color:#fff; padding:1px 5px;font-size:10px; font-weight:normal;}
#head.v_sp .right { float:right; display:inline-block;text-align:right; padding-top:8px;}
footer.v_sp .inr{ background-image: url(https://admcom.co.jp/img/foot_navi2_bg.jpg); background-repeat: repeat-x; padding: 25px 4% 25px; width:92%; color: #FFFFFF; font-size: 0.9em;}
footer.v_sp .inr a{ color:#fff}
footer.v_sp ul { padding-bottom:15px;}
footer.v_sp ul li { padding-bottom:2px; font-size:12px;}
footer.v_sp h3 { padding-bottom:4px; border-bottom:dotted 1px #fff; margin-bottom:4px;}
footer.v_sp .box { width:47%; margin-left:6%; float:left;}
footer.v_sp .box:first-child { margin-left:0%}

#page_expedition .ta_left { text-align: left; }

@media screen and (max-width:480px){
	#head.v_sp h1 { text-align:left;}
	#head.v_sp .right { padding-top:10px;}
	#head.v_sp .right img { width:170px;}
}

/*メインビジュアル*/
#page_expedition { color:#58373d; line-height:160%; font-size: 14px;}
#page_expedition #pan { width:100%; max-width:980px; margin:5px auto 6px;}
#page_expedition #pan span { font-size:11px; display: inline-block; padding-left:8px; padding-right:8px;}
#page_expedition #pan span:first-child { padding-left:0;}
#page_expedition #pan span a { color:#58373d;}
#page_expedition #pan span a:hover { color:#999;}
#page_expedition #all { padding-top:30px; background:url(../img/bg_notetop.png) repeat-x;}
#page_expedition #note { background:url(../img/bg_note.png);}
#page_expedition #mainvisual { max-width:1400px; padding:15px 20px 0px; margin:0 auto 60px; position:relative;}
#page_expedition #mainvisual .inr { height:720px; background-size: cover!important}
#page_expedition #mainvisual .copy { text-align:center; padding:0px 0 0;}
#page_expedition #mainvisual .copy .bg { background:rgba(255,255,255,0.8); padding-top:24px; padding-bottom:26px;}
#page_expedition #mainvisual .copy h1 img { padding-bottom:12px; width:70%; max-width:400px;}
#page_expedition #mainvisual .copy h1 span { color:#da494e; font-size:42px; display:block; padding-bottom:18px; line-height:140%;}
#page_expedition #mainvisual .copy h1.stit span { padding-bottom:14px; font-size:38px}
#page_expedition #mainvisual .copy h1.stit small { padding-bottom:14px; display:block; font-size:16px; line-height:1.4}
#page_expedition #mainvisual .copy p {font-size:16px; padding:7px 10px 8px; margin:0 auto; width:320px; background:#da494e; color:#fff; font-weight:bold;}
#page_expedition #mainvisual nav { position:absolute; right:28px; bottom:10px;}
#page_expedition #mainvisual nav ul { margin-right:10px; float:right;}
#page_expedition #mainvisual nav ul li { border:solid 1px rgba(255,255,255,0.3); margin-bottom:8px; height:120px; width:120px; text-align:center; position:relative; border-radius: 8px; overflow: hidden;}
#page_expedition #mainvisual nav ul li a { color:#fff; text-decoration:none; display: block; width:120px; font-size:12px; height:100%; line-height:150%; position:absolute; }
#page_expedition #mainvisual nav ul li strong { display:block; padding-bottom:2px; padding-top:45px; font-weight:bold; font-size:14px;}
#page_expedition #mainvisual nav ul li .arw {background:url(../img/nav_arw.png) center 92% no-repeat; background-size:10px; height:10px; margin-top:4px;}
#page_expedition #mainvisual nav ul li figure { position:absolute; left:0; top:0;  -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; -ms-transition:0.2s; transition: 0.2s; transition: 0.2s; -webkit-filter: brightness(0.8); -moz-filter: brightness(0.8); -o-filter: brightness(0.8); -ms-filter: brightness(0.8); filter: brightness(0.8);
box-shadow: 1px 1px 2px rgba(0,0,3,0.3);
-moz-box-shadow: 1px 1px 2px rgba(0,0,3,0.3);
-webkit-box-shadow: 1px 1px 2px rgba(0,0,3,0.3);
-o-box-shadow: 1px 1px 2px rgba(0,0,3,0.3);
-ms-box-shadow: 1px 1px 2px rgba(0,0,3,0.3);}
#page_expedition #mainvisual nav ul li:hover figure { -webkit-filter: brightness(1); -moz-filter: brightness(1); -o-filter: brightness(1); -ms-filter: brightness(1); filter: brightness(1);}
#page_expedition #mainvisual nav ul li figure img { width:100%;}
/*vol.2*/
#page_expedition.vol2 #mainvisual .copy { width:540px; position:absolute; left:40px; top:33px}
#page_expedition.vol2 #mainvisual .copy h1 span { font-size:36px; padding-left:20px}
#page_expedition.vol2 #mainvisual .copy h1 img { width:380px;}
 { width:380px;}
/*vol.3*/
#page_expedition.vol3 #mainvisual .copy { width:640px; position:absolute; left:40px; top:33px}
#page_expedition.vol3 #mainvisual .copy h1.stit span { font-size:32px}
#page_expedition.vol3 #mainvisual .copy h1 img { width:380px;}
/*vol.4*/
#page_expedition.vol4 #mainvisual .copy { width:600px; position:absolute; left:40px; top:33px;}
#page_expedition.vol4 #mainvisual .copy h1 span { font-size:38px; padding-left:10px;}
#page_expedition.vol4 #mainvisual .copy h1 img { width:380px;}
/*vol.5*/
#page_expedition.vol5 #mainvisual .copy { width:560px; position:absolute; left:40px; bottom:20px;}
#page_expedition.vol5 #mainvisual .copy h1 span { font-size:38px; }
#page_expedition.vol5 #mainvisual .copy h1 img { width:380px;}
/*vol.6*/
#page_expedition.vol6 #mainvisual .copy { width:480px; position:absolute; left:40px; bottom:20px}
#page_expedition.vol6 #mainvisual .copy h1 span { font-size:36px; line-height:1.2;}
#page_expedition.vol6 #mainvisual .copy h1 img { width:380px;}
/*vol.7*/
#page_expedition.vol7 #mainvisual .copy { width:600px; position:absolute; left:40px; bottom:20px}
#page_expedition.vol7 #mainvisual .copy h1 span { font-size:34px;}
#page_expedition.vol7 #mainvisual .copy h1 small { font-size:14px; }
#page_expedition.vol7 #mainvisual .copy h1 img { width:360px;}
/*vol.8*/
#page_expedition.vol8 #mainvisual .copy { width:560px; position:absolute; left:40px; bottom:20px;}
#page_expedition.vol8 #mainvisual .copy h1 span { font-size:30px; }
#page_expedition.vol8 #mainvisual .copy h1 img { width:340px;}
/*vol.9*/
#page_expedition.vol9 #mainvisual .copy { width:560px; position:absolute; left:40px; top:33px;}
#page_expedition.vol9 #mainvisual .copy h1 span { font-size:28px; }
#page_expedition.vol9 #mainvisual .copy h1 img { width:300px;}

/*center-bottom*/
#page_expedition #mainvisual .copy._cb { width:560px; position:absolute; left:0; right: 0; margin: 0 auto; bottom:20px;}
#page_expedition #mainvisual .copy._cb h1 span { font-size:28px; }
#page_expedition #mainvisual .copy._cb h1 img { width:300px;}

/*left-top*/
#page_expedition #mainvisual .copy._lt { width:560px; position:absolute; left:40px; top:33px;}
#page_expedition #mainvisual .copy._lt h1 span { font-size:28px; }
#page_expedition #mainvisual .copy._lt h1 img { width:300px;}

/*left-bottom*/
#page_expedition #mainvisual .copy._lb { width:560px; position:absolute; left:40px; bottom:22px;}
#page_expedition #mainvisual .copy._lb h1 span { font-size:28px; }
#page_expedition #mainvisual .copy._lb h1 img { width:300px;}



@media screen and (max-width:980px){
	#page_expedition #pan span:first-child { padding-left:8px;}
}
@media screen and (max-width:768px){
	#page_expedition { line-height:160%; font-size: 13px;}
	#page_expedition #all { padding-top:20px; background-size:30px;}	
	#page_expedition #mainvisual { padding:10px 8px 0px; margin-bottom:30px;}
	#page_expedition #mainvisual .inr { height:auto; background:none!important; box-shadow: none; -moz-box-shadow:none; -webkit-box-shadow:none; -o-box-shadow:none; -ms-box-shadow: none;}
	#page_expedition #mainvisual .copy { text-align:center; padding:0px 0 0;}
	#page_expedition #mainvisual .copy .bg { background:none; padding-top:0px; padding-bottom:24px;}
	#page_expedition #mainvisual .copy h1 img { padding-top:12px; padding-bottom:12px; width:52%; min-width:260px;}
	#page_expedition #mainvisual .copy h1 span { color:#da494e; font-size:30px; display:block; padding-bottom:14px; line-height:130%}
	#page_expedition #mainvisual .copy h1.stit span { font-size:30px;}
	#page_expedition #mainvisual .copy h1.stit small { font-size:13px}
	#page_expedition #mainvisual .copy p {font-size:14px; padding:5px 5px; min-width:230px;}
	#page_expedition #mainvisual figure img { width:100%; padding-bottom:8px;}
	#page_expedition #mainvisual nav { position: relative; right:0; bottom:0;}
	#page_expedition #mainvisual nav ul { margin-right:0px; float:none;}
	#page_expedition #mainvisual nav ul li { margin-bottom:0px; width:32%;  margin-right:1.2%; height:100px; position:relative; float:left;}
	#page_expedition #mainvisual nav ul li:last-child { margin-right:0;}
	#page_expedition #mainvisual nav ul li a {  width:100%; height:100px; }
	#page_expedition #mainvisual nav ul li strong { padding-bottom:0px; padding-top:40px;}
	#page_expedition #mainvisual nav ul li figure { height:100px; overflow:hidden; width:100%;}
	#page_expedition #mainvisual nav ul li figure img { width:100%; position:relative; bottom:50%; top:50%; margin-top:-50%}
	#page_expedition #mainvisual nav.two { width:100%; margin:0 auto;}
	#page_expedition #mainvisual nav.two ul li { margin-bottom:0px; width:48.7%;  margin-right:1.2%; height:100px; position:relative; float:left;}
	#page_expedition #mainvisual nav.two ul li:last-child { margin-right:0;}
	#page_expedition.vol2 #mainvisual .copy,
	#page_expedition.vol3 #mainvisual .copy,
	#page_expedition.vol4 #mainvisual .copy,
	#page_expedition.vol5 #mainvisual .copy,
	#page_expedition.vol6 #mainvisual .copy,
	#page_expedition.vol7 #mainvisual .copy,
	#page_expedition.vol8 #mainvisual .copy,
	#page_expedition.vol9 #mainvisual .copy,
	#page_expedition #mainvisual .copy._lb { width:auto; position:relative; left:0; top:0;}
	#page_expedition.vol2 #mainvisual .copy h1 span,
	#page_expedition.vol3 #mainvisual .copy h1.stit span,
	#page_expedition.vol4 #mainvisual .copy h1 span,
	#page_expedition.vol5 #mainvisual .copy h1 span,
	#page_expedition.vol6 #mainvisual .copy h1 span,
	#page_expedition #mainvisual .copy._lb h1 span { font-size:30px; padding-left: 10px; padding-right: 10px;}
	#page_expedition.vol2 #mainvisual .copy h1 img,
	#page_expedition.vol3 #mainvisual .copy h1 img,
	#page_expedition.vol4 #mainvisual .copy h1 img,
	#page_expedition.vol5 #mainvisual .copy h1 img, 
	#page_expedition.vol6 #mainvisual .copy h1 img,
	#page_expedition.vol7 #mainvisual .copy h1 img,
	#page_expedition.vol8 #mainvisual .copy h1 img,
	#page_expedition.vol9 #mainvisual .copy h1 img,
	#page_expedition #mainvisual .copy._lb h1 img { width:52%;}
	#page_expedition #mainvisual .copy h1 span br { display:none;}
	
}
@media screen and (max-width:480px){
	#page_expedition { font-size: 11px;}
	#page_expedition #pan span { font-size:10px;}
	#page_expedition #mainvisual .copy .bg { padding-bottom:22px;}
	#page_expedition #mainvisual figure img { padding-bottom:7px;}
	#page_expedition #mainvisual .copy h1 span { font-size:23px}
	#page_expedition #mainvisual .copy h1.stit span { font-size:20px}
	#page_expedition #mainvisual .copy h1 span br  { display:none;} 
	#page_expedition #mainvisual .copy h1.stit small { font-size:12px}
	#page_expedition #mainvisual .copy h1 img { padding-top:10px;}
	#page_expedition.vol2 #mainvisual .copy h1 span { font-size:22px}
	#page_expedition.vol3 #mainvisual .copy h1.stit span { font-size:22px}
	#page_expedition.vol4 #mainvisual .copy h1 span,
	#page_expedition.vol5 #mainvisual .copy h1 span,
	#page_expedition.vol6 #mainvisual .copy h1 span,
	#page_expedition.vol7 #mainvisual .copy h1 span { font-size:22px}
	#page_expedition.vol8 #mainvisual .copy h1 span,
	#page_expedition.vol9 #mainvisual .copy h1 span{ font-size:22px}
	#page_expedition.vol6 #mainvisual .copy h1 span br { display:block;} 
	#page_expedition #mainvisual nav ul li { width:32%; margin-right:1%; font-size:11px}
	#page_expedition #mainvisual nav ul li strong { padding-bottom:2px; padding-top:37px; font-size:14px;}
	#page_expedition #mainvisual nav ul li .arw { margin-top:2px;}
	#page_expedition #mainvisual nav.two { width:100%; margin:0 auto;}
	#page_expedition #mainvisual .copy p { max-width:90%; font-size:12px; }
}


/*特集*/
#page_expedition #feature {  margin-bottom:80px; padding-bottom:60px; background:url(../img/line_feature_f.png) bottom repeat-x; background-size:42px}
#page_expedition #feature .inr { width:960px; margin: 0 auto 0px;}
#page_expedition #feature .title { text-align:center; background: url(../img/bg_feature.png) no-repeat right bottom; background-size:140px;}
#page_expedition #feature .title span { display:block; padding-bottom:10px;}
#page_expedition #feature .title span img { width: 34px;}
#page_expedition #feature .title h2 { font-size:32px; padding-bottom:36px; margin-bottom:42px; background:url(../img/line_feature.png) bottom repeat-x; background-size:40px; line-height:140%;}
#page_expedition #feature article { padding:0 0 70px; }
#page_expedition #feature article.nophoto { padding-bottom:20px;} 
#page_expedition #feature article h3 { font-size:24px; padding:0px 0 28px; text-align: center;}
#page_expedition #feature article p { padding-bottom:36px;}
#page_expedition #feature article p small { font-size:84%;} 
#page_expedition #feature article .photoarea { width:100%; margin:0 auto;}
#page_expedition #feature article .sec { padding-top:20px;}
#page_expedition #feature article .photoarea div figure { margin-left:20px; float:left;}
#page_expedition #feature article .photoarea div figure:first-child { margin-left:0;}
#page_expedition #feature article .photoarea div figure img{ width:100%}
#page_expedition #feature article .photoarea div figure figcaption { font-size:12px; padding-top:8px; line-height:150%;}
#page_expedition #feature article .photoarea .photo1 { width: 100%; max-width:600px; margin:0 auto;}
#page_expedition #feature article .photoarea .photo1 figure { width: 100%;}
#page_expedition #feature article .photoarea .photo2 figure { width:48.5%;}
#page_expedition #feature article .photoarea .photo2 figure:nth-child(2n) { margin-left: 3%;}
#page_expedition #feature article .photoarea .photo2.w300 { width: 100%; max-width:580px; margin:0 auto;}
#page_expedition #feature article .photoarea .photo2.w300 figure { width: 48%;}
#page_expedition #feature article .photoarea .photo3 figure { width:31.4%; margin-left:2.9%;}
#page_expedition #feature article .photoarea .photo4 figure { width:23%; margin-left: 2.6%}
#page_expedition #feature article .photoarea .photo4.two { width: 100%; max-width:600px; margin:0 auto;}
#page_expedition #feature article .photoarea .photo4.two figure { width:48.5%;}
#page_expedition #feature article .photoarea .photo4.two figure:nth-child(2n) { margin-left: 3%;}
#page_expedition #feature article.lead p { font-size:14px;}
#page_expedition #feature article.lead .photoarea .photo1 { width: 100%; max-width:660px;}
#page_expedition #feature article.lead .photoarea .photo1 figure {  width: 100%; max-width:660px;}
#page_expedition #feature aside { border:solid 1px rgba(98,46,60,0.30); padding:30px 30px; width:908px; margin: 0 auto; display:table}
#page_expedition #feature aside figure { width:180px; float:left; margin-right:30px; display:table-cell}
#page_expedition #feature aside figure.w280 { width:280px; }
#page_expedition #feature aside figure.right { width: 240px; margin-left:24px; margin-right: 0;}
#page_expedition #feature aside figure img { width:100%;}
#page_expedition #feature aside div { display: table-cell; vertical-align:top; }
#page_expedition #feature aside div h4 { font-size:21px; font-weight:normal; color:#da494e}
#page_expedition #feature aside div dl { font-size:12px; padding:10px 0 8px;}
#page_expedition #feature aside div dl dt { font-size:14px; padding-bottom:4px; font-weight:bold;}
#page_expedition #feature aside div dl dd { line-height:150%;}
#page_expedition #feature .box_border { display:block; max-width:340px; width: 100%; text-align:center; margin:0px auto 20px; border:solid 2px rgba(98,46,60,0.30); padding:13px 20px; font-size: 16px; line-height: 1.6; font-weight: bold;}
#page_expedition #feature .box_border strong { display:block; margin-bottom:3px; font-size: 12px;}
#page_expedition #feature article .box-y,
#page_expedition #feature article .listbox { background: rgba(255,246,203,1.00); padding:30px 32px; border-radius: 10px;}
#page_expedition #feature article .box-y h5,
#page_expedition #feature article .listbox h5{ font-size: 18px; padding-bottom: 16px; text-align: center;}
#page_expedition #feature article .box-y ul li,
#page_expedition #feature article .listbox ul li{ list-style: disc; margin-left: 15px; margin-bottom: 3px}

#page_expedition #feature article .listbox._red { background: #F8dADF; padding:44px;}
#page_expedition #feature article .listbox._red h5{ font-size: 22px; padding-bottom: 24px;}
#page_expedition #feature article .listbox._red li { position: relative; font-size: 15px; margin-bottom: 6px}
#page_expedition #feature article .listbox ._ls-none li { list-style: none; }
#page_expedition #feature article .listbox._red li:last-child { margin-bottom: 0;}
#page_expedition #feature article .listbox._red li i { position: absolute; left:-22px; font-size: 17px; color: #da494e; top: 3px;}

@media screen and (max-width:768px){
	#page_expedition #feature {  margin-bottom:60px; padding-bottom:54px;}
	#page_expedition #feature .inr { width:92%;}
	#page_expedition #feature .title span { padding-bottom:8px;}
	#page_expedition #feature .title span img { width: 30px;}
	#page_expedition #feature .title { background: none;}
	#page_expedition #feature .title h2 { font-size:26px; padding-bottom:24px; margin-bottom:24px;line-height:140%;}
	#page_expedition #feature article h3 { font-size:20px; padding:0px 0 20px;}
	#page_expedition #feature article { padding:0 0 50px; }
	#page_expedition #feature article p { padding-bottom:28px;}
	#page_expedition #feature article.nophoto { padding-bottom: 10px;} 
	#page_expedition #feature article .photoarea { width:100%; margin:0 auto;}
	#page_expedition #feature article .photoarea div.sec {}
	#page_expedition #feature article .photoarea div figure { margin-left:20px; float:left;}
	#page_expedition #feature article .photoarea div figure:first-child { margin-left:0;}
	#page_expedition #feature article .photoarea div figure img{ width:100%}
	#page_expedition #feature article .photoarea div figure figcaption { font-size:11px; line-height:1.4;}
	#page_expedition #feature article .photoarea .photo4:nth-child(1) figure figcaption,
	#page_expedition #feature article .photoarea .photo4:nth-child(2) figure figcaption { padding-bottom:10px;}
	#page_expedition #feature article .photoarea .photo1 { width:100%; max-width: 400px; margin:0 auto;}
	
	#page_expedition #feature article .photoarea .photo2.w300 { width:100%;}
	#page_expedition #feature article .photoarea .photo2.w300 figure { width:48.5%;}
	#page_expedition #feature article .photoarea .photo4.two { max-width: 440px;}
	#page_expedition #feature article.lead p { font-size:14px;}
	#page_expedition #feature article.lead .photoarea .photo1 { width:100%;}
	#page_expedition #feature article.lead .photoarea .photo1 figure { width:100%;}
	#page_expedition #feature aside { border:solid 1px rgba(98,46,60,0.30); padding:3%; width:86%; margin: 0 auto;}
	#page_expedition #feature aside figure { width:150px; float:left; margin-right:20px;}
	#page_expedition #feature aside div { padding-top:0px; }
	#page_expedition #feature aside div h4 { font-size:20px;}
	#page_expedition #feature aside div dl { font-size:12px; padding:8px 0 5px;}
	#page_expedition #feature aside div dl dt { font-size:14px; padding-bottom:4px;}
	#page_expedition #feature aside div p { font-size:11px; line-height:155%;}
	#page_expedition #feature article .box-y { padding:22px 22px; }
	#page_expedition #feature aside figure.w280 { width: 170px;}
	#page_expedition #feature article .listbox._red { padding: 34px;}
	#page_expedition #feature article .listbox._red h5 { font-size: 19px; padding-bottom: 20px;}
	#page_expedition #feature article .listbox._red li { font-size: 13px; margin-bottom: 3px;}
	#page_expedition #feature article .listbox._red li i { left: -20px; font-size: 16px; top: 1px}
}
@media screen and (max-width:480px){
	#page_expedition #feature { margin-bottom:48px; padding-bottom:30px; }
	#page_expedition #feature .inr { width:90%; margin: 0 auto 0px;}
	#page_expedition #feature .title { background: none; background-size:100px;}
	#page_expedition #feature .title span { padding-bottom:8px;}
	#page_expedition #feature .title span img { width:28px}
	#page_expedition #feature .title h2 { font-size:18px; padding-bottom:24px; margin-bottom:20px;}
	#page_expedition #feature article { padding:0 0 36px; }
	#page_expedition #feature article.nophoto { padding-bottom:8px;} 
	#page_expedition #feature article h3 { font-size:15px; padding:0px 0 15px;}
	#page_expedition #feature article p { font-size:11px; padding-bottom:20px; line-height:160%;}
	#page_expedition #feature article p.lead._top { padding-bottom:36px; }
	#page_expedition #feature article .photoarea { width:100%; margin:0 auto;}
	#page_expedition #feature article .photoarea .photo4.two { width:100%;} 
	#page_expedition #feature article .sec { padding-top:20px;}
	#page_expedition #feature article .photoarea div figure { margin-left:0; margin-bottom:15px;}
	#page_expedition #feature article .photoarea div figure:first-child { margin-left:0;}
	#page_expedition #feature article .photoarea div figure.last { margin-bottom:0px;}
	#page_expedition #feature article .photoarea div figure img{ width:100%}
	#page_expedition #feature article .photoarea div figure figcaption { font-size:10px; padding-top:6px;}
	#page_expedition #feature article.lead p { font-size:11px;}
	#page_expedition #feature article.lead .photoarea .photo1 { width:100%;}
	#page_expedition #feature article.lead .photoarea .photo1 figure { width:100%;}
	#page_expedition #feature article .photoarea .photo1 { width:100%; margin:0 auto;}
	#page_expedition #feature article .photoarea .photo1 figure,
	#page_expedition #feature article .photoarea .photo2 figure { width:100%; margin-left:0px;}
	#page_expedition #feature article .photoarea .photo2 figure:nth-child(2n) { margin-left: 0%; margin-top: 20px;}
	#page_expedition #feature article .photoarea .photo3 figure { width:100%; margin-left:0px;}
	#page_expedition #feature article .photoarea .photo2.w300 { width:100;}
	#page_expedition #feature article .photoarea .photo2.w300 figure,
	#page_expedition #feature article .photoarea .photo4 figure,
	#page_expedition #feature article .photoarea .photo2.w300 figure:nth-child(2n),
	#page_expedition #feature article .photoarea .photo4 figure:nth-child(2n) { margin-right:0}
	#page_expedition #feature aside { padding:18px 5%; width:90%; margin: 0 auto; display:block; }
	#page_expedition #feature aside p { line-height: 1.55; font-size: 11px;}
	#page_expedition #feature aside figure { width:100%; text-align:center; height:200px; float:none; margin-right:0px; display:block}
	#page_expedition #feature aside figure.right { width: 100%; margin-left:0px; margin-right: 0;}
	#page_expedition #feature aside figure img { width:200px; height:200px}
	#page_expedition #feature aside div { display:block; padding-top:15px;}
	#page_expedition #feature aside div h4 { font-size:17px; font-weight:normal; color:#da494e; text-align:center;}
	#page_expedition #feature aside div dl { font-size:12px; padding:8px 0 5px;}
	#page_expedition #feature aside div dl dt { font-size:12px; padding-bottom:3px; font-weight:bold;}
	#page_expedition #feature aside div p { font-size:10px;}
	#page_expedition #feature .box_border { margin: 0 auto 10px; width:230px; font-size: 13px;}
	#page_expedition #feature .box_border strong { font-size: 10px;}
	
	#page_expedition #feature article .box-y { padding:20px 24px; }
	#page_expedition #feature article .box-y h5 { font-size: 13px; padding-bottom: 10px; }
	#page_expedition #feature article .box-y ul li { margin-left: 12px;}
	#page_expedition #feature aside figure.w280 { width: 100%;; height: auto; margin: 0 auto;}
	#page_expedition #feature aside figure.w280 img { width: 100%; height: auto;}
	#page_expedition #feature article .photoarea div figure { margin-bottom: 0; }
	
	#page_expedition #feature article .listbox._red { padding: 24px 20px;}
	#page_expedition #feature article .listbox._red h5 { font-size: 16px; padding-bottom: 14px;}
	#page_expedition #feature article .listbox._red li { font-size: 11px; margin-bottom: 2px;}
	#page_expedition #feature article .listbox._red li i { left: -15px; font-size: 12px; top: 3px;}
}

/*トピックス*/
#page_expedition #topics { width:960px; margin: 0 auto 80px; background-color:rgba(255,255,255,07); position:relative;}
#page_expedition #topics .inr { padding:53px 36px 40px;}
#page_expedition #topics .title { text-align:center; }
#page_expedition #topics .title span { padding-bottom:24px; display:block}
#page_expedition #topics .title h2 { padding-bottom:40px; font-size:28px; line-height:136%; color: #da494e}
#page_expedition #topics .title h2 small { display:block; font-size:66%;}
#page_expedition #topics dl { font-size:13px; line-height:160%} 
#page_expedition #topics dl dt { font-weight:bold; padding-bottom:3px;}
#page_expedition #topics .lead { font-size:14px; padding-bottom:44px;}
#page_expedition #topics .photoarea div dl { width:32%; margin-right:2%; float:left; padding-bottom:20px;}
#page_expedition #topics .photoarea div dl:nth-child(3n)  { margin-right:0}
#page_expedition #topics .photoarea div dl img { width:100%; margin-bottom:14px;}
#page_expedition #topics .photoarea div dl img.topphoto { padding-bottom:14px}
#page_expedition #topics .photoarea-text { padding-bottom:36px;}
#page_expedition #topics .photoarea-text._last { padding-bottom:0px!important;}
#page_expedition #topics .photoarea-text._pdb { padding-bottom:36px;}
#page_expedition #topics .photoarea-text.second { padding-top:30px;}
#page_expedition #topics .photoarea-text h5 { font-size: 20px; padding: 10px 0 22px; text-align: center;}
.vol7#page_expedition #topics aside { font-size:11px; background: #f5f5f5; display: inline-block; padding: 5px 10px;}
#page_expedition #topics dl.box { border:solid 1px rgba(98,46,60,0.30); padding:20px;}
#page_expedition .tape { position:absolute; top:-22px; left:50%; right:50%; margin-left:-200px; background:url(../img/tape.png) no-repeat top center; background-size:400px; height:40px; width:400px;}

#page_expedition #topics .box-photoL-textR {}
#page_expedition #topics .box-photoL-textR__item { margin-bottom: 50px}
#page_expedition #topics .box-photoL-textR__item:last-child { margin-bottom: 0!important;}
#page_expedition #topics .box-photoL-textR__item .title { font-size: 20px; padding-bottom: 22px; font-weight:bold; margin-bottom: 22px; background: url("../img/line_feature_f.png") repeat-x scroll center bottom / 30px auto; }
#page_expedition #topics .box-photoL-textR__item .image { width: 37%; float: left; margin-right: 3%;}
#page_expedition #topics .box-photoL-textR__item .image img { width: 100%; height: auto; }
#page_expedition #topics .box-photoL-textR__item .text { width: 60% ; display: inline-block; float: left;}
#page_expedition .pt1em { padding-top: 1em;}
#page_expedition .pt2em { padding-top: 2em;}
#page_expedition .pt3em { padding-top: 3em;}
#page_expedition .pt4em { padding-top: 4em;}

.vol7#page_expedition #topics .photoarea div dl,
.vol9#page_expedition #topics .photoarea div dl { padding-bottom:3px;}
.vol7#page_expedition #topics dl.box,
.vol9#page_expedition #topics dl.box{ margin:0 auto 40px; max-width: 540px; font-size: 12px;}
.vol7#page_expedition #topics dl.box dt,
.vol9#page_expedition #topics dl.box dt{ font-size:15px; padding-bottom: 1em; text-align: center}

@media screen and (max-width:768px){
	#page_expedition #topics .inr { padding:48px 30px 40px;}
	#page_expedition #topics .title h2 { font-size:24px}
	#page_expedition #topics .lead { font-size:13px; padding-bottom:36px;}
	#page_expedition #topics { width:96%;}
	#page_expedition #topics .photoarea div dl { width:32%; margin-right:2%; float:left; padding-bottom:20px;}
	#page_expedition .tape { margin-left:-180px; background:url(../img/tape.png) no-repeat top center; background-size:360px; height:40px; width:360px;}
	#page_expedition #topics .photoarea-text { padding-bottom:24px;}
	#page_expedition #topics .photoarea-text h5 { font-size: 15px; padding: 4px 0 17px;}
	
	#page_expedition #topics .box-photoL-textR__item { margin-bottom: 44px}
	#page_expedition #topics .box-photoL-textR__item .title { font-size: 17px; padding-bottom: 17px; margin-bottom: 18px;}
	#page_expedition #topics .box-photoL-textR__item .image { width: 45%; margin-right: 4%;}
	#page_expedition #topics .box-photoL-textR__item .text { width: 51%;     font-size: 12px;}
}
@media screen and (max-width:640px){
	#page_expedition #topics .title h2 br { display:none;}
	#page_expedition #topics .photoarea div dl { width:49%; }
	#page_expedition #topics .photoarea div dl:nth-child(3n)  { margin-right:2%}
	#page_expedition #topics .photoarea div dl:nth-child(2n)  { margin-right:0}
}
@media screen and (max-width:480px){
	#page_expedition #topics { width:96%; margin: 0 auto 48px;}
	#page_expedition #topics .inr { width:92%; margin:0 auto; padding:30px 0px 30px;}
	#page_expedition #topics .title span { padding-bottom:20px;}
	#page_expedition #topics .title span img { width:60px;}
	#page_expedition #topics._interview .title span img { width: 120px; }
	#page_expedition #topics .title h2 { padding-bottom:18px; font-size:18px}
	#page_expedition #topics dl { font-size:11px; line-height: 1.5}
	#page_expedition #topics .lead { font-size:12px; padding-bottom:34px;}
	#page_expedition #topics .photoarea div dl { width:98%; margin-right:0px; margin:0 auto; float:none; padding-bottom:24px;}
	#page_expedition #topics .photoarea div dl._last img { padding-bottom: 0; }
	#page_expedition #topics .photoarea div dl:nth-child(2n),
	#page_expedition #topics .photoarea div dl:nth-child(3n)  { margin-right:auto}
	#page_expedition #topics .photoarea div dl img { width:100%;}
	#page_expedition #topics .photoarea-text { padding-bottom:20px;}
	#page_expedition #topics .photoarea-text._photo { padding-bottom:8px;}
	#page_expedition #topics .photoarea-text._pdb { padding-bottom:20px;}
	#page_expedition #topics .photoarea-text.second { padding-top:24px;}
	#page_expedition #topics .photoarea-text h5 { font-size: 13px; padding: 5px 0 13px; }
	#page_expedition #topics dl.box { padding:12px 18px;}
	#page_expedition .tape { top:-15px; margin-left:-125px; background-size:250px; height:40px; width:250px;}
	
	#page_expedition #topics .box-photoL-textR__item { margin-bottom: 36px;}
	#page_expedition #topics .box-photoL-textR__item .title { font-size: 14px; padding-bottom: 12px; margin-bottom: 14px;}
	#page_expedition #topics .box-photoL-textR__item .image { width: 38%; margin-right: 4%;}
	#page_expedition #topics .box-photoL-textR__item .text { width: 55%; font-size: 10px; line-height: 1.5;}
	
	.vol7#page_expedition #topics dl.box,
	.vol9#page_expedition #topics dl.box{ padding: 20px; margin:0 auto 24px; font-size: 10px;}
	.vol7#page_expedition #topics dl.box dt,
	.vol9#page_expedition #topics dl.box dt{ font-size:13px;}
}

/*レシピ*/
#page_expedition #recipe {width:100%; max-width:960px; margin: 0 auto 70px; padding-bottom:30px;  background-color:rgba(255,255,255,07);  position:relative;}
#page_expedition #recipe .inr { width:900px; margin:0 auto 0px; position:relative;}
#page_expedition #recipe .title { text-align:center; height:123px; background:url(../img/bg_recipe.png)  center;}
#page_expedition #recipe .title span { padding:30px 0 15px; display:block;} 
#page_expedition #recipe .title h2 {  font-size:30px;}
#page_expedition #recipe h3 { padding:40px 0; font-size:22px; letter-spacing: 0.5px; background:url(../img/icon_recipe.png) no-repeat left center; background-size:6px; padding-left:15px;}
#page_expedition #recipe h3 small { display: inline-block; font-size:12px; position: relative; left: 6px; top: -3px;}
#page_expedition #recipe article.material {  margin-bottom:25px; position: relative;}
#page_expedition #recipe article.material .left { width:560px; float:left;}
#page_expedition #recipe article h4 { font-size:16px; color:#da494e; padding:0 0 10px; margin-bottom:8px; border-bottom:solid 2px #58373d;}
#page_expedition #recipe article h4 span { font-weight:normal; font-size:80%; padding-left:0px}
#page_expedition #recipe article.material .left li { width:47%; margin-right:6%; float:left; padding:5px 0; border-bottom:#ddd dotted 1px;}
#page_expedition #recipe article.material .left li:nth-child(even) { margin-right:0;}
#page_expedition #recipe article.material .left li span { text-align:right; float:right}
#page_expedition #recipe article.material .right { width:300px; float:right;}
#page_expedition #recipe article.material figure { border:solid 5px #fff; width:295px; height:220px; overflow:hidden; position:relative;}
#page_expedition #recipe article.material figure img { position:absolute; width:300px}
#page_expedition #recipe article.material .fuki { position:absolute; right:-20px; top:-80px;}
#page_expedition #recipe article.howto { margin-bottom:24px;}
#page_expedition #recipe article.howto ul { padding-top:7px;}
#page_expedition #recipe article.howto ul li { margin-bottom:4px; line-height:150%; list-style:outside decimal; margin-left:16px}
#page_expedition #recipe article.howto ul li .text_s { font-size: 12px; color: #58373d; opacity: 0.8; line-height: 1.6; display: block; margin-top: 4px;}
#page_expedition #recipe article.howto.point ul li { list-style:disc;}
#page_expedition #recipe article.howto ul li strong { padding-right:5px;}
#page_expedition #recipe aside { background:url(../img/bg_kanso.png); padding:20px 22px;}
#page_expedition #recipe aside h5 { padding-bottom:8px;}


/* vol9 */
.lecipe-left-block_first { padding-bottom: 25px;}
.vol9#page_expedition #recipe article.material figure,
#page_expedition #recipe article.material figure._sq{height:295px; }


@media screen and (max-width:768px){
	#page_expedition #recipe { width:96%; margin: 0 auto 48px; padding-bottom:30px;}
	#page_expedition #recipe .inr { width:92%;}
	#page_expedition #recipe .title h2 { font-size:24px; padding: 0 20px; line-height: 1.2}
	#page_expedition #recipe h3 { padding:36px 0; padding-left:16px; font-size: 20px;}
	#page_expedition #recipe article.material {  margin-bottom:36px;}
	#page_expedition #recipe article h4 { font-size:14px; }
	#page_expedition #recipe article.material .right { width:100%; float:none; margin-bottom:36px;}
	#page_expedition #recipe article.material figure { margin:0 auto;}
	#page_expedition #recipe article.material .fuki { right:5%; top:-40px;}
	#page_expedition #recipe article.material .fuki img { width:140px;}
	#page_expedition #recipe article.material .left { width:100%; float:none;}
	#page_expedition #recipe article.material .left li { width:100%; margin-right:0;}
	#page_expedition #recipe article.howto { margin-bottom:36px;}
	#page_expedition #recipe article.howto ul li { margin-bottom:2px;}
	#page_expedition #recipe article.howto ul li .text_s { font-size: 11px;}
	#page_expedition #recipe aside h5 { padding-bottom:5px;}
}
@media screen and (max-width:480px){
	#page_expedition #recipe {  padding-bottom:20px;}
	#page_expedition #recipe .inr { width:90%;}
	#page_expedition #recipe .title { height:auto; padding-bottom:24px; background-size:1000px;}
	#page_expedition #recipe .title span { padding:24px 0 12px; } 
	#page_expedition #recipe .title span img { width:120px} 
	#page_expedition #recipe .title h2 { font-size:20px; line-height: 1.3}
	#page_expedition #recipe h3 { padding:24px 0; font-size:18px; background-size:6px; padding-left:15px;}
	#page_expedition #recipe h3 small { font-size: 10px; left: 0px; top: 0px;}
	#page_expedition #recipe article.material {  margin-bottom:24px;}
	#page_expedition #recipe article h4 { font-size:14px; margin-bottom:8px; padding-bottom:9px}
	#page_expedition #recipe article.material .right { margin-bottom:24px;}
	#page_expedition #recipe article.material figure { width:285px; height:210px; }
	#page_expedition #recipe article.material .fuki { right:-20px; top:-20px;}
	#page_expedition #recipe article.material .fuki img { width:120px;}
	#page_expedition #recipe article.material .left li { padding:3px 0; font-size:11px;}
	#page_expedition #recipe article.howto { margin-bottom:24px;}
	#page_expedition #recipe article.howto ul { padding-top:5px;}
	#page_expedition #recipe article.howto ul li { margin-bottom:2px; font-size:11px; }
	#page_expedition #recipe article.howto ul li .text_s { font-size: 1.px;}
	#page_expedition #recipe article.howto ol li { margin-bottom:2px; font-size:10px; }
	#page_expedition #recipe aside { padding:12px 18px; font-size:11px; line-height:150%;}
	#page_expedition #recipe aside h5 { padding-bottom:4px; font-size:13px}
}

/*編集後期*/
#page_expedition #edinote {width:100%; max-width:960px; margin: 0 auto; padding-bottom:80px; background:url(../img/line_edinote.png) repeat-x top; background-size:30px;}
#page_expedition #edinote .inr { padding:36px 0 0px; background:url(../img/line_edinote.png) repeat-x bottom; background-size:30px;}
#page_expedition #edinote h2 { text-align:center; padding-bottom:15px; font-size:20px; }
#page_expedition #edinote p { padding-bottom:40px;}

@media screen and (max-width:768px){
	#page_expedition #edinote {width:92%; margin: 0 auto; padding-bottom:48px; }
	#page_expedition #edinote h2 { text-align:center; padding-bottom:16px; font-size:18px; }
	#page_expedition #edinote p { padding-bottom:36px;}
}
@media screen and (max-width:480px){
	#page_expedition #edinote .inr { padding:24px 0 0px; }
	#page_expedition #edinote h2 { padding-bottom:12px; font-size:15px; }
	#page_expedition #edinote p { padding-bottom:24px; font-size:11px; line-height:150%}
}

/*バックナンバー*/
#page_expedition #backnumber { margin:00px 0 0px; background:url(../img/line_note_f.png) repeat-x top; padding-top:12px; padding-bottom:60px;}
#page_expedition #backnumber .inr { background:url(../img/bg_bn.png) repeat-x top; padding-top:44px} 
#page_expedition #backnumber h2 { text-align:center; margin-bottom:40px;}
#page_expedition #backnumber ul { width:960px; margin: 0 auto;}
#page_expedition #backnumber ul li { position:relative; float:left; margin-right:18px; margin-bottom:18px;}
#page_expedition #backnumber ul li:nth-child(3n) { margin-right:0;}
#page_expedition #backnumber ul li a { display:block; }
#page_expedition #backnumber ul li span { position:absolute; color:#fff;font-size:16px; font-weight:bold; right:0; left:0; text-align:center; bottom:0px; z-index:10; display:block; height:100%; line-height:200px;pointer-events: none;}
#page_expedition #backnumber ul li img { width:308px; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; -ms-transition:0.2s; transition: 0.2s; -webkit-filter: brightness(0.7); -moz-filter: brightness(0.7); -o-filter: brightness(0.7); -ms-filter: brightness(0.7); filter: brightness(0.7);
box-shadow: 1px 1px 2px rgba(0,0,3,0.4);
-moz-box-shadow: 1px 1px 2px rgba(0,0,3,0.4);
-webkit-box-shadow: 1px 1px 2px rgba(0,0,3,0.4);
-o-box-shadow: 1px 1px 2px rgba(0,0,3,0.4);
-ms-box-shadow: 1px 1px 2px rgba(0,0,3,0.4);}
#page_expedition #backnumber ul li:hover img { -webkit-filter: brightness(1); -moz-filter: brightness(1); -o-filter: brightness(1); -ms-filter: brightness(1); filter: brightness(1);}

@media screen and (max-width:768px){
	#page_expedition #backnumber { padding-bottom:48px;}
	#page_expedition #backnumber .inr {  padding-top:24px} 
	#page_expedition #backnumber h2 { margin-bottom:24px;}
	#page_expedition #backnumber ul { width:626px; margin:0 auto;}
	#page_expedition #backnumber ul li { float:left; text-align:center; margin-right:10px; margin-bottom: 10px;}
	#page_expedition #backnumber ul li:nth-child(3n) { margin-right:10px;}
	#page_expedition #backnumber ul li:nth-child(2n) { margin-right:0;}
}
@media screen and (max-width:640px){
	#page_expedition #backnumber ul { width:100%;}
	#page_expedition #backnumber ul li { float:none; text-align:center; margin-right:0px;}
	#page_expedition #backnumber ul li:nth-child(3n) { margin-right:0;}
	#page_expedition #backnumber ul li span { font-size:15px;}

}
@media screen and (max-width:480px){
	#page_expedition #backnumber { padding-bottom:24px;}
	#page_expedition #backnumber ul li { margin-bottom:10px;}
}

/*パーツ*/
.v_pc { display:none; visibility:hidden;}
.v_sp { display:block; visibility:visible;}
.focus { background: #FFEFF0 !important; color:#333 }
#page-top { position: fixed; bottom: -100px; right: 15px;}
#page-top a { width: 40px; height:40px; background: url(../img/top.png) no-repeat; background-size:contain; display:block;}
#page-top a:hover { text-decoration: none; opacity:0.85; }
/* ローダー */
#loader { width: 100%; height: 100%; display: none; position: fixed; _position: absolute; top: 42%; left: 0; right:0; text-align:center; z-index: 1100; }
#fade { width: 100%; height: 100%; display: none; background-color: #FFFFFF; position: absolute; top: 0px; left: 0px; bottom:0; right:0; z-index: 1050; }
#load_logo { animation: inout 0.7s; display:none;  -webkit-animation: inout 1s;  background-repeat: no-repeat; opacity:1 }

@media screen and (min-width:768px){
	.v_pc { display:block; visibility:visible;}
	.v_sp { display:none; visibility:hidden;}
	#page-top { bottom: -200px; right: 1%;}
	#page-top a { width: 50px; height:50px; }
	.icon_blank { background-size: 12px; padding-left:15px;}
	.icon_blank2 { background-size: 12px; padding-left:15px;}
}


/* vol8 */
.pt10 { padding-top: 10px;}
.reset_bd { padding: 0!important;}
.title_bgred { background: #da464e; color: white; font-size: 12px!important; line-height: 1; font-weight: bold; text-align: center; padding: 7px 16px!important; position: absolute; top: -20px; left: -8px; -moz-transform: rotate(-3deg); -webkit-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg);}
.list_1box>li { width: 100%; max-width: 600px; vertical-align: top; margin-right: 3%; letter-spacing: normal;line-height: 1.55; margin: 0 auto;}
.list_1box>li img { width: 100%;}
.list_2box { letter-spacing: -1em;}
.list_2box>li { width: 48.5%; display: inline-block; vertical-align: top; margin-right: 3%; letter-spacing: normal;line-height: 1.55;}
.list_2box>li:nth-child(2n) { margin-right: 0;}
.list_2box>li img { width: 100%;}
.list_3box { letter-spacing: -1em;}
.list_3box li { width: 31.4%; display: inline-block; vertical-align: top; margin-right: 2.9%; letter-spacing: normal; line-height: 1.55;}
.list_3box>li:nth-child(3n) { margin-right: 0;}
.list_3box>li .num { font-size: 20px; line-height: 1; position: relative; top: 1px;  font-weight: bold; padding-right: 8px; color: #da494e;}
.list_3box>li figure img { padding: 10px 0; width: 100%}
.list_3box>li .text { padding: 0!important;}
.howto-attention { padding-top: 14px; opacity: 0.8;}
.howto-attention li { font-size: 12px;}
.howto-attention li span { color: #da494e; padding-right: 8px;}
.aside { position: relative;}
.aside_sizem { max-width: 660px; width: 100%; position: relative; }
.aside-title { padding-bottom: 8px;}
.aside-text { padding-bottom: 0px!important;}
.caption { text-align: center; padding: 10px 0 0; display: block; font-size: 12px; line-height: 1.6;}
.ul_liststyledot li { list-style: disc; margin-left: 16px; }
#page_expedition #feature article .title_large_red { font-size: 28px; color: #da494e; line-height: 1.4; text-align: center; padding: 0px 0 24px;}
#page_expedition #feature .text_ll { font-size: 24px; }
#page_expedition #feature .text_l { font-size: 18px; }
#page_expedition #feature .text_m { font-size: 16px; }
#page_expedition #feature .text_s { font-size: 12px; }
#page_expedition #feature .text_ss { font-size: 10px; }
#page_expedition .text_bold { font-weight: bold;}

@media screen and (max-width:1024px){}
@media screen and (max-width:768px){

	.list_2box>li { font-size: 12px; }
	.list_3box>li { width: 48.5%; margin-right: 3%; }
	.list_3box>li:nth-child(3n) { margin-right: 3%;}
	.list_3box>li:nth-child(2n) { margin-right: 0;}
	.list_3box>li .num { font-size: 18px; padding-right: 6px; }
	#page_expedition #feature article .title_large_red { font-size: 22px; padding: 0px 0 14px;}
	#page_expedition #feature article .title_large_red br { display:none;} 
	.caption { font-size: 10px; line-height: 1.5; padding-top: 8px;}
	#page_expedition #feature .text_ll { font-size: 22px; }
	#page_expedition #feature .text_l { font-size: 16px; }
	#page_expedition #feature .text_m { font-size: 14px; }
	#page_expedition #feature .text_s { font-size: 10px; }
	#page_expedition #feature .text_ss { font-size: 9px; }
}
@media screen and (max-width:480px){
	.title_bgred { font-size: 10px!important; padding: 5px 12px!important; top: -22px; left: -8px; }
	.list_2box>li { font-size: 11px; width: 100%; margin-right: 0; margin-bottom: 20px;}
	.list_2box>li:last-child { margin-bottom: 0;}
	.list_3box>li { width: 100%; margin-right: 0%; }
	.list_3box>li:nth-child(3n) { margin-right: 0%;}
	.list_3box>li .num { font-size: 16px; padding-right: 4px; }
	#page_expedition #feature article .title_large_red { font-size: 17px; padding: 0px 0 14px; line-height: 1.3}
	.aside_sizem .left { padding-top: 0!important;}
	#page_expedition #feature .text_ll { font-size: 20px; }
	#page_expedition #feature .text_l { font-size: 14px; }
	#page_expedition #feature .text_m { font-size: 13px; }
	#page_expedition #feature .text_s { font-size: 9px; }
	#page_expedition #feature .text_ss { font-size: 8px; }
	.caption { padding: 5px 0 0; font-size: 9px;}

}

/*vol.10 */
.vol10 .aside-text {font-size: 12px; line-height: 1.6;}


#mainvisual {}
#page_expedition.vol8 #feature article.lead .photoarea { padding: 12px 0 48px; }
#page_expedition.vol8 #feature article.lead .photoarea .photo1 {position: relative;} 
#page_expedition.vol8 #feature article.lead { padding-bottom: 00px;}
#page_expedition.vol8 #feature article.lead .caption { padding-top: 0px; position: absolute; bottom: 0px; background: rgba(255,255,255,0.75); margin: 6px 0; padding: 10px 20px; line-height: 1.7; font-size: 10px; left: 6px; right: 6px;}
#page_expedition.vol8 #feature article.lead .caption strong { font-size: 16px; padding-bottom: 2px; display: block;}
#page_expedition.vol8 figcaption { font-size: 10px; display: block;}
#page_expedition #topics .topics_qa { margin-bottom: 20px; font-size: 14px}
#page_expedition #topics .topics_qa h5 { font-size: 20px; padding:10px 0 22px; text-align: center;}
#page_expedition #topics .topics_qa strong { padding-right: 14px; }
#page_expedition #topics .topics_qa dt { margin-bottom: 5px;}
#page_expedition #topics .topics_qa dd { padding-bottom: 20px;}
#page_expedition.vol8 #topics .lead { padding-bottom: 36px;}
#page_expedition.vol8 #topics .topics-menu { background: white;}
#page_expedition.vol8 #topics .topics-qa-img { padding-bottom: 36px;}
#page_expedition.vol8 #topics .topics-qa-img.photo1 { width: 100%; text-align: center}
#page_expedition.vol8 #topics .topics-title { border-bottom: dashed 3px #e8d998; margin-top: 40px; padding-bottom: 23px; font-size: 24px; margin-bottom: 30px; text-align: center;}
#page_expedition.vol8 #topics .topics-menu h5 { font-size: 18px}
#page_expedition.vol8 #topics .topics-menu ul { padding: 16px 0;}
#page_expedition.vol8 #topics .topics-menu figure { padding-top: 20px;}
#page_expedition.vol8 #feature aside .right { width: 240px; padding-left: 24px;}
#page_expedition.vol8 #feature aside .right figure  { width: 100%; text-align: center; height: auto;}
#page_expedition.vol8 #feature aside .right figure img  { width: 100%; height: auto; max-width: 240px;}
#page_expedition.vol8 #topics .title span { padding-bottom: 26px;}
#page_expedition.vol8 #topics .title span img { width: 180px;}

#page_expedition.vol9 #feature article.lead .photoarea { padding: 12px 0 55px; }
#page_expedition.vol9 #feature article.lead .photoarea .photo1 {position: relative;} 
#page_expedition.vol9 #feature article.lead { padding-bottom: 00px;}
#page_expedition.vol9 #topics .topics-qa-img._first { padding-bottom: 40px;}
#page_expedition.vol9 #feature article.lead .caption { padding-top: 0px; position: absolute; bottom: 0px; background: rgba(255,255,255,0.75); margin: 6px 0; padding: 10px 20px; line-height: 1.7; font-size: 10px; left: 6px; right: 6px;}
#page_expedition.vol9 #feature article.lead .caption strong { font-size: 16px; padding-bottom: 2px; display: block;}

#page_expedition #feature article.lead .photoarea .photo1 {position: relative;} 
#page_expedition #feature article.lead .caption._inphoto { padding-top: 0px; position: absolute; bottom: 0px; background: rgba(255,255,255,0.75); margin: 6px 0; padding: 10px 20px; line-height: 1.7; font-size: 10px; left: 6px; right: 6px;}
#page_expedition #feature article.lead .caption._inphoto strong { font-size: 16px; padding-bottom: 2px; display: block;}

@media screen and (max-width:1024px){}
@media screen and (max-width:768px){
	#page_expedition.vol8 #feature article.lead .photoarea { padding: 10px 0 30px;}
	#page_expedition #topics .topics_qa { font-size: 13px}
	#page_expedition #topics .topics_qa h5 { font-size: 15px; padding:4px 0 22px;}
	#page_expedition #topics .topics_qa strong { padding-right: 12px; }
	#page_expedition #topics .topics_qa dt { margin-bottom: 3px;}
	#page_expedition #topics .topics_qa dd { padding-bottom: 16px;}
	#page_expedition.vol8 #topics .lead { padding-bottom: 30px;}
	#page_expedition.vol8 #topics .topics-title { border-bottom: dashed 3px #e8d998; margin-top: 30px; padding-bottom: 20px; font-size: 20px; margin-bottom: 24px;}
	#page_expedition.vol8 #topics .topics-menu h5 { font-size: 15px}
	#page_expedition.vol8 #topics .topics-menu ul { padding: 14px 0;}
	#page_expedition.vol8 #feature aside .left { width: 100%; display: block; }
	#page_expedition.vol8 #feature aside .right { width: 100%; padding-left: 0px; padding-top: 20px; display: block;}
	#page_expedition.vol8 #feature article.lead .caption { font-size: 10px; margin: 6px 0; padding: 8px 15px; line-height: 1.5;}
	#page_expedition.vol8 #feature article.lead .caption strong { font-size: 14px; padding-bottom: 3px; }
	#page_expedition.vol8 #topics .title span { padding-bottom: 22px;}
	#page_expedition.vol8 #topics .title span img { width: 140px;}
	#page_expedition.vol9 #feature article.lead .photoarea { padding: 12px 0 45px; }
	#page_expedition.vol9 #topics .topics-qa-img._first { padding-bottom: 36px;}
	#page_expedition.vol10 #feature article.lead .caption._inphoto { padding: 8px 10px; line-height: 1.5; font-size: 8px;}
	#page_expedition.vol10 #feature article.lead .caption._inphoto strong {font-size: 12px;}
	#page_expedition.vol10 #feature article.lead .caption._inphoto br { display:none;}
}
@media screen and (max-width:480px){
	#page_expedition #topics .topics_qa { font-size: 11px; margin-bottom: 8px;}
	#page_expedition #topics .topics_qa h5 { font-size: 13px; padding-bottom: 13px;}
	#page_expedition #topics .topics_qa strong { padding-right: 10px; }
	#page_expedition #topics .topics_qa dt { margin-bottom: 2px;}
	#page_expedition #topics .topics_qa dd { padding-bottom: 14px;}
	#page_expedition.vol8 #topics .lead { padding-bottom: 24px;}
	#page_expedition.vol8 #topics .topics-title { border-bottom: dashed 2px #e8d998; margin-top: 20px; padding-bottom: 15px; font-size: 18px; margin-bottom: 17px;}
	#page_expedition.vol8 #topics .topics-menu h5 { font-size: 13px}
	#page_expedition.vol8 #topics .topics-menu ul { padding: 10px 0;}
	#page_expedition.vol8 #topics .topics-qa-img { padding-bottom: 22px;}
	#page_expedition.vol9 #topics .topics-qa-img._first { padding-bottom: 22px;}
	#page_expedition.vol8 #feature article.lead .photoarea,
	#page_expedition.vol9 #feature article.lead .photoarea{ padding: 6px 0 15px;}
	#page_expedition.vol8 #feature article.lead .caption,
	#page_expedition.vol9 #feature article.lead .caption{ font-size: 7px; margin: 6px 0; bottom: 13px; padding: 6px 12px; line-height: 1.4;}
	#page_expedition.vol8 #feature article.lead .caption strong,
	#page_expedition.vol9 #feature article.lead .caption strong { font-size: 10px; padding-bottom: 1px; }
	#page_expedition.vol8 #topics .title span,
	#page_expedition.vol9 #topics .title span{ padding-bottom: 15px;}
	#page_expedition.vol8 #topics .title span img { width: 120px;}
	#page_expedition.vol10 #feature article.lead .caption._inphoto { font-size: 7px; bottom: 0px;}
	#page_expedition.vol10 #feature article.lead .caption._inphoto strong {  font-size: 10px;}
}